Traveler's Card Messages : 680 Date d'inscription : 15/08/2013
| CSS Version 14 Ven 27 Fév - 20:07 | |
| - Code:
-
/*-------------------------------------------------- FLECHES DE NAVIGATION ---------------------------------------------------*/ .haut{ position:fixed; bottom:50px; right:50px; } .bas{ position:fixed; bottom:10px; right:50; }
/*-------------------------------------------------- MODIFICATIONS header ---------------------------------------------------------*/ body{ background-image: url(http://image.noelshack.com/fichiers/2015/05/1422634055-attente.png); background-color: #000000; background-position:top; background-repeat:no-repeat; }
.bodyline{ border-left: 4px solid #3E475C; border-right: 4px solid #3E475C; 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: #161821; border-top: 3px solid #3E475C; border-bottom: 3px solid #3E475C; border-radius:30px; } .annoncetitre { color: #3E475C; 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/05/1422636722-haut001.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: #161821; width: 750px; margin: auto; margin-top: 0px; margin-bottom: 0px; } .catfoot{ background: url('http://image.noelshack.com/fichiers/2015/05/1422634157-bascate.png') bottom center no-repeat; width: 750px; height:80px; margin: auto; margin-top: -5px; } .catetitre{ text-align: center; padding-top: 45px; } .catetitre h2{ font-size:50px; color: #9FB0C1; font-family: "Seaweed Script"; text-shadow: 3px 3px 3px #3E475C; } .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: #090A0F; border-left: 3px solid #3E475C; border-right: 3px solid #3E475C; 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; padding-left: 120px; margin-bottom: -20px; color: #3E475C; border-bottom: 1px solid #; font-family: "Niconne"; } .description{ width: 420px; height : 70px; margin-top: 10px; margin-bottom: -10px; background-color: #090A0F; border-bottom: 3px solid #3E475C; border-top: 3px solid #3E475C; overflow: hidden; font-size: 10px; font-family: 'verdana'; text-align: justify; border-radius: 25px; border-left: 5px solid #3E475C; border-right: 5px solid #3E475C; padding-left : 15px; padding-right:15px } .desccolonne{ width: 700px; height: 140px; margin : auto; margin-bottom: 10px; padding: 5px; } .sousfocat{ width: 450px; height: 30px; overflow: auto; text-align:center; margin: auto; margin-top: -5px; } .titredesc { font-family: "Ubuntu Mono:700"; font-size: 11px; text-transform : uppercase; font-weight: bold; color: #1AA9BF; }
/*============================================================ * liste des sujets * ===============================================================*/ .bloc_sujets { width: 740px; margin: auto; background: #090A0F; border: 1px solid #3E475C; padding: 5px; border-radius:30px; } .sujets { background: #181B28; border: 1px solid #3E475C; 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: #383A47; border-left: 3px solid #3E475C; border-right: 3px solid #3E475C; 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: #D4D4D4; } .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 #3E475C ; } .details_profil img{ max-width:190px; border : 1px solid #3E475C ; } .avatar_profil { max-height: 320px !important; } .profilmasque { background-color: #383A47; 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: #181B28; border: none; color: #383A47; border-radius: 25px; } .profil { background-color: #181B28; padding: 10px; border-radius: 25px; } .rang { border: 1px solid #090A0F; background-color: #383A47; padding: 10px; width: 200px; text-align: center; color: #090A0F !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: #565A75 !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: #565A75; font-size:11px; text-align:justify; font-family:arial, helvetica, sans-serif; }
/*fond de la feuille de personnage */ textarea, input, select { background-color: #090A0F; border-radius: 15px; border : 1px solid #565A75; 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; }
/*------------------------------------------------------ CSS pour tous les postes -------------------------------------------------------*/ .postbody { text-align: justify !important; }
.wrapmsg{ background-color : #090A0F; border-left : 2px solid #565A75; border-right : 2px solid #565A75; border-top : 5px solid #565A75; border-bottom : 5px solid #565A75; 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: #8aa4b5; font-size:10px; } ::selection{ background: #090A0F; color: #8aa4b5; } ::-moz-selection{ background: #090A0F; color: #8aa4b5; } ::-webkit-selection{ background: #090A0F; color: #8aa4b5; } ::-htm-selection{ background: #090A0F; color: #8aa4b5; } ::-o-selection{ background: #090A0F; color: #8aa4b5; } /*----------------------------------------------------- MODIFICATIONS SPOILER/CODE/QUOTE ---------------------------------------------------*/ .spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden { color: #090A0F; background-color: #8aa4b5; 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: #090A0F; background-color: #8aa4b5; text-align : justify; /* alignement standart d'un spoiler */ border-color: #383A47; /* 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:#090A0F; background-color: #8aa4b5; text-align : justify; /* alignement standart d'un spoiler */ border-color: #383A47; /* 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: #090A0F !important;} .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #090A0F !important;} /*--- Partie supérieur contenant les outils ---*/ div.sceditor-toolbar { background-color: #090A0F !important; width: 540px !important; } /*--- Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea { background-color: #090A0F !important; text-align:justify; margin:0 !important; line-height: 16px; width: 540px !important; color: #c0c0c0 !important; font-size:11px !important; } /*--- Groupe de boutons ---*/ div.sceditor-group {background-color: #090A0F !important; } /*--- Boutons ---*/ a.sceditor-button { } /*--- Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #181B28 !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 #383A47; 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 #383A47; 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: #383A47 !important; }
/*----------------------------------------------------- MODIFICATIONS CHATBOX ---------------------------------------------------*/
#chatbox_header .catBottom .cattitle { color: #c0c0c0; } #chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a { color: #c0c0c0; } #chatbox_members ul li, #chatbox_members ul li a { color: #c0c0c0; } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a { color: #c0c0c0; } body.chatbox { background-image: none; background-color: #181B28; } #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"; }
/*------------------------------------------------------ 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;}
/*------------------------------------------------------ PV/SCENARIOS/BIOGRAPHIES -------------------------------------------------------*/
#infopv { height:320px; background-color:#090A0F; width:240px; letter-case:2px; font-size:14px; padding:20px; line-height:14px; border-top:2px solid #565A75; overflow:auto; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #181B28; font-size:11px; padding:5px; margin-left:15px;}
.cs { color:#0D7C7A; font-weight:800; }
#fondpv { width:500px; margin:auto; border-left: 4px solid #565A75 ; border-right: 4px solid #565A75 ; background-color:#090A0F; text-align:justify; } #pseudopv { font-size:45px; font-family: 'Seaweed Script', cursive; text-align:center; text-shadow: 0px 0px 2px #B6D5EA ; filter: dropshadow(color=#000000, offx=0, offy=0); text-transform:capitelize; letter-case:2px; color: #181923 ; }
#sstitrepv { font-size:16px; font-family: 'Donegal One', serif; text-align:center; text-shadow: 0px 0px 2px #B6D5EA; filter: dropshadow(color=#7D3138, offx=0, offy=0); text-transform:uppercase; letter-case:2px; color: #181923 ; background-color:#383A47 ; }
#phys{ height:40px; overflow:auto; width:472px; font-size:10px; padding:4px; background-color:#181B28 ; }
#infopr { height:360px; background-color:#181B28 ; letter-case:2px; font-size:14px; width:480px; margin:auto; padding:4px; line-height:14px; border-top:2px solid #565A75 ; } #caract { height:105px; overflow:auto; width:234px; font-size:10px; padding:4px; background-color:#181B28 ; }
#story { height:300px; overflow:auto; width:450px; font-size:10px; padding:4px; margin:auto; background-color:#181B28 ; }
/*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/
.fondpost01{ width:450px; border-radius:100px; background-color:#565A75; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:420px; border-radius:15px; background-color:#161821; padding:10px; marging-left:-30px; border:1px solid #565A75; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px #565A75; } .titrepost01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#78c9ff; } .text01{ font-family:'Snippet'; font-size:13px; text-align: justify; padding:3px; color:#9296AF; } .biov7 { color:#9296AF; font-size:10px; letter-spacing:1px; text-align:justify;font-style:'Snippet'; font-size:13px;}
.surligne {color:#AF42B7; foont-size:12px; text-align:justify; font-weight:bold;} .petitmot { font-style:italic; color:#AF42B7; } .sexe01{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#e60e0e; font-style:bold; } .sexe02{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#1ACC2C; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#565A75; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#161821; padding:10px; marging-left:-30px; border:1px solid #565A75; } .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:#78c9ff; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px #78c9ff; } #iconsujet, .icoliens{ width:100px; border:solid 1px #565A75; } .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28; }
.sstit02{ font-family:'Orbitron'; color:#78c9ff; text-transform:capitalize; font-size:12px; text-align:left; } .corps02 { background-color:#090A0F; color:#9296AF; border-left: 5px solid #116875; border-right:5px solid #116875; border-top: 1px solid #116875; border-bottom: 1px solid #116875; padding: 5px; font-family:'Snippet'; text-align: justify; padding:3px; } i { color:#AF42B7; }
lu { line-height: 80%; width: 400px; letter-spacing: 1.9px; font-family: courier new; font-size: 9px; text-shadow: 1px 1px 0px #000000; color: #7b7b7b; text-transform: uppercase;}
vi { font-family: Megrim; font-size: 12px; color: #7E84AA; } /*=========================== QEEL =============================*/
.qeel { width: 750px; height: 400px; background: url('http://image.noelshack.com/fichiers/2015/05/1422633188-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 #565A75; 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: #090A0F; border: 1px solid #565A75; 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: #090A0F; 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: #090A0F; 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: #B39274; 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: #090A0F; border: 1px solid #565A75; } #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;} .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: #00080F; 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; /* Hauteur initiale */ width: 50px; /* Largeur initiale */ } 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 */ /* Transitions pour différents navigateurs */ /* navigateur: toutes_transitions durée type */ -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; /* Hauteur finale */ width: 100px; /* Largeur initiale */ z-index: 99; /* Place l'image au-dessus des autres */ /* Positionne le logo de pleine taille au centre - À adapter */ left: -50%; top: -50%; } .img_partenaires { opacity: 0.5; }
.img_partenaires:hover { opacity: 1; } |
|