Messages : 47 Date d'inscription : 24/07/2021
| Sujet: VERSION #1 - CSS Ven 10 Sep - 14:02 | | |
| - Code:
-
/************************************TEST SECTION*******************************************************/ .croft{ width:75px; height:75px; float:left; margin-right:3px; object-fit: cover; border-radius:5px; }
.tabs-onglets a{ background: #52889a; width:155px !important; box-sizing: border-box; display:inline-block; font-size: 12px; color:#ffffff; *margin: 2px 0; padding: 3px; }
/*************MESSENGER CHANGER LES CRISS DE COULEURS******************/ #FAM-load-older { display:block !important; }
#FAM { width:350px !important; }
.FAM-msg-avatar{ /*background-color:#52889a;*/ border:none !important; padding:none !important; border-radius: 5px !important; }
.FAM-msg-avatar img{ border-radius: 5px !important; object-fit: cover; }
.FAM-name-mention{ font-family: 'Newsreader', serif; font-size:14px !important; font-weight:bold; }
#FAM-button{ width: 100px !important; /*height: 8px !important; padding:10px; padding-left:10px !important;*/ border-radius:10px; background-color:#303a50 !important; }
#FAM-button, .FAM-maintitle { text-align: center; font-size: 14px !important; margin-top:-10px !important; font-family: 'Poppins', sans-serif !important; }
#FAM-toolbar { background-color:#303a50 !important; height:50px !important; border-bottom: 1px solid #303a50 !important; font-family: 'Poppins', sans-serif !important; }
.FAM-tab.FAM-tab-active:after { background: #303a50 !important; }
.FAM-chat-icon.FAM-new-post .fa-circle { color: #303a50 !important; }
.FAM-my-msg .FAM-msg-content { color: #FFF; background: #303a50 !important; } .FAM-my-msg .FAM-msg-content:before { border-right: none; border-left: 10px solid #303a50 !important; top: 12px; left: auto; right: -10px; }
.FAM-chat-avatar{ width:60px !important; height:60px !important; border-radius:5px; margin-left:20px !important; margin-top:-30px !important; }
.FAM-chat-avatar img{ object-fit: cover; }
.fa-comment:before { font-family: 'Poppins', sans-serif !important; content: "let's talk" !important; }
#FAM, #FAM .FAM-inputbox, #FAM-msg { font-family: 'Poppins', sans-serif !important; }
.FAM-chat-title{ text-align:center !important; font-size:16px !important; margin-top:5px !important; }
#FAM-new-topic .fa-circle { color: #303a50 !important; }
.FAM-msg-text{ font-size:13px !important; }
/************************************MULTI CONNECTION*******************************************************/ div.fa_notification{ background-color:#65777e !important; padding:10px !important; opacity:0.8 !important; border-radius:10px; }
li.see_all{ background-color:#65777e !important; text-align:center !important; }
li.unread{ background-color:#a9b0a1 !important; color:#ffffff !important; }
#fa_hide{ display: none !important; }
#notif_list{ background-color:#f1f2f2 !important; padding:10px !important; border:1px solid #e6e9ed !important; opacity:0.8 !important; border-radius:10px; }
.fa_avatar img { width: 85px; height: 85px; position: relative; top: -3px; margin-right: 5px; border:5px solid #65777e; border-radius: 50px; margin-top:5px; /*margin-bottom: -10px;*/ float:left; object-fit: cover !important; }
ul#fa_menulist{ background-color:#f1f2f2 !important; padding:10px; border:1px solid #e6e9ed !important; width:350px !important; height:140px !important; line-height:17px !important; }
ul#fa_menulist li{ margin-left: 160px !important; }
#fa_usermenu{ width:150px !important; text-align:center !important; }
#fa_usermenu table{ margin-left:auto; margin-right:auto; text-align:center; }
#fa_usermenu img{ width:150px !important; height:100px !important; object-fit: cover !important; }
#fa_ranktitle{ display:none !important; width:100px !important; /*margin-top:-115px !important;*/ /*z-index: 999;*/ }
#fa_separator{ width:120px !important; }
/*****************************************************SWITCH DE MULTICOMPTES*******************************************************/
:root { --color-text: rgba(255, 255, 255, 0.87); --color-bg: transparent !important; --color-delete: #86aea1; --color-tooltip: #010203; --color-squircle: #4D97A6; --color-accent: #86aea1; --color-button: #000000; --color-pill: #ffffff; --gap-size: 16px; --ease: cubic-bezier(0.4, 0.0, 0.2, 1); --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56); }
.switcheroo { color: var(--color-text); background-color: var(--color-bg); font-size: 16px; } .switcheroo[position="static"] { position: relative; } .switcheroo[position="top"] { position: fixed; top: 0; left: 0; z-index: 100; } .switcheroo[position="bottom"] { position: fixed; bottom: 0; left: 0; z-index: 100; } .switcheroo[direction="horizontal"] { width: 100%; } .switcheroo[direction="vertical"] { height: 100%; }
.switcheroo__squircles { display: flex; margin: 0; padding: 0; list-style: none; padding: var(--gap-size); gap: var(--gap-size); } .switcheroo[direction="horizontal"] .switcheroo__squircles { flex-direction: row; } .switcheroo[direction="vertical"] .switcheroo__squircles { flex-direction: column; }
/* squircle */ .switcheroo[theme="discord"] .switcheroo__squircle { position: relative; display: flex; align-items: center; justify-content: center; background-color: var(--color-squircle); } .switcheroo[theme="discord"] .switcheroo__squircle { width: 48px; height: 48px; border-radius: 50%; cursor: pointer; transition: border-radius 128ms var(--ease); } .switcheroo[theme="discord"] .switcheroo__squircle:hover { border-radius: 36%; } .switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before { content: ""; width: 100%; height: 100%; display: block; background-color: var(--color-pill); position: absolute; border-radius: 4px; top: 50%; transform: translate(-100%, -50%) scale(0); transition: transform 128ms, opacity 64ms; pointer-events: none; opacity: 0; } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before { content: ""; width: 100%; height: 100%; display: block; background-color: var(--color-pill); position: absolute; border-radius: 4px; left: 50%; transform: translate(-50%, -100%) scale(0); transition: transform 128ms, opacity 64ms; pointer-events: none; opacity: 0; } .switcheroo[theme="discord"] .switcheroo__squircle.active { border-radius: 36%; cursor: default; } .switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-100%, -50%) scale(0.5); } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-50%, -100%) scale(0.5); }
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before { opacity: 1; transform: translate(-85%, -50%) scale(0.2); border-radius: 50%; } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before { opacity: 1; transform: translate(-50%, -85%) scale(0.2); border-radius: 50%; }
/* tooltip */ .switcheroo__popper { background-color: var(--color-tooltip); padding: 0.68rem 1rem; position: absolute; width: -webkit-max-content; width: max-content; border-radius: 4px; z-index: 0; opacity: 0; transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce); pointer-events: none; color: #fff; } .switcheroo[direction="vertical"] .switcheroo__popper { left: 155%; top: 50%; transform-origin: left; transform: translateY(-50%) scale(0.98); } .switcheroo[direction="horizontal"] .switcheroo__popper { top: 155%; left: 50%; transform-origin: top; transform: translateX(-50%) scale(0.98); } .switcheroo__popper:before { content: ""; position: absolute; width: 24px; height: 24px; background-color: var(--color-tooltip); z-index: -1; } .switcheroo[direction="vertical"] .switcheroo__popper:before { left: -2px; top: 50%; transform: translateY(-50%) rotate(-45deg); } .switcheroo[direction="horizontal"] .switcheroo__popper:before { left: 50%; top: -2px; transform: translateX(-50%) rotate(-45deg); }
.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper { opacity: 1; transform: translateY(-50%) scale(1); } .switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper { opacity: 1; transform: translateX(-50%) scale(1); } .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-100%, -50%) scale(0.5); }
/* avatar */ .switcheroo[theme="discord"] .switcheroo__avatar { position: relative; width: 100%; height: 100%; border-radius: inherit; overflow: hidden; } .switcheroo[theme="discord"] .switcheroo__avatar img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* divider */ .switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider { width: 100%; height: 2px; background-color: var(--color-pill); border-radius: 1px; opacity: 0.06; transform: scale(0.8); } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider { width: 2px; background-color: var(--color-pill); border-radius: 1px; opacity: 0.06; transform: scale(0.8); } /* delete button */ .switcheroo[theme="discord"] .switcheroo__delete { display: flex; justify-content: center; position: absolute; width: 16px; line-height: 14px; height: 16px; top: -2px; right: -2px; border-radius: 50%; background-color: var(--color-delete); transform: scale(0); opacity: 1; transition: transform 128ms var(--ease), opacity 64ms var(--ease); cursor: pointer; font-size: 13px; } .switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete { opacity: 1; transform: scale(1); } /* logo */ .switcheroo[theme="discord"] .switcheroo__logo { } .switcheroo[theme="discord"] .switcheroo__logo img { width: 32px; } .switcheroo[theme="discord"] .switcheroo__logo:hover { background-color: var(--color-accent); } /* buttons */ .switcheroo[theme="discord"] .switcheroo__squircle--button { transition: border-radius 128ms var(--ease); color: var(--color-button); } .switcheroo[theme="discord"] .switcheroo__squircle--button:hover { color: #fff; background-color: var(--color-button); } /* modal */ .switcheroo__form { padding: 48px; } .switcheroo__form-row { display: flex; flex-flow: column; align-items: flex-start; margin-bottom: 16px; } .switcheroo__form-label { margin-bottom: 8px; font-size: 14px; text-transform: uppercase; color: var(--color-text) !important; } .switcheroo__form-input { padding: 6px !important; font-size: 16px !important; border-radius: 4px !important; width: 100% !important; border-bottom: 2px solid var(--color-accent) !important; background-color: var(--color-bg) !important; color: var(--color-text) !important; cursor: text !important; } .switcheroo__form-button { border-radius: 8px; padding: 8px; border: none; outline: none; box-shadow: none; text-transform: uppercase; font-size: 14px; align-self: flex-end; color: #fff; background-color: var(--color-accent); }
.monomer-overlay { position: fixed; z-index: 999; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; transition: 0.2s opacity ease; background: rgba(0, 0, 0, 0.6); }
.monomer-modal { position: fixed; z-index: 999; top: 50%; left: 50%; opacity: 0; width: 94%; padding: 24px 20px; transition: 0.2s opacity ease; transform: translate(-50%, -50%); border-radius: 2px; background: var(--color-squircle); color: var(--color-text); }
.monomer-modal.monomer-open.monomer-anchored { top: 20px; transform: translate(-50%, 0); }
.monomer-modal.monomer-open { opacity: 1; }
.monomer-overlay.monomer-open { opacity: 1; }
.monomer-close { font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; width: 24px; height: 24px; position: absolute; top: -5px; right: -5px; padding: 5px; cursor: pointer; color: #fff; border: 0; outline: none; background: var(--color-delete); border-radius: 50%; padding: 0; } .monomer-close:hover { opacity: 0.8; }
.topictitle {text-shadow: none !important;}
ir{ color:#d27a68; font-style: oblique; }
.statmess a.gensmall{ text-shadow: 1px 1px 0 #c5c5c5 !important; }
.sagger { background: #52889a; font-size: 11px; color:#ffffff; margin:2px; padding: 3px; text-align:center; } .sagger a{ color:#ffffff; }
.saggerer { background: #d27a68; font-size: 11px; color:#ffffff; margin:2px; padding: 3px; text-align:center; } .saggerer a{ color:#ffffff; }
one { color:#86ada0; text-decoration: overline; font-weight: bold; }
two { color:#9a4641; text-decoration: overline; font-weight: bold; }
.nelly{ color:#fff; font-family: 'Poppins', sans-serif; font-size:14px; padding:3px; text-align:center; }
/**************************************************QUI EST EN LIGNE****************************************/ /*QEEL*/ #fondqeel{ background-color:#f1f2f2; width:780px; padding:10px; border-left:2px solid #e6e9ed; border-right:2px solid #e6e9ed; }
.twentyfour{ overflow:auto; width:300px; height:100px; font-size:10px; line-height:10x; text-align:justify; background-color:#fff; padding:5px; margin:4px; } .start{ overflow:auto; width:150px; height:100px; font-size:10px; line-height:10x; text-align:justify; background-color:#fff; padding:5px; margin:4px; } .whosthere{ overflow:auto; width:265px; height:100px; font-size:10px; line-height:10x; text-align:justify; background-color:#fff; padding:5px; margin:4px; }
#trouble{background-color:#d1634a;} #blinded{background-color:#A68D85;} #neutral{background-color:#86a89c;} #sad{background-color:#242426;} #darkside{background-color:#8C3E3E;} .groupes{ width:150px; box-sizing: border-box; color: #fff; display: inline-block; font-size: 14px; margin: 2px 0; padding: 3px; text-transform:uppercase; font-family: 'Poppins', sans-serif; text-align:center; }
/**********************************************PAGE DACCUEIL***********************************************/
/**********ZONE TOP SITES*******/ .chris{ width:150px; text-align:center; font-size:18px; }
/********ZONEDES NEWS***********/
.rainyday { background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size: 11px; width:180px; height:153px; padding:10px; text-align:justify; overflow:hidden; }
/*******ZONE TOPSITES***********/
.trime { background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size: 11px; padding:10px; width:210px; height:30px; text-align:center; }
/********ZONE DES OPPOSITIONS**********/
.cindy { /*background-color:#f1f2f2; border: 1px solid #e6e9ed;*/ width:180px; /*height:165px; */ font-family: 'Poppins', sans-serif; text-align:center; }
.cindy a{ background: #52889a; box-sizing: border-box; display: block; font-size: 12px; color:#ffffff; *margin: 2px 0; padding: 3px; /*text-transform: uppercase;*/ }
/********ZONE DES LIENS**********/
.thecraft { /*background-color:#f1f2f2; border: 1px solid #e6e9ed;*/ width:200px; height:165px; font-family: 'Poppins', sans-serif; text-align:center; }
.thecraft a{ background: #52889a; box-sizing: border-box; display: block; font-size: 14px; color:#ffffff; *margin: 2px 0; padding: 3px; /*text-transform: uppercase;*/ }
/*******ZONE CONTEXTE*********/
.jumanji { background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size: 11px; width:350px; height:85px; padding:10px; text-align:justify; overflow:auto; }
.cruella { background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size: 11px; width:360px; height:53px; padding:5px; text-align:justify; overflow:auto; margin-top:3px; }
/*****ZONE INFOS IMPORTANTES****/ .babylove{ background-image:url(https://images2.imgbox.com/ea/66/MorbRDel_o.png); width:310px; height:100px; padding:10px; }
.fuckyou{ background-color: #f1f2f2; border: 1px solid #e6e9ed; height:88px; padding:5px; text-align:justify; overflow:auto; }
/********zone staff*********/
#tourne { background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size: 11px; width:150px; height:100px; padding:10px; text-align:center; overflow:hidden; }
.ongles { width:66px height:120px; object-fit: cover; }
#normalstart { padding-top:25px; font-size:18px; color:#bdc3ce; }
#dydyfull, #lexfull, #joefull, #elofull { padding-top:15px; }
.psy { font-size:22px; color:#52889a; font-family: Newsreader, serif; }
.gne { font-weight:bold; color:#475c6a; }
.crush { font-size:14px; text-transform:uppercase; }
.crush a{ color:ffffff !important; }
/**************************************RÉPONSES RAPIDES************************************************/ .bordel{margin-right:-100px !important;}
#av_quickreply img{ position: relative; width: 200px; margin-top:-45px; margin-left:-10px; /*height: 160px; */ } #av_quickreply { float: left; position : absolute; margin-left:45px; margin-top:3px; width:150px; height:190px; overflow:hidden; border:5px solid #ffffff; } /*******************************zone texte*************************************************/ div.sceditor-container { left: 70px!important; max-width: 500px!important; min-height: 150px!important; } .sceditor-group{background:none !important; border:none !important;}
/**********************************************************QUOTE & CODE*******************************************************/
.codebox{ background-color: #f1f2f2; border: 1px solid #e6e9ed; margin: 10px; padding: 10px; }
.quote, .code { background-color:#ffffff !important; padding:10px !important; border:none !important; color:#62717b !important; max-width:500px !important; }
dt .genmed { color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
.spoiler dt { background-color:#ffffff !important; color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
.spoiler_closed { border:none !important; }
.spoiler_content { border:none !important; }
.selectCode { color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
/*************************************TRUCS DE BASE*********************************************/ a:link {text-decoration: none !important;} a:visited {text-decoration: none !important;} a:hover {text-decoration: none !important;} a:active {text-decoration: none !important;} a {text-decoration:none !important;} .mainmenu img {display: none;} tr.post span.gensmall { display: none; } table,tr,td {border:none !important;} /*hr {border:1px solid #97a1ac !important;}*/ .postbody{padding-top:20px; padding-bottom:20px;} .forumline{border:none !important;} .quote{border:1px solid #1e2122 !important;} .postbody {text-align:justify;} .code{border: none !important;} .cont_code{width:100%;} .selectCode{font-weight:bold;float:right;text-transform:lowercase;}
/*toolbar*/ #fa_toolbar {background-color: transparent !important; /* Rend transparent le fond principal */padding-bottom: -30px;} span#fa_share {display:none!important;} div#fa_search {display:none!important;} #fa_right {background-color: #65777e;border-radius: 0 0 0 20px;padding-left: 10px;padding-right: 10px; font-size: 11px; height: 30px;left: 0; z-index: 999;} #fa_left {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_search {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_share {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_fix {position: fixed!important;right: 0;top: 0;} .bodylinewidth{margin-top:-30px;} .pic {width:40px;border-radius:1px; }
/*******************************PRÉSENTATION************************************************************/ /********ZONE GENERAL*****/ .print{ width:450px; background-color:#f1f2f2; border:1px solid #e6e9ed; padding:10px; margin:10px; text-align:center; } /****IMAGE PRINCIPALE****/ .forever{ width: 190px; height: 140px; border:5px solid #fff; object-fit: cover; border-radius: 10px; }
/*******IMAGE FICHE DELIEN********/ /****IMAGE PRINCIPALE****/ .thabass{ width: 150px; height: 150px; object-fit: cover; }
/******PETITES IMAGES******/ .never{ width: 60px; height: 60px; border:5px solid #fff; object-fit: cover; border-radius: 10px; } /****PRENOM ET NOM***********/ .middle{ width:240px; padding:11px 0px 5px 0px; margin-top:-14px; margin-left:4px; font-family: 'Newsreader', serif; font-size:24px; background-color: #52889a; color: #fff; }
/****TITRE DU CONTEXTE***********/ .middleton{ width:240px; height:125px; padding:11px 0px 5px 0px; margin-left:4px; font-family: 'Newsreader', serif; font-size:24px; background-color: #52889a; color: #fff; }
/**************TITRE DE SUJETS***************/ .inmiddle{ width:450px; padding:11px 0px 5px 0px; font-family: 'Newsreader', serif; font-size:24px; background-color: #52889a; color: #fff; } /**********PETITES INFOS*****/ .pomme{ width:240px; background-color:#ffffff; margin-top:5px; margin-left:4px; } /************AUTRES INFOS***********/ .crazy { background-color:#fff; margin-top:-15px; width:431px; max-height:150px; padding:10px; text-align:justify; overflow:auto; } /*********ENTETE SURLIGNE**********/ rb{ color:#52889a; text-decoration: overline; font-weight: bold; } /********SECTION CARACTERE*********/ .loseyou{ background-color:#63747b; color:#fff; width:150px; height:150px; text-align:justify; padding:10px; margin-top:-10px; overflow:auto; } /***************ZONE QUESTIONS************/ .perfect { background-color:#fff; width:254px; height:150px; padding:10px; text-align:justify; overflow:auto; margin-top:-10px; } /************ENTETE SOUSLIGNE************/ fa{ color:#63747b; text-decoration: underline; font-weight: bold; } /************SECTION STORY************/ .badboy{ background-color:#fff; margin-top:-15px; width:431px; max-height:250px; padding:10px; margin-top:5px; text-align:justify; overflow:auto; } /************SECTION PRINCIPAL DE SUJETS************/ .growl{ background-color:#fff; width:431px; padding:10px; margin-top:5px; text-align:justify; } /**************SECTION HORS JEU************/ .sunflower{ background:#fff; width:275px; height:50px; text-align:justify; font-size:10px; padding:10px; overflow:auto; }
/***********AVATARS ET CREDITS****************/ .tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { visibility: hidden; width: 240px; background-color: #52889a; color: #fff; text-align: center; padding: 7px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: 5px; left: 104%; }
.tooltip:hover .tooltiptext { visibility: visible; }
/******************************************************AJOUT PRELIENS GROUPES**********************************************************/ .poire{ width:230px; height:75px; background-color:#ffffff; margin-top:5px; padding:5px; overflow:auto; margin-left:4px; text-align:justify; } ib{ color:#a48f84; text-decoration: overline; font-weight: bold; }
/*********************************************************SCROOOOOOOOOOOLLLLLLLL*******************************************************/
::-webkit-scrollbar { /*taille dans les messages ou fiches */ height: 2px; width: 5px; background-color: transparent !important; /* couleur de fond */ } html > ::-webkit-scrollbar { width: 7px; /* largeur de la barre du forum */ } ::-webkit-scrollbar-thumb { background: #598f96; /* couleur de la barre qui se déplace */ } ::-webkit-scrollbar-track-piece { background-color: transparent !important; /* couleur de fond */ }
/*********************************************************FOND DU FORUM*************************************************************/ body { background-repeat: no-repeat; background-attachment: fixed; }
/***********************************************************CATEGORIES*************************************************************/ .entitle { background-image:url(https://images2.imgbox.com/c5/f6/fkcZqLTb_o.png); background-position:center bottom; /*background-color:#1e344a;*/ width:800px; /*height:36px;*/ }
.sousentete { padding-top:2px; padding-bottom:2px; }
h2 { font-size:24px; /*letter-spacing:2pt; */ text-align:center; font-style: italic; color:#b9a292; text-shadow: 1px 1px 0 #264964; font-family: 'Newsreader', serif; } .avatnew { background-color:#f1f2f2; border: 1px solid #e6e9ed; margin-left:5px; height:57px; }
.avatnew img { width:57px; height:57px; object-fit: cover; }
.postava { background-color:#f1f2f2; border: 1px solid #e6e9ed; display:block; width:52px; height:57px; margin-left:2px; margin-right:4px; overflow:hidden; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%); }
.postava img{ width:56px; margin-top:-15px; margin-left:-2px; }
.descri { background-color:#f1f2f2; border: 1px solid #e6e9ed; width:270px; height:43px; overflow:auto; padding:7px; text-align:justify; font-size:11px; line-height:10px; }
.descri .genmed { color:#815a50; }
.titafo { height:16px; font-size:13px; letter-spacing:2px; margin-top:5px; margin-bottom:2px; color:#0076b1; text-align:left; font-weight:bold; font-family: 'Newsreader', serif; /*text-transform:uppercase;*/ text-align:center; }
.titato a.forumlink {font-size:20px !important;}
.statmess { background-color:#f1f2f2; border: 1px solid #e6e9ed; margin-left:3px; width:118px; height:43px; padding:7px; font-size:8px; font-family: 'Poppins', sans-serif; text-align:center; }
.statmess a{ color:#8C2020; }
.boumy { font-size:10px; } .boumy a { font-size:10px; }
.lienos { background-color:#f1f2f2; border: 1px solid #e6e9ed; width:139px; height:57px; overflow:auto; font-size:10px; font-family: 'Poppins', sans-serif; text-align:center; }
.lienos a{ background: #52889a; box-sizing: border-box; display: block; font-size: 10px; color:#ffffff; margin: 3% 0; padding: 1%; /*text-transform: uppercase;*/ }
.lyra { background-color:#f1f2f2; border: 1px solid #e6e9ed; margin-left:2px; margin-right:2px; width:78px; height:11px; padding:7px; font-size:9px; line-height:normal; font-family: 'Poppins', sans-serif; color:#984341; text-align:center; }
/***************************************************PROFIL*****************************************************/
.cu /*fond de profil*/ { background-color:#f1f2f2; border:1px solid #e6e9ed; padding:10px; font-size:11px; text-align:justify; line-height:11px; }
.wu /*entete de profil*/ { background-color:#fff; opacity:0.8; width:188px; padding:10px; /*text-shadow: 1px 1px 0px #221a1e;*/ font-size:20px; text-align:center; font-family: Newsreader, serif; }
wu. a{ font-style: 900 !important; }
.xu /*rang de profil*/ { font-family: Poppins, sans-serif; font-size:10px; }
.du img /*avatar de profil*/ { border:5px solid #fff; opacity:0.9; margin-bottom:10px; }
.icon_online { position:absolute; margin-left:-40px; margin-top:75px; z-index: 100; }
.tu /*fond de sous profil*/ { background-color:#fff; opacity:0.9; width:188px; height:240px; overflow-y:auto; overflow-x:hidden; padding:10px; /*text-shadow: 1px 1px 0 #221a1e;*/ }
.tu img /*gif profil*/ {width:188px;}
.tu > span.poster-profile > span.label { color:#52889a; text-decoration: overline; font-weight: bold; font-size:12px; font-family: 'Newsreader', serif; }
/********************************************BULLES SUJETS***************************************************/ .fleche { background-image : url("https://images2.imgbox.com/a4/75/hi1K59O7_o.png"); width: 20px; height :20px; position : relative; top :70px; left :-19px; }
.bulle{ background-color : #fafafa; border : 1px solid #fff; padding : 15px; margin-right:5px; }
/**************ENTETE SUJET****************/ .rufus { background-image:url(https://images2.imgbox.com/c5/f6/fkcZqLTb_o.png); background-position:center bottom; height:70px; padding-top:10px; text-align:center; }
.rufus h1 { font-size:22px; /*letter-spacing:2pt; */ text-align:center; font-style: italic; color:#b9a292; text-shadow: 1px 1px 0 #264964; font-family: 'Newsreader', serif; }
.rufus a { font-family: Poppins, sans-serif; color:#fff; letter-spacing:2pt; }
.cash{padding-top:10px;}
.cash h1{font-size:18px;}
.gabe { display:block; height:12px; font-size:12px; font-family:'Roboto Slab', serif; letter-spacing:2pt; }
.dodge { text-align:center; margin-top:10px; }
/************************************************AFFICHAGE DES SUJETS***************************************************/ .titremoica{ width:450px; height:30px; padding:5px; margin-left:5px; letter-spacing:1px; background-color: #f1f2f2; border: 1px solid #e6e9ed; font-size:14px; /*font-weight: normal;*/ font-family: 'Newsreader', serif; }
.thenama{font-size:8px !important; margin-left:15px; letter-spacing:2px; font-weight: normal; font-family: Poppins, sans-serif; }
.thenama > .name{ color:#8d8191; font-weight: normal; font-size:8px !important; }
.decritou{ line-height:12px; font-size:9px; font-weight: normal; }
.lportrait img{ border: 1px solid #e6e9ed; width:57px; height:40px; object-fit: cover; }
.taface{ border:3px solid #52889a; width:70px; height:35px; overflow:hidden; }
.taface img{ width:78px; height:125px; margin-top:-15px; margin-left:-8px; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%); }
.lefact{ width:180px; height:30px; padding:5px; background-color: #f1f2f2; border: 1px solid #e6e9ed; margin-top:3px; margin-bottom:5px; font-size: 13px; text-align:center; text-transform: uppercase; }
.lesinfos > .postdetails{ color: #fdfefb; }
.ring {margin-left:2px; color:#467588 !important;} .dont {color:#815a50 !important;}
/********************************************************barre de navigation***************************************************************************/ .peanut { background-image:url(https://images2.imgbox.com/ea/66/MorbRDel_o.png); background-position:center bottom; margin-top:5px; /*margin-left:4px;*/ padding-top:15px; padding-bottom:15px; width:800px; text-align:center; font-family: 'Newsreader', serif; font-size: 16px; font-weight: 700; text-transform: lowercase; }
.peanut a { font-weight: 700; font-size:16px; color: #ffffff; } |
|