/* cb */
#chatbox_top,
#chatbox_bottom {
height: 300px !important;
}
#chatbox_header, td.catBottom,
#chatbox_header.main-head {
background:
#fffefa !important;
}
.msg span[style="color:green"] strong {
color:
#b773b2;
}
.msg span[style="color:red"] strong {
color:
#e3ce80;
}
.msg span[style="color:undefined"] {
color:
#c4b5ab;
font-style: italic;
}
.date-and-time {
color:
#d2cfc4;
}
#chatbox_footer #divcolor,
#chatbox_footer #divsmilies,
#chatbox_footer #help-button,
#chatbox_footer .format-message + label {
background:
#fff !important;
color:
#d0c6c1 !important;
border: 1px solid
#f7f2ef;
font-family:arial !important;
font-size:10px !important;
height:15px;
padding:2px !important;
}
#chatbox_footer #submit_button {
background:
#fff !important;
color:
#d0c6c1 !important;
border: 1px solid
#f7f2ef;
font-family:arial !important;
font-size:10px !important;
height:20px;
padding:2px !important;
}
#chatbox_footer ,.chatfootertable
{
color:
#d0c6c1 !important;
}
#chatbox_footer #message {
background: white;
}
#chatbox .cb-avatar > img{ border-radius: 5px !important; height:40px !important; width:25px !important;}
#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body
#chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }
#chatbox_members .member-title {
text-align: left;
padding: 0.5em 0.25em;
background-image: none;
font-size: 11px;
background-color:
#fffefa;
color :
#d8c4b9;
font-family: Verdanal,Arial,Times New Roman,Arial,sans-serif;
}
#chatbox_members {
border-right:1px
#f0eee8 solid;
}
#chatbox_header {
height: 30px;
background-color:
#fffefa;
}
body.chatbox {
min-width: 550px !important;
background-image: none;
padding: 0;
margin: 0;
background-color:
#fffefa;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: " "; }
#chatbox .chatbox_row_1,
#chatbox .chatbox_row_2{
background-color: transparent;
border-bottom: 1px solid
#f7f6f0;
font-size:11px !important;
}
#chatbox-username chatbox-message-username {
font-size:10px;
font-family:cambria;
}
.quicknav {
position:relative;top:-5px;cursor:pointer;font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px
#824474;color:
#ffffff;text-decoration: none;font-size: 10px !important;
}
.quicknav:hover {
color:
#bd9e44 !important;
text-decoration: none!important;
}
.navtitle {
text-align: center;
width:180px; height: 10px; overflow:hidden;
margin-left: 10px; font-style: italic;
font-family: 'cambria'; font-size: 12px;
line-height: 10px; text-transform: uppercase;
text-shadow: 1px 1Px 1Px
#c7c7c7, 0px 0px 3px
#fff;
padding:7px;
box-shadow: 0px 0px 1px
#fff;
border-radius: 0px; z-index: 999;
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/06/1486352161-fond2.png');
background-repeat: no-repeat;
background-position: 0px 0px;
}
.sidenav {
height: 100%;
width: 0px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-image: url(https://2img.net/image.noelshack.com/fichiers/2017/06/1486348259-fondtest.png);
box-shadow: 0 4px 1px
#ece78a;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
line-height:4px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 10px;
color:
#818181;
display: block;
transition: 0.3s;
margin-left:15px;
width:170px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
display:block; padding:4px 0; line-height:18px; font-size:10px;
text-transform:uppercase; text-shadow: 0px 0px 1px
#fff;
background:rgba(255, 255, 255, 0.7);
box-shadow: 0px 0px 1px
#ece78a;
border-radius: 2px;
text-align:center;
}
.sidenav a:hover, .offcanvas a:focus{
color:
#f1f1f1;
}
.sidenav .closebtn {
background: transparent;
box-shadow: 0px 0px 0px transparent;
width:70px;
position: absolute;
top: 20px;
right: 5px;
font-size: 10px;
margin-left: 50px;
}
@media screen and (max-height: 100px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
/* style par défaut */
a.fa-mention {
font-size:20px;
font-family:cambria;
color:
#b87fc4;
text-shadow:
#7b3677 1px 1px 0px;
margin-top:-10px;
}
/* style au survol */
a.fa-mention:hover {
color:
#b87fc4;
text-shadow:
#b46cb0 1px 1px 0px;
}
/****************************************
TINDER
*****************************************/
.tinder1 { width: 402px; min-height: 620px; background-color:
#fff; padding: 20px; border: solid 1px
#efefef; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder2 { width: 402px; min-height: 620px; background-color:
#fff; overflow: auto; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.tinder2::-webkit-scrollbar { width: 0px; }
.tinderimg img { width: 300px; height: 300px; border-radius: 10px 10px 0px 0px; border-top: solid 1px
#d9d9d9; border-right: solid 1px
#d9d9d9; border-left: solid 1px
#d9d9d9; margin-top: 8px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder3 { padding: 16px 14px; width: 272px; height: 20px; border-radius: 0px 0px 10px 10px; border-right: solid 1px
#d9d9d9; border-left: solid 1px
#d9d9d9; border-bottom: solid 1px
#d9d9d9; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tindername { font-family: 'raleway'; font-size: 16px; font-weight: 400; color:
#424242; text-transform: none; text-align: left; line-height: 100%; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tindername b { font-weight: 600; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderbottom { width: 282px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px
#d9d9d9; border-left: solid 1px
#d9d9d9; border-bottom: solid 1px
#d9d9d9; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderbottom2 { width: 266px; height: 3px; border-radius: 0px 0px 10px 10px; border-right: solid 1px
#d9d9d9; border-left: solid 1px
#d9d9d9; border-bottom: solid 1px
#d9d9d9; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderbuttons { opacity: 1; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderimg { margin-top: -50px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderimg img { border-radius: 0px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinder3 { border-radius: 0px; border: none; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom { display: none; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbottom2 { display: none; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderbuttons { display: none; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tindername { font-size: 18px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderdesc { padding: 0px 14px 14px 14px; width: 272px; font-family: 'raleway'; font-weight: 400; font-size: 12px; color:
#777; line-height: 110%; text-align: left; text-transform: none; display: none; border-bottom: 1px solid
#ebebeb; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderinsta { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color:
#424242; text-align: left; text-transform: none; display: none; border-bottom: 1px solid
#ebebeb; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tindertb td { padding: 0px 8px 8px 0px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tindertb td img { width: 85px; height: 85px; border-radius: 10px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderinterest { padding: 10px 14px; width: 272px; font-family: 'raleway'; font-weight: 600; font-size: 10px; color:
#424242; text-align: left; text-transform: none; display: none; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinderint { color:
#fa6c68; border: solid 1px
#fa6c68; padding: 6px; text-align: center; display: none; text-transform: none; font-family: 'raleway'; font-weight: 300; border-radius: 4px; margin-right: 4px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderdesc { display: inherit; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinsta { display: inherit; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderinterest { display: inherit; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
.tinder1:hover .tinderint { display: inline-block; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;}
/* end */
/*********************************************************************
SNAPCHAT*************************************************************/
body{
background:
#965994;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container{
max-width: 600px;
margin: 50px auto;
font-family: 'Open Sans', sans-serif;
}
.phone{
position: relative;
background:
#1e1e1e;
height: 500px;
width: 250px;
border-radius: 25px;
margin: 0 auto;
}
.camera{
position: absolute;
background:
#7A7A7A;
height: 8px;
width: 8px;
border-radius: 15px;
top: 22px;
left: 85px;
}
.speaker{
position: absolute;
background:
#7A7A7A;
height: 6px;
width: 50px;
border-radius: 15px;
top: 22px;
left: 105px;
}
.sleep-button{
position: absolute;
background:
#1e1e1e;
height: 35px;
width: 3px;
border-top-right-radius: 3px 3px;
border-bottom-right-radius: 3px 3px;
top: 105px;
left: 250px;
}
.silent-switch{
position: absolute;
background:
#1e1e1e;
height: 25px;
width: 3px;
border-top-left-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
top: 60px;
left: -3px;
}
.volume{
position: absolute;
background:
#1e1e1e;
width: 3px;
height: 35px;
border-top-left-radius: 3px 3px;
border-bottom-left-radius: 3px 3px;
left: -3px;
}
.up{
top: 105px;
}
.down{
top: 145px;
}
.screen{
position: absolute;
overflow: hidden;
background:
#fff;
height: 390px;
width: 230px;
top: 50px;
left: 10px;
}
.timer {
position: absolute;
background: rgba(0, 0, 0, 0.5);
height: 20px;
width: 20px;
border-radius: 3px;
top: 5px;
left: 195px;
padding: 5px;
text-align: center;
color:
#fff;
font-size: 14px;
}
.caption-container{
position: absolute;
width: 100%;
background: rgba(0, 0, 0, 0.5);
top: 250px;
color:
#fff;
text-align: center;
}
.caption{
font-size: 16px;
font-weight: 300;
margin: 8px;
}
.home-button{
position: absolute;
border: 1px solid
#7A7A7A;
height: 35px;
width: 35px;
border-radius: 25px;
bottom: 12px;
left: 50%;
margin-left: -18px;
}
/*END*/
.avatarrpg img {
max-width:200px;
height:auto;
}
.catBottom {
background-color:
#FAFAFA !important;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
padding: 5px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background:
#f7f2ef; /* couleur de fond */
color:
#beb2a9; /* couleur texte */
font-size: 10px; /* taille du texte */
letter-spacing: 2px; /* espace entre les lettres */
font-family: 'Cambria';
text-transform: uppercase;
box-shadow: 0px 0px 2px
#dbcfc6;
}
.profil-cache {
border: 1px solid
#f7f2ef;
background-color:
#f9f6f4;
box-shadow: 0px 0px 2px
#dbcfc6;
padding:10px;
height:75px;
}
.avatarmp img {
width:25px;
border-radius:5px;
}
.pseudomp {
font-family: cookie;
font-size: 20px !important;
text-shadow:
#4a1b44 1px 1px 0px;
}
.signature_div {
font-size:11px;
padding-left:10px;
padding-right:10px;
}
.avatarenu img {
border-radius:20px;
}
.profilenu {
text-align:justify;
font-size:11px !important;
width:300px;
margin-left:-100px;
}
.profilenu2 {
text-align:center;
font-family: cambria;
font-size: 10px !important;
width:100px;
margin-left:-100px;
}
.profilenu3 {
text-align:center;
font-family: cambria;
font-size: 10px !important;
width:200px;
}
.field_uneditable img {max-width:150px;}
.CSSgal {
position: relative;
overflow: hidden;
height: 122px; /* Or set a fixed height */
}
.avatarficheperso img {
width:200px !important;
height:auto;
border-radius:5px;
}
/* scena */
.iconSCENA img {
width: 100px;
}
.scrollbartxt2SCENA {
font-size: 11px; text-align:justify;
width: 315px;
height: 82px;
overflow:auto;
position: relative;
line-height:11px;
}
.lienSCENA {
font-family: 'Cambria';
text-transform: uppercase;
font-size: 8px;
text-align:center;
position: relative;
top: 0px; left: -3px;
width:318px; color:
#c8a646;
display:block; padding:4px 0; line-height:12px;
background:
#ffffff; border-radius: 1px;
box-shadow: inset 1px 1px 10px
#E4E3E3;
}
/* QEEL */
.trans .row1 {
background-color : transparent;
}
.backqeel {
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487104193-qeel2.png');width:770px;height:550px;
}
.positionleft{
position:relative;top:50px;left:20px;
}
.box1 {
color:
#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana; font-size:10px !important; width:300px; height:123px; padding:4px; border-radius: 1px; font-size:11px;text-align:center; text-shadow:
#c4c4c4 0px 0px 1px;
}
.box2 {
color:
#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana; font-size:10px !important; width:300px; height:200px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:
#c4c4c4 0px 0px 1px;
}
.box3 {
color:
#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana;width:300px; height:200px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:
#c4c4c4 0px 0px 1px;
}
.box4 {
color:
#9b9b9b;background:transparent;border-radius: 1px; padding: 3px;font-family: Verdana;width:300px; height:123px; padding:4px; border-radius: 1px; font-size:11px;text-align:center;text-shadow:
#c4c4c4 0px 0px 1px;
}
/* INSIDE CATEGORIES */
.topictitle {
text-align:center;font-size:17px;font-family:Cambria;color:
#858585;text-shadow:
#e5e5e5 1px 1px 0px;line-height:12px;position:relative;font-weight: normal;
}
.nsujets {
font-size:13px;font-family:Cambria;color:
#858585;text-shadow:
#d0d0d0 1px 1px 0px;
}
.bouhautbas {
bottom: 40px;
right: 10px; /* remplacez left par right pour afficher les boutons à droite */
position: fixed;
z-index: 100;
}
.bouton {
position: relative; top:110px; left:10px;
}
.nav img {
max-width: 100px;
margin-left: -15px;
}
.nav a {
text-shadow:
#4a1b44 1px 1px 0px;
color:
#fff;
}
.lastpost-avatar {
float: right; left: -105px; position: relative; top: -21px;
}
.lastpost-avatar img {
border-radius:3px;
}
.lastpost-avatar2 {
float: left; left: -20px; position: relative; top: 0px; border-radius:2px;
}
.lastpost-avatar2 img {
height: 45px; opacity: 0.8;
-webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;
}
.lastpost-avatar2 img:hover {
opacity: 1;
}
.hautcate {
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png');
height: 100px;
width: 770px;
text-align:center;
}
.bascate {
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); height: 55px; width: 770px;text-align:center;
}
.hautecate {
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png');
height: 100px;
width: 770px;
text-align:center;
}
.basecate {
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); height: 55px; width: 770px;text-align:center;
}
.name {
font-family: cambria;
font-weight: 200;
padding-top:5px;
font-size: 10px;
color:
#be9f4c;
margin-top: 15px;
text-transform: uppercase;
}
/*--------------------FORUM------------------------*/
body {
overflow-x: hidden !important;
background-color:
#f7f2ef;
background-position: center top, center top;
background-repeat: no-repeat, repeat-y;
background-size: auto, auto;
}
.ban1 {
background-image: url("https://2img.net/image.noelshack.com/fichiers/2017/04/1485379741-bann4.png");
}
.bodyline {width:770px !important; position:relative;z-index:997; }
.forumline {background-color:
#fff;border: 0px !important;}
#page-body { width: 770px !important; }
.bodylinewidth {width: 770px !important; margin-bottom: 0px; border-bottom: 0px;}
a {text-decoration: none !important;}
a:link {text-decoration: none !important;}
/* ----------------------- PROFILS -------------- */
.pseudosujets {
font-size:30px;font-family:cookie;text-shadow:
#ffffff 1px 1px 0px;font-weight: normal !important;
}
.profilInfos {
font: 10px arial;
text-align: justify;
color:
#ababab;
overflow: auto;
}
.mCSB_scrollTools { height: 200px !important; }
.profilFields > span { white-space:normal!important; font-size:0px; }
.profilFields > span > span { font-size:9px; line-height: 10px; }
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; }
ul.profile_field_list > li {display:inline;}
/* on rajoute une virgule après chaque item */
ul.profile_field_list > li:after {
content:" ";
}
/* on ne rajoute rien du tout après le dernier item */
ul.profile_field_list > li:last-child:after {
content:" ";
}
.label {color:
#d3bbb4;}
.label::after {content:"\00a0"; }
.profile_fields .profil_field { display: none;text-align:justify; line-height:10px;}
.profile_fields img .profil_field img { max-width: 180px; height: auto; transition: all 1s ease-in-out; }
.profilprofil {width:88px;height:150px;-webkit-transform:rotate(-10deg);-moz-transform: rotate(-10deg);}
.profilprofil img { width: 100px;height:100px;border-radius:3px;background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487357739-fond.png'); padding:5px; }
/* champ 1 */ .profile_fields .profil_field:nth-child(1) { display: block; margin-top:-80px;}
/* champs sous l'avatar */ .profile_fields2 .profil_field2:nth-child(-n+4) { display: none; text-align:justify; line-height:10px; }
/* champ 2 */ .profile_fields3 .profil_field3:nth-child(2) { visibility: visible !important; width:180px; transition: all 1s ease-in-out;}
/* champ 2 */ .profile_fields3 .profil_field3:nth-child(2) img { position:relative;z-index:999;max-width: 180px; height: auto; visibility: visible !important;opacity:1 !important; border-radius:5px; transition: all 1s ease-in-out;}
/* champ 2 */ .profile_fields3 .profil_field3:nth-child(-n+1) { display: none; }
/* champ 2 */ .profile_fields3 .profil_field3:nth-child(n+3) { display: none; }
/* champ 3 */ .profile_fields4 .profil_field4:nth-child(-n+2) { display: none; }
/* champ 3 */ .profile_fields4 .profil_field4:nth-child(n+4) { display: none; }
/* champ 4 */ .profile_fields5 .profil_field5:nth-child(-n+3) { display: none; }
/* champ 4 */ .profile_fields5 .profil_field5:nth-child(n+5) { display: none; }
.avatarprofil {
transition: all 1s ease-in-out;
position: relative;
height: 320px;
padding:3px;
}
.freetextprofil {
padding:3px;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
margin-top: 0px;
z-index: 0 !important;
opacity:0 !important;
width:190px;
height:320px;
overflow:auto;
line-height:11px;
font-size:11px;
text-align:justify;
font-family:arial;
transition: background 0.5s;
transition: all 1s ease-in-out;
}
.freetextprofil img {
position: absolute;
max-width: 180px; height: auto;
z-index: 111 !important;
visibility: visible !important;
opacity:1 !important;
transition: all 1s ease-in-out;
}
.freetextprofil img:hover {
position: absolute;
max-width: 180px; height: auto;
z-index: 111 !important;
visibility: visible !important;
opacity:1 !important;
transition: all 1s ease-in-out;
}
.freetextprofil:hover {
padding:5px;
position: absolute;
width:190px;
left: -3px;
top: 0px;
margin: 5px;
margin-top: 0px;
z-index: 100 !important;
opacity:1 !important;
width:198px;
height:318px;
overflow:auto;
overflow-x: hidden;
line-height:11px;
font-size:11px;
text-align:justify;
font-family:arial;
background-color:
#f7f2ef;
transition: opacity 1s ease-in-out;
visibility: visible !important;
}
.avatarprofil img {
opacity:1;
z-index: 1;
position: relative;
width:200px;
height:320px;
background-color:
#f7f7f7;
transition: all 1s ease-in-out;
}
.avatarprofil img:hover {
position: relative;
z-index: 0 !important;
visibility: hidden !important;
opacity: 0!important;
width:200px;
height:320px;
background-color:transparent;
transition: all 1s ease-in-out;
}
/*-------------TOOLBAR ET BARRE DE NAVIGATION--------------*/
#fa_menulist {
width: 135px !important;
height: 120px;
padding-left: 10px !important;
padding-top: 215px !important;
border-right: 2px solid
#511948 !important;
border-left: 2px solid
#511948 !important;
border-bottom: 2px solid
#511948 !important;
background-color:
#72326a !important;
}
#fa_menulist li {
line-height: 1.1em !important;
color:
#ffffff !important;
position: relative;
z-index: 200;
top: 20px;
}
a#fa_notifications, a#fa_welcome {
color:
#ffffff !important;
}
#fa_toolbar #fa_right #notif_list {
background-color:
#ffffff !important;
border-right: 2px solid
#511948 !important;
border-left: 2px solid
#511948 !important;
border-bottom: 2px solid
#511948 !important;
}
#fa_toolbar #fa_right #notif_list li {
color:
#bc7fcb !important;
text-shadow:
#ffffff -1px 1px 0px !important;
}
#fa_toolbar #fa_right #notif_list li .contentText a:link,
#fa_toolbar #fa_right #notif_list li .contentText a:visited {
color:
#bc7bc7 !important;
font-size: 10px !important;
text-decoration: none !important;
text-shadow: -1px 1px 0px
#ffffff;
}
#fa_toolbar #fa_right #notif_list li .contentText a:hover {
color:
#bd9e44 !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
font-style: italic;
background-color:
#f4f4f4 !important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
background-color:
#511948 !important;
padding: 0.7em !important;
text-align: center !important;
}
#fa_toolbar a:link,
#fa_toolbar a:visited,
#fa_toolbar a:hover,
#fa_toolbar a:active {
color:
#ffffff !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#fa_menu:hover :visited,
#fa_right.welcome
#fa_menu #fa_welcome,
#fa_toolbar >
#fa_right.notification >
#fa_notifications {
color:
#ffffff !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#fa_usermenu {
top: 10px !important;
width: 170px !important;
}
#fa_usermenu img {
max-width: 113px !important;
max-height: 180px !important;
position: relative;
z-index:999;
top: 34px;
}
td.first {
font-size: 10px !important;
color:
#ffffff !important;
text-shadow: -1px 1px 0px
#824474;
font-family: 'Source Sans Pro', sans-serif;
position: relative;
top: -200px;
left: 35px;
}
td.bold {
font-size: 10px !important;
color:
#ffffff !important;
text-shadow: -1px 1px 0px
#824474;
font-family: 'Source Sans Pro', sans-serif;
position: relative;
top: -200px;
left: 35px;
}
#fa_usermenu td {
padding: 0px;
margin-bottom: 0px !important;
line-height: 9px !important;
font-size: 0px;
}
#fa_ranktitle {
width: 160px !important;
font-size: 25px;
color:
#fff;
text-shadow: 1px 1px 0px
#531945;
font-family: cookie;
position: relative;
top: -190px;
text-transform: none!important;
z-index:999;
}
#fa_ranktitle:hover {
color:
#fffcb6 !important;
z-index:999;
}
a#fa_welcome, a#fa_notifications {
height: 24px !important;
background: none !important;
color:
#fff !important;
z-index:999;
}
.barremenu {
text-align:center;
position: fixed;
top: 0px;
background-image:url('https://nsa37.casimages.com/img/2017/01/26/170126115433526990.png');
height: 22px;
width: 100%;
z-index: 998;
}
.barremenu a {
text-align:center;
position: relative;
z-index: 20001 !important; text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px
#824474;
color:
#ffffff;
text-decoration: none;
font-size: 10px !important;
top: -5px;
}
.barremenu a:hover {
color:
#bd9e44 !important;
text-decoration: none!important;
}
.barremenu img {
height: 1px;
visibility: hidden;
}
#fa_toolbar #fa_magnifier,
#fa_toolbar #fa_fb,
#fa_toolbar #fa_twitter,
#fa_toolbar #fa_gp,
#fa_toolbar #fa_mail,
#fa_toolbar #fa_rss,
#fa_toolbar #fa_hide,
#fa_toolbar_hidden #fa_show {
background: none !important;
z-index:999;
}
#fa_toolbar {
background-color: transparent !important;
height: 1px !important;
z-index: 999 !important;
color:
#ffffff !important;
}
#fa_toolbar a {
text-decoration: none !important;
}
#fa_right {
height: 15px !important;
width: 295px !important;
text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px
#824474; font-size: 10px !important;
float: left !important;
background-color: transparent !important;
position: relative;
top: -7px;
z-index: 999 !important;
}
#fa_left {
height: 15px !important;
text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif !important; text-shadow: -1px 1px 0px
#824474; font-size: 10px !important;
float: right !important;
margin-top: -7px;
}
#notif_list {
font-family: 'Source Sans Pro', sans-serif;
margin-top: -5px !important;
}
#fa_share {
visibility: hidden;
}
#fa_search {
visibility: hidden;
}
a#fa_icon {
height: 0px !important;
}
#fa_hide {
visibility: hidden;
}
#fa_toolbar #live_notif .fa_notification .content {
background-image: none !important;
padding-left: 0px !important;
color:
#ffffff !important; line-height: 1.1; text-align: justify; font-family: 'Source Sans Pro', sans-serif !important; font-size: 10px !important;
}
#fa_toolbar #live_notif .fa_notification .content a {
color:
#ffffff !important; line-height: 1.1; text-align: justify; font-family: 'Source Sans Pro', sans-serif !important; font-size: 10px !important;
text-decoration: none !important;
}
#fa_toolbar #live_notif .fa_notification .content a:hover {
color:
#ffffff !important;
}
#fa_toolbar #live_notif .fa_notification {
opacity: 1 !important;
position: absolute;
left: 250px; top: 20px;
width: 300px;
background-image: url('https://2img.net/image.noelshack.com/fichiers/2016/52/1482955529-fondtoolbar.jpg') !important;
border:
#dca09f 1px solid; padding: 4px;
}
/*-----------AFFICHAGE DES MESSAGES-----------*/
.postbody {text-align: justify;font-size:11px; max-width:500px;}
#av_quickreplycadre img {
left: -00px;
position: relative;
top: -20px;
}
#av_quickreplycadre {
float: left;
position : absolute;
z-index:999;
}
#av_quickreply img {
left: 42px;
position: relative;
top: 40px;
width:115px;
border-radius:150px;
}
#av_quickreply {
float: left;
position : absolute;
}
/*-----------------EDITEUR DE MESSAGES--------------*/
#fa-mention {background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50%
#FFF; padding-left:22px;}
.save-bloc { color:
#555!important; z-index: 999; padding: 5px; border: 1px solid
#BCBCBC; background:
#e7f9f4 url(https://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;top:20px;left:0px;position:absolute;white-space:nowrap; }
.save-bloc div:hover { color:
#050505!important; } .save-bloc div { cursor: pointer; } .save-bloc select { background:
#e7f9f4; border: 1px solid
#aaa; margin-bottom: 5px; }
.sceditor-container {background-color:
#fff !important; border:
#fff 1px solid; min-height: 256px; max-width: 520px !important; float: right; left:-5px; font-family: 'Source Sans Pro', sans-serif;}
.sceditor-toolbar {border:
#fff 1px solid;background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/07/1487357739-fond.png') !important;}
.sceditor-button {background-color:
#fff !important;}
.sceditor-container textarea { color:
#aeaeae !important; font-size:11px !important; min-height: 200px !important; }
.sceditor-group {background:transparent;}
/*-----------ALERTES DU FORUM-----------*/
#outeriframe{
width:450px;
height:550px;
overflow:hidden;
position:relative;
}
#inneriframe{
position:relative;
top:-640px;
left:0px;
height:4000px;
}
#alertBodyContainer{
position:fixed;
top:50px;
right:20px;
}
.realTime_alert{
background:
#FDFDFD no-repeat 10px center;
-webkit-background-size:50px;
-moz-background-size:50px;
-o-background-size:50px;
background-size:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
-moz-box-shadow:0 0 4px rgba(0,0,0,.6);
box-shadow:0 0 4px rgba(0,0,0,.6);
position:relative;
margin-bottom:10px;
min-height:60px;
font-size:13px;
width:200px;
padding:10px 10px 10px 70px;
font-family:Helvetica;
color:
#474747;
}
.realTime_alert b{
display:block;
margin-bottom:5px;
font-size:15px;
}
.realTime_alert .close{
position:absolute;
right:10px;
top:5px;
font-size:15px;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
height:16px;
width:16px;
text-align:center;
line-height:13px;
cursor:pointer;
}
.realTime_alert .close:hover{
color:
#FFF;
background:
#666;
}
#ebtzd .tooltip{
opacity:0;
position:relative;
overflow:visible;
z-index:100!important;
display:inline-block;
top:5px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
transition-duration:500ms;
background:rgba(0, 0, 0, .
;
padding:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-family:Helvetica;
letter-spacing:1px;
font-size:13px;
width:300px;
color:
#fff;
}
/* ------------------ BOTTIN ------------------- */
.avatarpris {
color:
#61204B;font-weight: bold;
}
.avatarreserve {
color:
#BF8AB7;font-weight: bold;
}
.avatarlibre {
color:
#BA9458;font-weight: bold;
}
.avatarbottin span{
position:absolute;
margin-top:-60px;
margin-left:40px;
color:
#adadad;
font-size:11px;
background:
#fff;
width:200px;
padding:15px;
border-radius:3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity:0;
z-index:999;
}
.avatarbottin:hover span, test:focus span{
transform:scale(1) rotate(0);
opacity:1;
}
/* ------------- FICHE DE PRÉSENTATION -----------------*/
.banFICHE {
background-image: url(https://nsa37.casimages.com/img/2017/02/06/170206020012439705.png) !important;
border-bottom: 5px solid
#ece78a;
border-radius: 10px;
box-shadow: 0px 0px 1px
#ece78a;
height: 85px;
width: 500px;
}
.sstitre {
height: 13px;
width: 100%;
background-color:
#efefef;
position: relative;
text-align: center;
top: 0px;
}
.sstitretexte {
font-size: 10px;
line-height: 1.1em;
font-family: trebuchet MS;
text-transform: uppercase;
opacity: 0.2;
position: relative;
top: 1px;
color:
#6f6f6f;
}
.ficheeffetimage {
background:-moz-linear-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
background:-webkit-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
width:500px;height:248px;
}
.ficheimage {
opacity:0.8;
-webkit-opacity:0.8;
filter: grayscale(100%) blur(1px);
-webkit-filter: grayscale(100%) blur(1px);
object-fit: cover;height:248px;
z-index:1;position:relative;
}
.ficheavatar {
position:relative;
top:-230px;
left:-150px;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
border:4px solid
#fff;
filter: saturate(150%);
-webkit-filter: saturate(150%);
z-index:888;position:relative;
}
.fichecadreimage {
position:relative;top:-465px;
z-index:222;position:relative;
}
.fichesoustitre {
color:
#ffffff;font:11px arial;width:250px;line-height:10px;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);margin-left:80px;
}
/* FICHE DE PRÉSENTATION, LE PSEUDO */
.fichepseudo {
margin-top:-75px;margin-left:65px;
z-index:888;position:relative;
}
.fond {
width:400px;
height:30px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.pseudofiche {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.pseudofiche .top1,
.pseudofiche .bot1 {
text-align: center;
font: 25px/100px arial;
text-transform: uppercase;
text-align: center;
overflow: hidden;
color:
#8E4A8E;
font-weight: bold;
}
.pseudofiche .top1:before,
.pseudofiche .bot1:before {
content: attr(title);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
}
.pseudofiche .top1 {
position: absolute;
top: 0;
left: 1px;
right: 0;
bottom: 50%;
}
.pseudofiche .top1:before {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
}
.pseudofiche .bot1 {
position: absolute;
top: 50%;
left: 0;
right: 3px;
bottom: 0;
}
.pseudofiche .bot1:before {
position: absolute;
top: -50px;
left: 0;
right: 0;
}
/* ---- COMPTEUR MOTS / FORMULAIRES / QUOTES / SPOILERS / CODES ---- */
.word-count {
font-weight: normal;
color:
#82427e;
text-shadow:
#dbdbdb 1px 1px 0px;
font-family:arial;
font-size:11px;
text-align: center;
text-transform: uppercase;
padding-bottom: 4px !important;
}
input,textarea {
border-radius: 3px;
border: 1px solid
#dfdfdf;
padding: 2px;
background-color:
#fff !important;
color:
#aeaeae;
font-size:11px;
}
.text_editor_textarea {
height: 300px !important;
}
.quote {
padding: 5px;
line-height: 97%;
border-radius: 3px;
border: 1px solid
#dfdfdf !important;
padding: 2px;
background-color:
#fff !important;
color:
#bababa;
}
.code {
padding: 5px;
font-family: courier new;
line-height: 93%;
border-radius: 3px;
border: 1px solid
#dfdfdf !important;
padding: 2px;
background-color:
#fff !important;
color:
#b5b5b5;
}
.hidecode dd {
padding:5px;
color:
#89836d;
border: 1px solid
#dfdfdf !important;
padding: 2px;
background-color:
#fff !important;
color:
#bababa;
}
.spoiler_closed {
color:
#89836d;
text-shadow:
#c6c4bc 1px 1px 0px;
border: 1px solid
#dfdfdf !important;
padding: 2px;
background-color:
#fff !important;
color:
#bababa;
}
.spoiler_closed.hidden {
display:none;
color:
#89836d;
text-shadow:
#c6c4bc 1px 1px 0px;
border: 1px solid
#dfdfdf !important;
padding: 2px;
background-color:
#fff !important;
color:
#bababa;
}
.spoiler_content {
display:block;
padding: 5px;
line-height: 97%;
color:
#8d8d8d;
text-shadow:
#f5f5f5 1px 1px 0px;
border: 1px solid
#dfdfdf !important;
padding: 5px;
background-color:
#fff !important;
color:
#bababa;
}
.spoiler_content.hidden {
display:none;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; color:
#82427e;}
div.cont_code { clear: right; }
/*----------------------- CODE FICHE BASIQUE ------------------------*/
.partenariat {
text-transform: uppercase;
}
/* CATEGORIES */
.btmCAT {
width:770px; height:55px; margin: auto; margin-top:-15px;
background-image: url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485744142-bas.png'); background:transparent;
}
.topCAT {
margin:auto; width:770px; height:100px;
background-image: url('https://2img.net/image.noelshack.com/fichiers/2017/04/1485474491-haut.png'); background:
#FAFAFA;
}
.tleCAT{
text-align:center; padding-top: 5px;
}
.mdlCAT {
margin:auto;
width:770px;
background:
#fffefa;
}
.blocFRM{
width:770px; margin:auto; text-align:center;
}
.tleFRM {
text-align: center;
width:326px; height: 10px; overflow:hidden;
margin-left: 10px; font-style: italic;
font-family: 'cambria'; font-size: 12px;
line-height: 10px; text-transform: uppercase;
text-shadow: 1px 1Px 0Px
#b39439, -1px -1px 0px
#e3dfba;
padding:10px;
box-shadow: 0px 0px 1px
#fff;
border-radius: 2px; z-index: 999;
background-image:url('https://2img.net/image.noelshack.com/fichiers/2017/05/1485732758-fond.png');
background-repeat: no-repeat;
background-position: 55px 0px;
}
.tleFRM a {
color:
#fcf9db; font-weight: bold !important;
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.tleFRM a:hover {
color:
#d5c94f; font-weight: bold !important;
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.FRM {
margin:auto; margin-bottom:15px; padding-left: 7px;
width:770px; margin-left:-14px;
}
.descFRM {
display:inline-block; margin:0 10px;
width:336px; height:100px; overflow: hidden;
line-height: 12px; margin-top: -10px; margin-left: -8px;
background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 1px 1px
#ece78a;
border-radius: 2px;
text-align:justify;font-size: 11px;
padding:6px !important;
}
#descFRM div {
position:relative; width:336px; height:80px; overflow:auto !important;
margin-left: 5px; margin-top: 0px; font-size: 11px;
text-align:justify; padding:3px !important;
}
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:74px; height:120px; border-radius: 1px;
background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
box-shadow: 0px 0px 1px
#ece78a; margin-top: -48px;
}
.avaFRM {
width:74px; height:120px; overflow:hidden;
}
.avaFRM img {
width:74px; height:120px; border-radius: 1px; z-index: 998;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.avaFRM img:hover {
width:74px; height:120px; border-radius: 1px;
-webkit-filter: grayscale(0%); filter: grayscale(0%);
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.sfFRM {
display:inline-block; vertical-align:top; margin-top: -40px;
width:250px; height:98px; padding:2px;
line-height:6px; background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
box-shadow: 0px 0px 1px
#ece78a;
border-radius: 2px;
}
.sfFRMIN {
width:248px; height:123px; padding:2px;
position: absolute; border-radius: 1px; text-shadow: 0px 0px 1px
#fff,
margin-left:-4px; margin-top:-2px; font-size:0px;
}
.sfFRM a{
width:248px;
font-family: 'Fira Sans Extra Condensed', sans-serif;
display:block; padding:4px 0; line-height:12px; font-size:10px;
text-transform:uppercase; text-shadow: 0px 0px 1px
#fff;
background:rgba(255, 255, 255, 0.7);
box-shadow: 0px 0px 1px
#ece78a;
border-radius: 2px;
}
.boxFRM {
display:inline-block; position: absolute;
width:131px;
}
.lmsgFRM {
margin-bottom:5px;
width:131px; height:67px;
margin-top:60px; margin-left: -253px;
}
.imgFRM{
position: absolute; width: 66px; height:100px;
margin-left: -45px; margin-top: -66px;
z-index:999;
}
.lmsgFRM div{
position:absolute; margin-top:10px;
width:246px; height:26px; padding:3px;
text-align:center; font-size:9px; line-height: 9px;
font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform: uppercase;
background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 0px 1px
#ece78a;
border-radius: 2px; text-shadow: 0px 0px 0px
#fff;
}
.lmsgFRM a {
font-size: 8px; text-shadow: 0px 0Px 0px
#fff;
font-family: 'Fira Sans Extra Condensed', sans-serif; text-transform: uppercase;
}
.nbFRM {
position:absolute; margin-top: -20px;
margin-left: 653px;
text-align: center;
width:103px; overflow:hidden;
font-family: 'Fira Sans Extra Condensed', sans-serif; font-size: 9px;
line-height: 10px;
text-shadow: 0px 0px 1px
#fff; text-transform:uppercase;
color:
#8E4A8E; padding:5px;
background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png); box-shadow: 0px 0px 1px
#ece78a;
border-radius: 2px;
}
/*FICHE SCENA*/
.qteSCENA {
font-family: 'Cambria'; font-size: 8px;
line-height: 10px; text-align: center;
text-shadow: 1px 1px 0px
#fff; text-transform:uppercase;
color:
#fde88f; padding:5px; background:
#fff;
border-radius: 1px; box-shadow: inset 1px 1px 10px
#e4e3e3;
width: 475px;
}
.backSCENA {
width: 485px; height: 335px;
overflow: hidden;
position: relative;
background:
#fff; border-radius: 2px;
box-shadow: 1px 1px 10px
#e4e3e3;
top: 10px;
}
.bloc1SCENA {
width: 220px; height: 308px;
position: absolute;
background:
#ffffff; border-radius: 1px;
box-shadow: 1px 1px 12px
#E4E3E3; margin: 10px; padding: 3px;
}
.gif1SCENA {
position:relative; width: 210px; height: 80px; top: -15px;
border-radius: 1px; background-size: 210px!important;
box-shadow: 1px 1px 12px
#E4E3E3;
background-position: 50% 50%;
}
.txtSCENA {
margin-top:23px;
font-size: 11px; text-align:justify;
width: 100%; height: 205px;
overflow:auto; position: relative; top: 90px;
font-weight: normal;
}
.bloc2SCENA {
width: 221px; height: 185px;
position: absolute;
left: 237px; top: 30px;
background:
#ffffff; border-radius: 1px;
box-shadow: 1px 1px 12px
#E4E3E3; padding: 3px;
}
.qte2SCENA {
font-family: 'Cambria';
text-transform: uppercase;
font-size: 8px;
text-align:center;
position: relative;
top: -33px; left: -3px;
width:227px; color:
#703f69;
display:block; padding:4px 0; line-height:12px;
background:
#ffffff; border-radius: 1px;
box-shadow: inset 1px 1px 10px
#E4E3E3;
}
.gif2SCENA {
position:relative; width: 227px; height: 80px; top: 127px; left: 234px;
border-radius: 1px; background-size: 227px!important;
box-shadow: 1px 1px 12px
#E4E3E3;
background-position: 50% 50%;
}
.moreSCENA {
position:relative; width: 215px; height: 68px; top: 47px; left: 234px;
border-radius: 1px; padding: 5px;
font-family: 'Arial';
background-color: rgba(255, 255, 255, 0.7);
font-size: 11px; text-align:justify;
box-shadow: inset 1px 1px 10px
#e4e3e3;
border:1px solid
#e4e3e3;
opacity: 0;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.moreSCENA:hover {
opacity: 1;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.txt2SCENA {
font-size: 11px; text-align:justify;
width: 205px;
height: 175px;
overflow:auto;
position: relative;
margin-top: -15px;
margin-left: 5px;
}
/* FICHE PREZ */
.qtePREZ {
font-family: 'Cambria'; font-size: 8px;
line-height: 10px; text-align: center;
text-shadow: 1px 1px 0px
#fff; text-transform:uppercase;
color:
#83B5CC; padding:5px; background:
#fff;
border-radius: 1px; box-shadow: inset 1px 1px 10px
#e4e3e3;
width: 475px;
}
.backPREZ {
width: 485px; height: 361px;
overflow: hidden;
position: relative;
background:
#fff; border-radius: 2px;
box-shadow: 1px 1px 10px
#e4e3e3;
top: 10px;
}
.blocVAVA {
width: 215px; height: 335px;
position: absolute;
background:
#ffffff; border-radius: 1px;
box-shadow: 1px 1px 12px
#E4E3E3; margin: 10px; padding: 3px;
}
.vava {
position:relative; width: 200px; height: 320px; top: -15px;
border-radius: 1px; background-size: 200px!important;
box-shadow: 1px 1px 12px
#E4E3E3;
background-position: 50% 50%;
opacity: 1;
}
.txtVAVA {
margin-top:23px;
font-size: 11px; text-align:justify;
width: 100%; height: 320px;
overflow:auto; position: relative; top: 0px;
opacity: 0;
background-color:
#F4F4F4;
font-size: 11px; text-align:justify;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.txtVAVA:hover {
opacity: 1;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.mycharacter {
font-family: 'Cambria';
text-transform: uppercase;
font-size: 8px;
text-align:center;
position: absolute;
left: 247px; top: 10px;
width:227px; color:
#703f69;
display:block; padding:4px 0; line-height:12px;
background:
#ffffff; border-radius: 1px;
box-shadow: inset 1px 1px 10px
#E4E3E3;
}
.gifIRL {
position:relative; width: 227px; height: 106px; top: 10px; left: 119px;
border-radius: 1px; background-size: 227px!important;
box-shadow: 1px 1px 12px
#E4E3E3;
background-position: 50% 50%;
}
.irlPREZ {
position:relative; width: 215px; height: 95px; top: -96px; left: 119px;
border-radius: 1px; padding: 5px;
background-color: rgba(255, 255, 255, 0.7);
font-size: 11px; text-align:justify;
box-shadow: inset 1px 1px 10px
#e4e3e3;
overflow: auto;
border:1px solid
#e4e3e3;
opacity: 0;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.irlPREZ:hover {
opacity: 1;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.ftPREZ {
font-family: 'Cambria'; font-size: 8px;
line-height: 10px; text-align: center;
text-shadow: 1px 1px 0px
#fff; text-transform:uppercase;
color:
#83B5CC; padding:5px; background:
#fff;
border-radius: 1px; box-shadow: inset 1px 1px 10px
#e4e3e3;
width: 475px;
}
.txtPREZ {
font-size: 11px; text-align:justify;
width: 203px;
height: 175px;
overflow:auto;
position: relative;
margin-top: 40px;
margin-left: 239px;
background:
#ffffff; border-radius: 1px;
box-shadow: 1px 1px 12px
#E4E3E3; padding: 10px 12px;
}
/* SLIDER QEEL */
/* SLIDER */
.CSSgal .slider {
height: 115px;
white-space: nowrap;
font-size: 0;
transition: 0.8s;
}
/* SLIDES */
.CSSgal .slider > * {
font-size: 1rem;
display: inline-block;
white-space: normal;
vertical-align: top;
height: 126px;
width: 300px;
background: none 50% no-repeat;
background-size: cover;
}
/* PREV/NEXT, CONTAINERS & ANCHORS */
.CSSgal .prevNext {
position: absolute;
z-index: 1;
top: 50%;
width: 300px;
height: 0;
}
.CSSgal .prevNext > div+div {
visibility: hidden; /* Hide all but first P/N container */
}
.CSSgal .prevNext a {
position: absolute;
width: 20px;
height: 20px;
color:
#9b9b9b;
line-height: 20px; /* If you want to place numbers */
text-align: center;
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.CSSgal .prevNext a:hover {
opacity: 1;
}
.CSSgal .prevNext a+a {
left: auto;
right: 0;
}
/* NAVIGATION */
.CSSgal .bullets {
position: absolute;
z-index: 2;
bottom: 0;
padding: 10px ;
width: 100%;
text-align: center;
color:
#9b9b9b;
}
.CSSgal .bullets > a {
display: inline-block;
width: 10px;
height: 10px;
line-height: 10px;
font-size:10px;
text-decoration: none;
text-align: center;
color:
#9b9b9b;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.CSSgal .bullets > a+a {
color:
#9b9b9b; /* Dim all but first */
}
.CSSgal .bullets > a:hover {
color:
#fff2b3; !important;
}
/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* { color:
#9b9b9b;}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255, 1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255, 1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255, 1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255, 1);}
#s5:target ~ .bullets >*:nth-child(5) {background: rgba(255, 255, 255, 1);}
#s6:target ~ .bullets >*:nth-child(6) {background: rgba(255, 255, 255, 1);}
#s7:target ~ .bullets >*:nth-child(7) {background: rgba(255, 255, 255, 1);}
#s8:target ~ .bullets >*:nth-child(
{background: rgba(255, 255, 255, 1);}
#s9:target ~ .bullets >*:nth-child(9) {background: rgba(255, 255, 255, 1);}
/* More slides? Add here more rules */
/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* { visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
#s5:target ~ .prevNext >*:nth-child(5) {visibility: visible;}
#s6:target ~ .prevNext >*:nth-child(6) {visibility: visible;}
#s7:target ~ .prevNext >*:nth-child(7) {visibility: visible;}
#s8:target ~ .prevNext >*:nth-child(
{visibility: visible;}
#s9:target ~ .prevNext >*:nth-child(9) {visibility: visible;}
/* More slides? Add here more rules */
/* SLIDER ANIMATION POSITIONS */
#s1:target ~ .slider {transform: translateX( 0%); -webkit-transform: translateX( 0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
#s5:target ~ .slider {transform: translateX(-400%); -webkit-transform: translateX(-400%);}
#s6:target ~ .slider {transform: translateX(-500%); -webkit-transform: translateX(-500%);}
#s7:target ~ .slider {transform: translateX(-600%); -webkit-transform: translateX(-600%);}
#s8:target ~ .slider {transform: translateX(-700%); -webkit-transform: translateX(-700%);}
#s9:target ~ .slider {transform: translateX(-800%); -webkit-transform: translateX(-800%);}
/* More slides? Add here more rules */
/* YOU'RE THE DESIGNER!
____________________
All above was mainly to get it working
CSSgal CUSTOM STYLES / OVERRIDES HERE: */
.CSSgal{
color:
#9b9b9b;
text-align: center;
text-shadow:
#c4c4c4 0px 0px 1px;
}
.CSSgal .slider h2 {
font-weight: 200;
letter-spacing: 0px;
word-spacing: -1px;
font-size: 10px;
text-align:justify;
padding-left:40px;
padding-right:3px;
overflow:auto;
height:80px;
width:230px;
text-shadow:
#c4c4c4 0px 0px 1px;
color:
#9b9b9b;
}
.CSSgal a {
border-radius: 50%;
margin: 0 3px;
color:
#9b9b9b;
font-size:11px;
text-decoration: none;
font-weight: bold;
}
/*GENERAL*/
.cadre-kit {
width: 420px;
border-width: 1px;
border-style: solid;
padding: 5px 0;
margin: 0px auto;
}
.wrap-kit {
width: 400px;
margin: auto;
}
.wrap-kit h2 {
text-align: center;
padding: 30px 0;
margin: 0;
text-transform: uppercase;
}
.bloc-kit {
border-width: 1px;
border-style: solid;
margin: 5px auto;
background-color:
#fff;
}
.contenu-kit {
padding: 10px;
text-align: justify;
}
/*COULEURS*/
/*Couleurs de la bordure et du fond du cadre extérieur*/
.cadre-kit {
background-image: url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
border: 1px solid
#E2E0D6;
box-shadow: inset 0px 0px 3px
#E2E0D6;
}
/*Couleurs du fond du titre et du titre*/
.wrap-kit h2 {
margin-top: 5px;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid
#E2E0D6;
box-shadow: inset 0px 0px 3px
#E2E0D6;
font-family: 'Arial';
font-size: 25px;
font-weight: bold;
font-style: italic;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5), 0px 0px 3px
#fff;
}
/*Couleur de la bordure et du fond du cadre intérieur*/
.bloc-kit {
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid
#E2E0D6;
box-shadow: inset 0px 0px 3px
#E2E0D6;
}
/*Couleur du texte des cadres*/
.contenu-kit {
color: #;
font-family: 'Arial';
}
/*FICHE PREDEFINI*/
/*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
.statut {
border: 1px solid
#feb1b1;
color:
#ec2e2e;
margin: 5px auto;
background-color:
#ffdcdc;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.libre {
border-color:
#b8ecae;
color:
#69b153;
background-color:
#deffba;
}
.reserve {
border-color:
#fbae90;
color:
#f66d2e;
background-color:
#f9d5ad;
}
/*Le petit bloc sous le titre*/
.predef-intro-kit {
padding: 5px 10px;
font-size: 9px;
text-align: center;
font-family: 'Arial';
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid
#E2E0D6;
box-shadow: inset 0px 0px 3px
#E2E0D6;
margin: 5px 0;
}
.avatar-kit {
float: left;
margin-right: 5px;
}
.avatar-kit2 {
position: absolute;
float: left;
left: 73px;
opacity: 0;
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
.avatar-kit2:hover {
opacity: 1;
transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
}
/*bloc à côté de l'avatar*/
.predef {
width: 193px;
height: 318px;
margin: 0;
display: inline-block;
}
.predef .contenu-kit {
padding: 5px 10px;
height: 308px;
overflow: auto;
font-family: 'Arial';
}
.predef-gif {
position: relative;
width: 173px;
max-width: 100%;
height: 80px;
top: 5px;
border-radius: 2px;
box-shadow: 0px 0px 3px
#E2E0D6;
margin-bottom: 5px;
}
/*Petits blocs pour le caractère*/
.caractere-kit {
display: flex;
flex: 0 0 100%;
margin: 5px 0 0 0;
}
.caractere {
flex: 1;
padding: 10px;
margin: 0 3px 0 0;
text-align: center;
font-family: 'Arial';
}
/*On retire le margin-right du dernier bloc de chaque ligne pour que ce soit joli*/
.caractere-kit-wrap .caractere-kit .caractere:last-child {
margin-right: 0;
}
/*RECENSEMENT D'AVATARS*/
.faceclaim {
padding: 5px 0;
text-align: center;
}
.nom-kit b {
color:
#A0A0A0;
}
x {
color:
#8E4A8E;
font-style: italic;
}
/* ------------- FICHE DE PRÉSENTATION -----------------*/
.sstitre {
height: 13px;
width: 100%;
background-color:
#efefef;
position: relative;
text-align: center;
top: 0px;
}
.sstitretexte {
font-size: 10px;
line-height: 1.1em;
font-family: trebuchet MS;
text-transform: uppercase;
opacity: 0.2;
position: relative;
top: 1px;
color:
#6f6f6f;
}
.fichesecondtitle {
color:
#cb86c7;text-shadow:
#8d4b89 1px 1px 0px;font:16px arial;z-index:999;position:relative;
}
.ficheeffetimage {
background:-moz-linear-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
background:-webkit-gradient(-45deg, rgba(130,130,130,1) 0%, rgba(153,153,153,1) 0%, rgba(31,31,31,1) 33%, rgba(122,122,122,1) 39%, rgba(173,173,173,1) 46%, rgba(74,74,74,1) 66%, rgba(31,31,31,1) 75%, rgba(0,0,0,1) 85%, rgba(48,48,48,1) 91%, rgba(31,31,31,1) 100%);
width:500px;height:248px;
}
.ficheimage {
opacity:0.8;
-webkit-opacity:0.8;
filter: grayscale(100%) blur(1px);
-webkit-filter: grayscale(100%) blur(1px);
object-fit: cover;height:248px;
z-index:1;position:relative;
}
.ficheavatar {
position:relative;
top:-230px;
left:-150px;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
border:4px solid
#fff;
filter: saturate(150%);
-webkit-filter: saturate(150%);
z-index:888;position:relative;
}
.fichecadreimage {
position:relative;top:-465px;
z-index:222;position:relative;
}
.fichesoustitre {
color:
#ffffff;font:11px arial;width:250px;line-height:10px;text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);margin-left:80px;
}
/* FICHE DE PRÉSENTATION, LE PSEUDO */
.fichepseudo {
margin-top:-75px;margin-left:65px;
z-index:888;position:relative;
}
.fond {
width:500px;
height:30px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.pseudofiche {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
.pseudofiche .top1,
.pseudofiche .bot1 {
text-align: center;
font: 25px/100px arial;
text-transform: uppercase;
text-align: center;
overflow: hidden;
color:
#fff;
}
.pseudofiche .top1:before,
.pseudofiche .bot1:before {
content: attr(title);
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-ms-transform: rotate(1deg);
transform: rotate(1deg);
}
.pseudofiche .top1 {
position: absolute;
top: 0;
left: 1px;
right: 0;
bottom: 50%;
}
.pseudofiche .top1:before {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
}
.pseudofiche .bot1 {
position: absolute;
top: 50%;
left: 0;
right: 3px;
bottom: 0;
}
.pseudofiche .bot1:before {
position: absolute;
top: -50px;
left: 0;
right: 0;
}
/*----------------------- CODE FICHE BASIQUE ------------------------*/
.sttlFICHE {
font-family: 'Cambria'; font-size: 8px;
line-height: 10px; text-align: center;
text-shadow: 1px 1px 0px
#fff; text-transform:uppercase;
color:
#83B5CC; padding:5px; background:
#fff;
border-radius: 1px; box-shadow: inset 1px 1px 10px
#e4e3e3;
width: 492px;
}
.backFICHE {
background-image:url(https://2img.net/image.noelshack.com/fichiers/2017/07/1487099093-pattern.png);
border-radius: 10px;
box-shadow: 0px 0px 1px
#ece78a; width: 500px; padding-bottom: 5px; padding-top: 10px; margin-top: 0px;
}
.imgFICHE {
width: 476px; padding-top: 80px; padding-bottom: 80px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
opacity: 0.5; border-radius: 2px;
}
.moreFICHE {
position:relative; width: 414px; height: 98px; top: -135px;
border-radius: 2px; padding: 5px;
background-color: rgba(255, 255, 255, 0.7);
font-size: 11px; text-align:justify;
box-shadow: inset 1px 1px 10px
#e4e3e3;
border:1px solid
#e4e3e3;
line-height: 14px;
opacity: 0;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.backFICHE:hover .moreFICHE {
opacity: 1;
transition:all 0.5s linear; -webkit-transition:all 0.5s linear;
}
.txtbackFICHE {
background-color: rgba(255,255,255,0.7);
box-shadow: 0px 0px 1px
#ece78a; border-radius: 1px;
width: 455px; height: auto; font-size: 11px; text-align: justify;
padding: 10px; margin-bottom: 10px; margin-top: -10px;
}
.sttltxtFICHE {
font-family