louha InfosMessages : 693
Date d'inscription : 15/08/2013
| version 16 / gris intrigue cluedo | Ven 15 Mai - 23:04 | | catégories - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_NEW}">quoi de neuf ?</a> & <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_SELF}">mes messages</a> & <!-- END switch_user_logged_in --> <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_UNANSWERED}"> sans réponse</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="cathead"><div style="text-align:center; background-position:bottom center;"><span class="secondarytitle"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></span></div></div><div class="catbody"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed"><div class="desccolonne"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomcat">{catrow.forumrow.FORUM_NAME}</div></a> <table><tbody><tr><td><div class="boutcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td> <td><table><tbody><tr><td><div class="entourdesc"><div class="description">{catrow.forumrow.FORUM_DESC}</div></div><br/><div class="sousfocat">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div></td></tr></tbody></table></td> <td><table><tr><td><div id="colonneinfo">{catrow.forumrow.LAST_POST}</div></td></tr><tr><td><div id="lastmsg">{catrow.forumrow.POSTS} M. dans {catrow.forumrow.TOPICS} S.</div></td></tr></table></td></tbody></table></div></span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> </span> </td> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table></div></div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> |
|
louha InfosMessages : 693
Date d'inscription : 15/08/2013
| Re: version 16 / gris intrigue cluedo | Ven 15 Mai - 23:10 | | css - Code:
-
/*-------------------------------------------------- FLECHES DE NAVIGATION ---------------------------------------------------*/ .haut{ position:fixed; bottom:50px; right:50px; } .bas{ position:fixed; bottom:10px; right:50px; }
/*-------------------------------------------------- MODIFICATIONS header ---------------------------------------------------------*/ body{ background-image: url(); background-color: #C5C4AD; background-position:top; background-repeat:no-repeat; }
.bodyline{ border-left: 4px solid #e3e5c7; border-right: 4px solid #e3e5c7; border-bottom: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; }
/****** ------------------------------ ANNONCE EN HAUT DU FORUM ---------------------------********/ /***** pour modifier le fond des annonces defilantes ****/ #fa_ticker_container { background-color: #C5C4AD; border-top: 3px solid #e3e5c7; border-bottom: 3px solid #e3e5c7; border-radius:30px; } .annoncetitre { color: #593813; font-size: 25px; font-family: 'Vibur', cursive; text-align: center; margin-bottom: -15px; } .texteannonce { color: #848484; font-size: 15px; font-family: 'Snippet', sans-serif; }
/*-------------------------------------------------- MODIFICATIONS DES CATEGORIES ---------------------------------------------------------*/
.cathead{ background: url('http://image.noelshack.com/fichiers/2015/14/1428156072-haut.png') top center no-repeat; width: 750px; height:180px; margin: auto; /*Permet de centrer la partie du corps*/ margin-bottom: -5px; } .catbody{ background: url('') repeat-y; background-color: #A6A58B; width: 750px; margin: auto; margin-top: 0px; margin-bottom: 0px; } .catfoot{ background: url('http://image.noelshack.com/fichiers/2015/14/1428155961-bascate.png') bottom center no-repeat; width: 750px; height:80px; margin: auto; margin-top: -5px; } .catetitre{ text-align: left; padding-left:100px; padding-top: 45px; } .catetitre h2{ font-size:50px; color: #40464A; font-family: "Seaweed Script"; text-shadow: 3px 3px 3px #C5C4AD; } .catforum{ background-color: #; border: 2px solid #; width: 700px; height: 150px; margin: auto; margin-top: 5px; margin-bottom: 5px; } .boutcat img{ width: 70px; height: 70px; margin-right: 10px; } #colonneinfo { width: 130px; height: 50px; background-color: #C5C4AD; border-left: 3px solid #40464A; border-right: 3px solid #40464A; font-size: 10px; font-style: normal; font-weight:bold; position: absolute; margin-top:-50px; margin-left: 10px; text-align: center; z-index: 1; border-radius: 20px; } #lastmsg { width: 120px; height: 20px; position: absolute; margin-left: 10px; font-size: 9px; text-align: center; z-index: 1; } .nomcat{ font-size: 25px; text-align: left; margin-left:150px; padding-left: 120px; margin-bottom: -20px; color: #40464A; border-bottom: 1px solid #; font-family: "Niconne"; } .description{ width: 420px; height : 70px; margin-top: 10px; margin-bottom: -10px; margin-left:-35px; background-color: #C5C4AD; overflow: hidden; font-size: 10px; font-family: 'verdana'; text-align: justify; border-radius: 25px; border-left: 5px solid #40464A; border-right: 5px solid #40464A; padding-left : 15px; padding-right:15px; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); } .entourdesc { margin-left : 25px; width: 400px; height: 75px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); background: #40464A; border-bottom: 2px solid #EDEDCA; border-radius: 25px; } .titredesc{ color: #B21375; display: inline; } .desccolonne{ width: 690px; height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 10px; } .sousfocat{ width: 450px; height: 30px; overflow: auto; text-align:center; margin: auto; margin-top: -5px; } .titredesc { font-family: "Ubuntu Mono:700"; font-size: 10px; text-transform : uppercase; font-weight: bold; color: #1A6D89; }
/*============================================================ * liste des sujets * ===============================================================*/ .bloc_sujets { width: 740px; margin: auto; background: #C5C4AD; border: 1px solid #E3E5C7; padding: 5px; border-radius:30px; } .sujets { background: #A6A58B; border: 1px solid #E3E5C7; padding: 3px; border-radius:30px; } .topictitle { font-variant: small-caps; font-size: 12px; } .sujets_auteur { display: block; width: 200px; font-size: 11px; } .sujet_last { display: block; width: 200px; height: 40px; background: #E3E5C7; border-left: 3px solid #40464A; border-right: 3px solid #40464A; border-radius:30px; padding-top: 10px; font-size: 11px; } .sujets_stats { width: 700px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu { font-size: 10px; color: #40464A; } .lastpost-avatar { float: left; position:relative; margin-left: 10px; margin-top:5px; } .lastpost-avatar img { height: 40px; width: auto; border-radius:15px } /*----------------------------------------------------- MODIFICATIONS PROFILS ---------------------------------------------------*/ .postdetails.poster-profile img { max-width:200px; border : 1px solid #2B2626 ; } .details_profil img{ max-width:190px; border : 1px solid #2B2626 ; } .avatar_profil { max-height: 320px !important; } .profilmasque { background-color: #C5C4AD; width: 200px; padding: 5px; font-size: 11px; font-family: 'Voltaire', sans-serif !important; border-radius:20px; } .profil1 { width: 200px; font-size: 20px; font-family: 'Miniver', cursive; background-color: #A6A58B; border: none; color: #2B2626; border-radius: 25px; } .profil { background-color: #A6A58B; padding: 10px; border-radius: 25px; } .rang { border: 1px solid #2B2626; background-color: #C5C4AD; padding: 10px; width: 200px; text-align: center; color: #2B2626 !important; font-size: 25px; font-family: 'Vibur',; border-radius: 25px; font-size: 15px; } #rankabs { text-align:center; margin-top: -45px; } .bloc_pseudo { padding: 10px; width: 200px; position: relative; left: 1em; text-align: center; font-size: 12px; font-family: 'Miniver', cursive; } .pseudo_profil { font-family: 'Finger Paint', cursive; font-size: 20px !important; text-align: center; margin-bottom: -18px; }
.details_profil { background-color: #; padding: 1px; width: 210px; height: 350px; overflow: auto; text-align: justify; color: #2B2626 !important; font-size: 11px; font-family: 'Voltaire', sans-serif !important; }
/*----------------------------------------------------- MODIFICATIONS GENERALES ---------------------------------------------------*/
/*CSS de la petite phrase à la fin du fofo */ .mes-credits{ font-weight:normal; color: #2B2626; font-size:11px; text-align:justify; font-family:arial, helvetica, sans-serif; }
/*fond de la feuille de personnage */ textarea, input, select { background-color: #A6A58B; border-radius: 15px; border : 1px solid #2B2626; padding: 5px; }
/* pas de soulignement de liens */ a:link {text-decoration: none!important; font-style:"Vibur";} a:visited {text-decoration: none!important;} a:hover {text-decoration: none !important;}
div.nicetitle { position: absolute; padding: 4px; top: 0px; left: 0px; color: white; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; width: 25em; font-weight: bold; background: url(http://image.noelshack.com/fichiers/2015/04/1422025552-ntbg.png); z-index:10; /* Mozilla proprietary */ -moz-border-radius: 12px; } div.nicetitle p { margin: 0; padding: 0 3px; } div.nicetitle p.destination { font-size: 7px; text-align: left; padding-top: 3px; } .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:fixed; top:50px; right:20px; 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, .8); 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; } /*------------------------------------------------------ CSS pour tous les postes -------------------------------------------------------*/ .postbody { text-align: justify !important; }
.wrapmsg{ background-color : #A6A58B; border-left : 2px solid #52526E; border-right : 2px solid #52526E; border-top : 5px solid #52526E; border-bottom : 5px solid #52526E; padding: 30px; text-align: justify; min-height : 100px; border-radius: 25px; } .row3Right { border: none !important; } .thHead { border: none !important; } .thCornerL, .thCornerR, .thTop { border: none !important; } .thLeft, .thRight { border-left: none !important; border-right: none !important; } .catLeft, .catRight { border: none! important; } .catHead { border: none !important; } .catBottom { border: none !important; } /*================================== Sélectionner le contenu ====================================*/ .selectCode { float:right; text-transform: uppercase; cursor:pointer; color: #2B2626; font-size:10px; } ::selection{ background: #CDCCB1; color: #2B2626; } ::-moz-selection{ background: #CDCCB1; color: #2B2626; } ::-webkit-selection{ background: #CDCCB1; color: #2B2626; } ::-htm-selection{ background: #CDCCB1; color: #2B2626; } ::-o-selection{ background: #CDCCB1; color: #2B2626; } /*----------------------------------------------------- MODIFICATIONS SPOILER/CODE/QUOTE ---------------------------------------------------*/ .spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden { color: #2B2626; background-color: #52526E; text-align : justify; /* alignement standart d'un spoiler */ border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */ padding:10px; /* espacement entre le bord de votre cadre et votre texte */ max-height:420px; width:350px!important; border-radius:25px; overflow:auto; } .code, .quote { color: #2B2626; background-color: #52526E; text-align : justify; /* alignement standart d'un spoiler */ border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */ display:block; max-height:420px; width:350px!important; position: center; text-align:justify; padding:5px; border-radius:25px; overflow:auto; } .hidecode dd{ color:#2B2626; background-color: #52526E; text-align : justify; /* alignement standart d'un spoiler */ border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */ display:block; max-height:420px; width:350px!important; position: center; text-align:justify; padding:5px; border-radius:25px; overflow:auto; } /*----------------------------------------------------- MODIFICATIONS ZONE DE TEXTE ---------------------------------------------------*/
/*--- Bloc réponse rapide ---*/ .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #C5C4AD !important;} .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #C5C4AD !important;} /*--- Partie supérieur contenant les outils ---*/ div.sceditor-toolbar { background-color: #C5C4AD !important; width: 540px !important; } /*--- Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea { background-color: #C5C4AD !important; text-align:justify; margin:0 !important; line-height: 16px; width: 540px !important; color: #52526E !important; font-size:11px !important; } /*--- Groupe de boutons ---*/ div.sceditor-group {background-color: #C5C4AD !important; } /*--- Boutons ---*/ a.sceditor-button { } /*--- Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #E3E5C7 !important;} /*--- Smileys ---*/ .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;} img.smiley {width: auto !important; height : auto !important;}
/* bordure de l'éditeur */ div.sceditor-container { border: 1px solid #E3E5C7; border-radius:25px; padding: 5px; } /* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar { border: 1px solid #E3E5C7; border-radius:25px; } /* bordure sous les groupes de bouton */ body div.sceditor-group { box-shadow: none } /* ombre d'un bouton survolé ou activé */ a.sceditor-button:hover, a.sceditor-button.hover { box-shadow: none; background-color: #E3E5C7 !important; } /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */ .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important } /* Image du bouton */ .sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important } /* Popup */ .sceditor-fontawesome { width:220px; height:250px; overflow-y:auto; } /* Icônes */ .sceditor-fontawesome i { color:#333; font-size:20px; text-align:center; cursor:pointer; padding:3px 0; width:25%; } .sceditor-fontawesome i:hover { color:#666 } /*----------------------------------------------------- MODIFICATIONS CHATBOX ---------------------------------------------------*/
#chatbox_header .catBottom .cattitle { color: #52526E; } #chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a { color: #52526E; } #chatbox_members ul li, #chatbox_members ul li a { color: #8F0735; } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a { color: #52526E; } body.chatbox { background-image: none; background-color: #C5C4AD; } #chatbox_header .cattitle:before { content: "La cours de récréation"; } #chatbox_header .cattitle strong { visibility: hidden; } #chatbox_header .cattitle:before { content: "La cours de récréation"; } #chatbox.recently-connected:after { font-family: "trebuchet ms", serif; color: #8BC34A; box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto; width:80%; content: "Bienvenue sur la chatbox =D \a Si tu es seul, Remonte le sujet dans le flood !"; } /*=========================== QEEL =============================*/
.qeel { width: 750px; height: 400px; background: url('http://image.noelshack.com/fichiers/2015/14/1428157917-qeel.png') center no-repeat ; } .qeel_table { position:absolute; width: 700px; margin-left: 25px; margin-top: 70px; } .colonne { position: absolute; z-index: 1; width: 225px; height: 300px; overflow: auto; margin-top: 0px; margin-left: 0px; border: 1px solid #40464A; font-size: 11px; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; border-radius:25px; } .colonne:hover { position: absolute; z-index: 99; width: 300px; height: 400px; margin-top: -50px; margin-left: -50px; background: #A6A58B; border: 1px solid #40464A; font-size: 12px; transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; border-radius:25px; } .qeel_contenu { display: block; text-align: justify; padding: 10px; }
/*------------------------------------------------------ CSS pour la liste de la PA -------------------------------------------------------*/
/* LISTE */ ul#conteneur { position: fixed; margin: 0; padding: 0; top: 20px; right: 0px; list-style: none; z-index: 999; } /* ÉLÉMENT DE LA LISTE */ ul#conteneur li { width: 98px; margin: 6px 0; padding: 0; } /* BLOC DE CHAQUE MENU */ .block_tfa { background: #E6D0CA; display: block; width: 98px; border: 1px solid #000; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; padding: 5px; } /* SPAN CONTENANT LE LIEN DU BAS */ .lien_bas { display: block; padding: 2px; background: #E6D0CA; border: 1px solid #000; font: 10px Arial; font-style: italic; } /* LIEN DU BAS */ .lien_bas a { text-decoration: none; color: #825765 !important; outline: none; } /* LIEN DU BAS AU SURVOL */ .lien_bas a:hover { color: #4D2C28 !important; }
/* ------------------------------------ ONGLET DEVOILE EN CLIC ------------------------------------*/
#target_onglet, #target_onglet2 { position: fixed; } #onglet_clic { position: fixed; z-index: 999; width: 342px; height: 200px; margin-left: -310px; margin-top: 20px; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } #onglet_contenu { width: 290px; margin-left: auto; margin-right: auto; margin-top: 5px; height: 190px; color: #545339; font-size: 15px; } .onglet_clic_navigation { display: block; float: right; width: 40px; height: 120px; overflow: hidden; margin-top: 40px; } .onglet_ouvrir { position: absolute; z-index: 3; } .onglet_fermer { position: absolute; z-index: 2; } #onglet_clic_contenu { width: 300px; height: 200px; overflow: hidden; background: #A6A58B; border: 1px solid #E3E5C7; } #target_onglet:target #onglet_clic { margin-left: -10px; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } #target_onglet:target .onglet_ouvrir { z-index: 1; } #target_onglet2:target #onglet_clic { margin-left: -310px; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; }
/* ------------------------------------ PAGE ACCUEIL ------------------------------------*/ .soustitrePA01 { font-family:'Damion'; color:#13141A!important; left:10px; position: relative; top: -500px; text-transform:capitalize; font-size:16px; font-weight:bold; z-index:1; } .soustitrePA01 a { color:#13141A!important;} .context01 { left:50px; top: -440px; height:130px; width:220px;} .intri01 { left:500px; top: -440px; height:130px; width:220px;} .newpa{ left:510px; top: -265px; height:123px; width:190px;} .infopa { left:500px; top: -105px; height:100px; width:190px;} .membredumois { left:60px; top: -240px; height:140px; width:300px;} .context01, .intri01, .newpa, .infopa, .membredumois { overflow: auto; text-align: justify; position: absolute;} .lucy {left:250px; position: absolute; top: -410px; height:150px; width:150px;} .elladan{left:330px; position: absolute; top: -410px; height:130px; width:220px;} .alyx{left:210px; position: absolute; top: -245px; height:130px; width:220px;} .clara{left:310px; position: absolute; top: -125px; height:130px; width:220px;} .thibault{left:330px; position: absolute; top: -245px; height:130px; width:220px;} /*** IMAGES DES membres du mois ***/ .imgwidget { height: 80px;} .info { position: relative; z-index: 24; text-decoration: none;} d.info:hover { z-index: 25;} d.info span {display: none; } d.info:hover span { display: block; position: absolute; top: -2em; width: 150px; height: 70px; overflow: auto; background-color: #BAB29C; text-align: center; font-weight: none; } div.cssactif_tableaupartenaire { width: 290px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */ line-height: 0; /* À ne pas modifier */ } div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {height: 18px; width: 50px;} div.cssactif_tableaupartenaire a { display: inline-block; /* À ne pas modifier */ position: relative; /* À ne pas modifier */ margin: 1px; /* MARGE entre les images */ } div.cssactif_tableaupartenaire a img { display: block; /* À ne pas modifier */ position: absolute; /* À ne pas modifier */ left: 0; /* À ne pas modifier */ top: 0; /* À ne pas modifier */ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } div.cssactif_tableaupartenaire a:hover img { height: 35px;width: 100px;z-index: 99; left: -50%;top: -50%;} .img_partenaires {opacity: 0.5; } .img_partenaires:hover {opacity: 1;}
/*------------------------------------------------------ AUTREs CODES -------------------------------------------------------*/ /*feuille de style post */ .mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;} .image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;} .mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;} .notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;} .notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;} .credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}
//* téléphone *// .datetel {font-size:12px; color:#fff; line-height:100%; letter-spacing:1px; margin-left:5px;} .unlock {margin-top:175px; font-size:23px; opacity:.5; line-height:100%;} .bwbgthing { overflow:hidden; } .bwbgidk { position:relative; width:218px; height:327px; background-color:#fff; overflow:hidden; font-family:lato; font-weight:100; } .bwbgpic { position:absolute; left:0px; width:218px; height:327px; background-color:#222; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgdarken { position:absolute; top:0px; left:0px; width:218px; height:327px; background-color:#000; opacity:.25; } .bwbgover { position:absolute; top:0px; left:0px; width:218px; height:327px; font-family:lato; color:#fff; text-align:center; font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbgpic { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbgover { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgwords { margin-top:20px; color:#fff; font-size:52px; line-height:100%; } .bwbgbar { position:absolute; top:0px; left:0px; width:218px; height:7px; padding:4px; font-family:lato; color:#fff; text-align:center; font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbgbar { top:0px; left:0px; color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbattery { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbatteryright { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwbatterybar { background-color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwcirclefull { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwcircleempty { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .triangle-down { border-top: 7px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwcirclefull { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:#fff; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwcircleempty { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:none; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwprovider { line-height:15px; font-size:10px; display:inline-block; margin-left:2px; } .bwtriangle-down { margin-left:2px; display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwcircle { position:absolute; left:95px; top:11px; width:30px; background-color:#fff; opacity:.7; height:4px; border-radius:30%; -webkit-border-radius:30%; -moz-border-radius:30%; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgidk:hover .bwcircle { top:-20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbattery { margin-left:3px; width:10px; height:4px; background-color:#fff; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbatteryright { width:3px; height:4px; background-color:none; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbatterybar { margin-bottom:2px; width:1px; height:2px; background-color:#fff; opacity:.5; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; } .bwbgtime { text-align:center; margin-top:9px; width:218px; font-size:10px; font-weight:bold; line-height:100%; color:#000; font-family:lato; } .bwmessageheader { width:218px; height:20px; background-color:#fff; font-family:helvetica; line-height:20px; font-size:10px; border-bottom:1px solid #eee; } .bwmessageblue { width:60px; display:inline-block; color:#56c8f7;} .bwmessagebold { width:98px; display:inline-block; color:#000; text-align:center; font-weight:bold; } .picture { width: 178px; height: 80px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:5px; } .bwtalkbubble { width: 148px; padding:15px; background: #128cf4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-family:helvetica; font-size:10px; line-height:12px; text-align:justify; } .bwtriangle-up { margin-left:5px; margin-right:133px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #128cf4; }
/*------------------------------------------------------ CODAGE GENERAL POSTES -------------------------------------------------------*/ .fondpost{ width:400px; background-color:#394247; border:3px solid #C5C4AD; text-align:justify; padding:20px; border-radius:10px; } .imgpost{ border:3px solid #C5C4AD; padding: 2px; width:380px; z-index:1; position:relative; } .titrpost{ font-family:'Metal Mania'; font-size:30px; color:#190405; position:relative; top:-50px; background-color:white; opacity: 0.5; z-index:2; } .titrpost2{ font-family:'Metal Mania'; font-size:30px; color:#190405; position:relative; background-color:white; opacity: 0.5; } .stitrpost{ font-family:'Orbitron'; color:#C9D3D3; font-size:13px; border-bottom: 3px double #C9D3D3; } .corpspost{ background-color:#182228; color:#C9D3D3; border: 1px solid #C5C4AD; padding: 5px; text-align: justify; font-size:12px; border-radius:10px; } .sstitre01{ font-family:'Orbitron'; color:#C9D3D3; text-transform:capitalize; font-size:13px; } .titrpostb{ font-family:'Megrim'; color:#C9D3D3; font-size:18px; border-bottom: 3px double #C9D3D3; } .cre{font-weight:normal; font-variant:small-caps; color:#C9D3D3; font-size:11px; text-align:center; font-family:arial, helvetica, sans-serif;} /*------------------------------------------------------ PV/SCENARIOS/BIOGRAPHIES -------------------------------------------------------*/
#infopv { height:320px; background-color:#182228; width:240px; letter-case:2px; font-size:14px; padding:20px; line-height:14px; border-top:2px solid #E3E5C7; overflow:auto; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #182228; font-size:11px; padding:5px; margin-left:15px;}
.cs, cs {color:#E3E5C7; font-weight:800;}
#fondpv { width:500px; margin:auto; border-left: 4px solid #E3E5C7 ; border-right: 4px solid #E3E5C7 ; background-color:#394247; text-align:justify; } #pseudopv { font-size:45px; font-family: 'Seaweed Script', cursive; text-align:center; text-shadow: 0px 0px 2px #A6A58B ; filter: dropshadow(color=#000000, offx=0, offy=0); text-transform:capitelize; letter-case:2px; color: #E3E5C7 ; }
#sstitrepv { font-size:16px; font-family: 'Donegal One', serif; text-align:center; text-shadow: 0px 0px 2px #A6A58B; filter: dropshadow(color=#7D3138, offx=0, offy=0); text-transform:uppercase; letter-case:2px; color: #E3E5C7 ; background-color:#394247 ; }
#phys{ height:40px; overflow:auto; width:472px; font-size:10px; padding:4px; background-color:#182228 ; }
#infopr { height:360px; background-color:#182228 ; letter-case:2px; font-size:14px; width:480px; margin:auto; padding:4px; line-height:14px; border-top:2px solid #E3E5C7 ; } #caract { height:105px; overflow:auto; width:234px; font-size:10px; padding:4px; background-color:#182228 ; }
#story { height:300px; overflow:auto; width:450px; font-size:10px; padding:4px; margin:auto; background-color:#182228 ; }
/*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/
.fondpost01{ width:450px; border-radius:100px; background-color:#52526E; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:420px; border-radius:15px; background-color:#E0DFCC; padding:10px; marging-left:-30px; border:1px solid #394247; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px #394247; } .titrepost01{ font-family:'Megrim'; font-size:25px; color:#075360; } .text01{ font-family:'Snippet'; text-align: justify; padding:3px; color:#182228; } .biov7 { font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }
.surligne {color:#25AA90; foont-size:12px; text-align:justify; font-weight:bold;}
.petitmot { font-style:italic; color:#82C2E5; } .sexe01, ro { margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#DD2A27; font-style:bold; } .sexe02, ve { margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#0A875D; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#52526E; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#E0DFCC; padding:10px; marging-left:-30px; border:1px solid #394247; } .imgliens01{ width:200px; height:320px; border-radius:10px; float:left; padding: 2px; } .imgliens02{ width:200px; height:320px; border-radius:10px; padding:2px; float:right; } .titreliens01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#81A9C6; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px black;} #iconsujet, .icoliens{ width:100px; border:solid 1px #394247;} .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28; }
.sstit02{ font-family:'Orbitron';color:#182228;text-transform:capitalize;font-size:12px;text-align:left;} .stitrpost{ font-family:'Orbitron'; color:#182228; font-size:13px; border-bottom: 3px double #DBC1C0;} .corps02 { background-color:#6A7B84; color:#182228; border-left: 5px solid #8E9AA0; border-right:5px solid #8E9AA0; border-top: 1px solid #8E9AA0; border-bottom: 1px solid #8E9AA0; padding: 5px; font-family:'Snippet'; text-align: justify; padding:3px; } .corpspost1{ max-height:300px; overflow:auto; background-color:#6A7B84; color:#182228; border: 1px solid #8E9AA0; padding: 5px; text-align: justify; font-size:12px; border-radius:10px; } .corpspost2{ max-height:150px; overflow:auto; background-color:#6A7B84; color:#182228; border: 1px solid #8E9AA0; padding: 5px; text-align: justify; font-size:12px; border-radius:10px; } i { color: #0A6A6D;} lu { line-height: 80%; width: 400px; letter-spacing: 1.9px; font-family: courier new; font-size: 9px; text-shadow: 1px 1px 0px #000000; color: #BCDDE5; text-transform: uppercase;}
vi { font-family: Vibur; font-size: 14px; color: #6E007C; } |
|
louha InfosMessages : 693
Date d'inscription : 15/08/2013
| Re: version 16 / gris intrigue cluedo | Ven 15 Mai - 23:59 | | css spécifique liste PA - Code:
-
/*------------------------------------------------------ CSS pour la liste de la PA -------------------------------------------------------*/
/* LISTE */ ul#conteneur { position: fixed; margin: 0; padding: 0; top: 20px; right: 0px; list-style: none; z-index: 999; } /* ÉLÉMENT DE LA LISTE */ ul#conteneur li { width: 98px; margin: 6px 0; padding: 0; } /* BLOC DE CHAQUE MENU */ .block_tfa { background: #E6D0CA; display: block; width: 98px; border: 1px solid #000; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; padding: 5px; } /* SPAN CONTENANT LE LIEN DU BAS */ .lien_bas { display: block; padding: 2px; background: #E6D0CA; border: 1px solid #000; font: 10px Arial; font-style: italic; } /* LIEN DU BAS */ .lien_bas a { text-decoration: none; color: #825765 !important; outline: none; } /* LIEN DU BAS AU SURVOL */ .lien_bas a:hover { color: #4D2C28 !important; } |
|
| Re: version 16 / gris intrigue cluedo | | | Les badges de Contenu sponsorisé
|
|