Auteur Message
Traveler's Card
Messages : 680Date d'inscription : 15/08/2013 code CSS V8 - turquoise Sam 5 Avr - 1:00
Code: /*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/ .fondpost01{ width:400px; border-radius:100px; background-color:#033F34; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:370px; border-radius:15px; background-color:#038A8C; padding:10px; marging-left:-30px; border:1px solid #033F34; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px black; } .titrepost01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#9CCEC5; text-shadow: 2px 2px 2px #000408; } .text01{ font-family:'Snippet'; text-align: justify; padding:3px; } .biov7 { color:#F7E3C8; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; } .surligne {color:#000408; foont-size:12px; text-align:justify; font-weight:bold;} .petitmot { font-weight:italic; color:#000408; } .sexe01{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#C6034B; text-shadow: 2px 2px 2px #60032A; font-style:bold; } .sexe02{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#5ED343; text-shadow: 2px 2px 2px #024909; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#033F34; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#038A8C; padding:10px; marging-left:-30px; border:1px solid #033F34; } .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:#9CCEC5; text-shadow: 2px 2px 2px #000408; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px black; } .icoliens{ width:100px; border:solid 1px black; } .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px; } .titreliens01{ text-align:left; margin-top:30px; font-family:'Vibur'; font-size:18px; color:#9CCEC5; text-shadow: 2px 2px 2px #000408; }
Traveler's Card
Messages : 680Date d'inscription : 15/08/2013 Re: code CSS V8 - turquoise Lun 5 Mai - 20:16
Avril 2014 - bleugris + bleu foncé
Code: /*------------------------------------------------------ PV/SCENARIOS / avril 2014 -------------------------------------------------------*/ #imgpv { -webkit-box-shadow: 0px 0px 2px 0px #6EABA0; box-shadow: 0px 0px 2px 0px #6EABA0; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } #infopv { height:320px; background-color:#5F76AA; width:240px; letter-case:2px; font-size:14px; padding:20px; line-height:14px; border-top:2px solid #49587A; overflow:auto; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #4D6193; color: white; font-size:11px; padding:5px; margin-left:15px;} .cs { color:#051D33; font-weight:800; } /*------------------------------------------------------ BIOGRAPHIE / avril 2014 -------------------------------------------------------*/ #fondpv { width:500px; margin:auto; border-left: 4px solid #49587A ; border-right: 4px solid #49587A ; background-color:#5F76AA; color: #051D33 ; text-align:justify; } #pseudopv { font-size:45px; font-family: 'Seaweed Script', cursive; text-align:center; text-shadow: 0px 0px 2px #053134 ; filter: dropshadow(color=#000000, offx=0, offy=0); text-transform:capitelize; letter-case:2px; color: #051D33 ; } #sstitrepv { font-size:16px; font-family: 'Donegal One', serif; text-align:center; text-shadow: 0px 0px 2px #448BC9; filter: dropshadow(color=#448BC9, offx=0, offy=0); text-transform:uppercase; letter-case:2px; color: #4D7CA5 ; background-color:#141F38 ; } #phys{ height:40px; overflow:auto; width:472px; font-size:10px; padding:4px; background-color:#4D6193 ; } .cs { color:#051D33 ; font-weight:800; } #imgpr { -webkit-box-shadow: 0px 0px 2px 0px #000000; box-shadow: 0px 0px 2px 0px #000000; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; width:500px; margin:auto; } #infopr { height:360px; background-color:#4D6193 ; letter-case:2px; font-size:14px; width:480px; margin:auto; padding:4px; line-height:14px; border-top:2px solid #053134 ; } #caract { height:85px; overflow:auto; width:234px; font-size:10px; padding:4px; background-color:#4D6193 ; } #story { height:300px; overflow:auto; width:450px; font-size:10px; padding:4px; margin:auto; background-color:#4D6193 ; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #4D6193 ; color: #051D33 ; font-size:11px; padding:5px; margin-left:15px;} /*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/ .fondpost01{ width:400px; border-radius:100px; background-color:#141F38; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:370px; border-radius:15px; background-color:#4D6193; padding:10px; marging-left:-30px; border:1px solid #324975; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px black; } .titrepost01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#9BB4CC; text-shadow: 2px 2px 2px #051526; } .text01{ font-family:'Snippet'; text-align: justify; padding:3px; color:#051F33; } .biov7 { color:#C6C8FF; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; } .surligne {color:#000408; foont-size:12px; text-align:justify; font-weight:bold;} .petitmot { font-weight:italic; color:#000408; } .sexe01{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#C6034B; text-shadow: 2px 2px 2px #60032A; font-style:bold; } .sexe02{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#5ED343; text-shadow: 2px 2px 2px #024909; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#141F38; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#6376A3; padding:10px; marging-left:-30px; border:1px solid #324975; } .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:#C6C8FF; text-shadow: 2px 2px 2px #000408; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px black; } .icoliens{ width:100px; border:solid 1px black; } .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px;color:#051F33; } .titreliens01{ text-align:left; margin-top:30px; font-family:'Vibur'; font-size:18px; color:#C6C8FF; text-shadow: 2px 2px 2px #000408; }
Traveler's Card
Messages : 680Date d'inscription : 15/08/2013 Re: code CSS V8 - turquoise Mer 30 Juil - 20:26
Version 9 - beige
Code: /*-------------------------------------------------- MODIFICATIONS barre de navigation ---------------------------------------------------------*/ #navig { width: 900px; margin: auto; text-align: center; } #navigation { position: fixed; z-index: 999; width: 100%; background-color: #C2A290; border-bottom: 2px solid #955258; border-top: 2px solid #955258; margin-top: -10px; margin-left: -10px; padding: 5px; } /*-------------------------------------------------- FLECHES DE NAVIGATION ---------------------------------------------------------*/ .haut{ position:fixed; bottom:50px; left:1100px; } .bas{ position:fixed; bottom:10px; left:1100px; } /****** ANNONCE EN HAUT DU FORUM ********/ /***** pour modifier le fond des annonces defilantes ****/ #fa_ticker_container { background-color: #C2A290; border-top: 3px solid #7d3138; border-bottom: 3px solid #7d3138; box-shadow: 0px 0px 5px #7d3138; -moz-box-shadow: 0px 0px 5px #7d3138; -o-box-shadow: 0px 0px 5px #7d3138; -htm-box-shadow: 0px 0px 5px #7d3138; -webkit-box-shadow: 0px 0px 5px #7d3138; } .annoncetitre { color: #7d3138; font-size: 25px; text-shadow: 1px 1px 1px #081126; font-family: 'Vibur', cursive; text-align: center; margin-bottom: -15px; } .texteannonce { color: #8F4972; font-size: 15px; font-family: 'Snippet', sans-serif; } /*================================== * CATEGORIES * ====================================*/ .bodyline{ border-left: 5px solid #7d3138; border-right: 5px solid #7d3138; box-shadow: 0px 0px 5px #904972; -moz-box-shadow: 0px 0px 5px #904972; -o-box-shadow: 0px 0px 5px #904972; -htm-box-shadow: 0px 0px 5px #904972; -webkit-box-shadow: 0px 0px 5px #904972; } .cathead{ background: url('http://i55.servimg.com/u/f55/18/66/85/00/haut0210.png') top center no-repeat; width: 750px; height: 100px; margin: auto; /*Permet de centrer la partie du corps*/ margin-bottom: -5px; } .catbody{ background: url('http://i55.servimg.com/u/f55/18/66/85/00/milieu10.png') repeat-y; background-color: #3F517D; width: 750px; margin: auto; margin-top: 0px; margin-bottom: 0px; } .catfoot{ background: url('http://i55.servimg.com/u/f55/18/66/85/00/bas0210.png') bottom center no-repeat; width: 750px; height: 100px; margin: auto; margin-top: -5px; } .catetitre{ text-align: center; margin-left: -70px; padding-top: 15px; } .catetitre h2{ font-size: 40px; color: #8F4B72; text-shadow: 1px 1px 1px #904972; font-family: 'Pinyon Script', cursive; text-transform: Capitalize; } .catforum{ background-color: #; border: 2px solid #; width: 600px; height: 150px; margin: auto; margin-top: 5px; margin-bottom: 5px; } .boutcat img{ width: 100px; height: 100px; margin-right: 10px; } .colonneinfo { width: 120px; height: 55px; background-color: #EDCCAF; border: 1px solid #955258; font-family: 'Snippet'; font-size: 10px; font-style: normal; color: black; font-weight:bold; position: absolute; margin-left: 20px; padding: 15px; margin-top: -50px; text-align: center; z-index: 1; -webkit-transform: skew(-3deg); -moz-transform: skew(-3deg); -o-transform: skew(-3deg); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .nomcat{ font-size: 18px; text-align: left; padding-left: 200px; margin-bottom: -20px; font-family: 'Vibur', cursive; color: #4E3954; text-shadow: 1px 1px 2px #904972; border-bottom: 1px solid #; -moz-transition:all 0.5s; /* Mozilla Firefox */ -webkit-transition:all 0.5s; /* Safari et Google Chrome */ -o-transition:all 0.5s; /* Opera */ transition:all 0.5s; } .nomcat:hover{ color: #904972; letter-spacing: 2px; -moz-transition:all 0.5s; /* Mozilla Firefox */ -webkit-transition:all 0.5s; /* Safari et Google Chrome */ -o-transition:all 0.5s; /* Opera */ transition:all 0.5s; } .description{ width: 400px; height : 70px; margin-top: 10px; margin-bottom: -10px; background-color: #EDCCAF; border: 1px solid #955258; color: black; overflow: auto; font-size: 10px; font-family: 'Arial'; font-style: normal; text-align: justify; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .desccolonne{ width: 690px; height: 140px; background-color: #; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border-bottom: 4px solid #; margin : auto; margin-bottom: 10px; padding: 10px; } .sousfocat{ width: 300px; height: 30px; overflow: auto; text-align:center; margin: auto; margin-top: -5px; background-color: #EDCCAF; border: 1px solid #955258; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /*============================================================ * liste des sujets * ===============================================================*/ .bloc_sujets{ width: 700px; margin: auto; background: #C2A290; border: 1px solid #945158; box-shadow: 0px 0px 3px #904972; -o-box-shadow: 0px 0px 3px #904972; -moz-box-shadow: 0px 0px 3px #904972; -webkit-box-shadow: 0px 0px 3px #904972; -htm-box-shadow: 0px 0px 3px #904972; padding: 5px; } .sujets{ background: #D6B5A3; border: 1px dotted #945158; padding: 3px; } .topictitle{ font-variant: small-caps; font-size: 12px; } .sujets_auteur{ display: block; width: 200px; font-size: 11px; } .sujet_last{ display: block; width: 180px; height: 40px; background: #EDCDB0; border-left: 3px solid #945158; border-right: 3px solid #945158; padding-top: 10px; font-size: 11px; } .sujets_stats { width: 650px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu{ font-size: 10px; color: #4E3954; } /*============================================================ * CODES AUTRES * ===============================================================*/ /* pas de soulignement de liens */ a:link {text-decoration: none!important;} a:visited {text-decoration: none!important;} a:hover {text-decoration: none !important;} /*----------------------------------------------------- MODIFICATIONS CHATBOX ---------------------------------------------------*/ #chatbox_header .catBottom .cattitle { color: #4E3954; } #chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a { color: #E5E6E8; } #chatbox_members ul li, #chatbox_members ul li a { color: #E5E6E8; } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a { color: black; } body.chatbox { background-image: none; background-color: #E0C6B8; } #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"; } /*----------------------------------------------------- MODIFICATIONS posts ---------------------------------------------------*/ .bulle{ background-color : #E2BEAA; border-left : 2px solid #955258; border-right : 2px solid #955258; border-top : 5px solid #955258; border-bottom : 5px solid #955258; padding: 30px; text-align: justify; min-height : 100px; font-family: 'Snippet'; font-size:13px; } div.postbody img { max-width:500px;} /*----------------------------------------------------- MODIFICATIONS SPOILER ---------------------------------------------------*/ .spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden { background-color: #D8B4A0; text-align : justify; /* alignement standart d'un spoiler */ border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */ -moz-border-radius: none; /* bien entendu vous pouvez lui donner une courbure si vous le désirez */ border-radius: none;/* bien entendu vous pouvez lui donner une courbure si vous le désirez */ padding:10px; /* espacement entre le bord de votre cadre et votre texte */} .code{ background-color: #DDC8AF!important; text-align : justify; /* alignement standart d'un spoiler */ border: 2px solid #C2A290!important; /* c'est ceci qui fera disparaître votre cadre */ display:block; height:auto; max-height:420px; width:370px!important; position: center; text-align:justify; padding:5px; overflow:auto;} .quote{ background-color: #D8B4A0; text-align : justify; /* alignement standart d'un spoiler */ border-color: #C2A290; /* c'est ceci qui fera disparaître votre cadre */ display:block; height:auto; max-height:420px; width:420px!important; position: center; text-align:justify; padding:5px; overflow:auto; } /*================================== Sélectionner le contenu ====================================*/ .selectCode { float:right; text-transform: uppercase; cursor:pointer; } ::selection{ background: #C2A290; color: #FFFBED; } ::-moz-selection{ background: #C2A290; color: #FFFBED; } ::-webkit-selection{ background: #C2A290; color: #FFFBED; } ::-htm-selection{ background: #C2A290; color: #FFFBED; } ::-o-selection{ background: #C2A290; color: #FFFBED; } /*----------------------------------------------------- MODIFICATIONS GENERALES ---------------------------------------------------*/ /*CSS de la petite phrase à la fin du fofo */ .mes-credits{ font-weight:normal; font-variant:small-caps; color: #904972; font-size:11px; text-align:center; font-family:arial, helvetica, sans-serif; } /*fond de la feuille de personnage */ textarea, input, select { background-color: #C2A290; } /*----------------------------------------------------- MODIFICATIONS ZONE DE TEXTE ---------------------------------------------------*/ /*--- Bloc réponse rapide ---*/ .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #C2A290 !important;} .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #C2A290 !important;} /*--- Partie supérieur contenant les outils ---*/ div.sceditor-toolbar { background-color: #C2A290 !important; width: 540px !important; } /*--- Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea { background-color: #C2A290 !important; text-align:justify; margin:0 !important; line-height: 16px; width: 540px !important; color: #4E3954 !important; font-size:11px !important; } /*--- Groupe de boutons ---*/ div.sceditor-group {background-color: #C2A290 !important; } /*--- Boutons ---*/ a.sceditor-button { } /*--- Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #EDCDB0 !important;} /*--- Smileys ---*/ .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;} img.smiley {width: auto !important; height : auto !important;} /*================================ PROFIL ===============================*/ .postdetails.poster-profile a img /*encadrer avatar*/ { border-left: 2px solid #955258; border-right: 2px solid #955258; border-top: 7px solid #955258; border-bottom: 7px solid #955258; } .postdetails.poster-profile img { max-width:200px; border : 1px solid #955258 ; } .nomperso { Font-family: "metal mania"; font-size: 25px; padding: 5px; } .rangperso { font-family: 'Vibur',Abduction, verdana; font-size: 15px; text-align: center; padding: 5px; color: #9D7966; text-transform: uppercase; } /* les onglet */ .systab .tab { padding: 2px 10px; margin-right: 5px; color: #4E3954; background: #C2A290; border: 1px solid #955258; cursor: pointer; } /* les onglets survolés */ .systab .tab:hover { background: #4E3954; color: #C2A290; border-color: #955258; } /* les onglets sélectionnés */ .systab .tab.selected{ color: #C2A290; background: #4E3954; } /* contenus associés aux onglets */ .systab .contents { margin-top: 1px; margin-bottom: 1px; color: #053134; background: #C2A290; border: 1px solid #955258; padding: 10px; } /* style des onglets */ .systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; } /* flottement des conteneurs */ .systab.s_float .tabs,.systab.s_float .contents { float: left; } /*------------------------------------------------------------ PA -------------------------------------------------------*/ /**********essai carte **************************/ .blasonfd { position: relative; margin: 10px auto; width: 100px; height: 110px; z-index: 1; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; display: inline-block; } .blasonfd input{display:none} .blasonfd .blas_icon { width:100%; height:100%; -webkit-transform-style: preserve-3d; -webkit-transition: all 1.0s linear; -moz-transform-style: preserve-3d; -moz-transition: all 1.0s linear; -o-transform-style: preserve-3d; -o-transition: all 1.0s linear; transform-style: preserve-3d; transition: all 1.0s linear; display:block; } .blasonfd input:checked + .blas_icon{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .blasonfd .blf { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .blasonfd .blf.blb { display: block; -webkit-transform: rotateY(180deg); -webkit-box-sizing: border-box; -moz-transform: rotateY(180deg); -moz-box-sizing: border-box; -o-transform: rotateY(180deg); -o-box-sizing: border-box; transform: rotateY(180deg); box-sizing: border-box; text-align: center; } .toppart { width : 350px; position:absolute; } /*=========================== QEEL =============================*/ .qeel { width: 695px; height: 300px; background: url(http://i1279.photobucket.com/albums/y535/InstitutChevalier/qeelic_zpsf6d9c616.png); } .qeel_table { width: 690px; margin: auto; } .colonne { position: absolute; z-index: 1; width: 225px; height: 300px; overflow: auto; margin-top: 0px; margin-left: 0px; border: 1px solid #7D3138; box-shadow: 0px 0px 0px #7D3138; -moz-box-shadow: 0px 0px 0px #7D3138; -o-box-shadow: 0px 0px 0px #7D3138; -htm-box-shadow: 0px 0px 0px #7D3138; -webkit-box-shadow: 0px 0px 0px #7D3138; font-size: 11px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .colonne:hover { position: absolute; z-index: 99; width: 300px; height: 400px; margin-top: -50px; margin-left: -50px; background: #DDC8AF; border: 1px solid #7D3138; box-shadow: 0px 0px 5px #7D3138; -moz-box-shadow: 0px 0px 5px #7D3138; -o-box-shadow: 0px 0px 5px #7D3138; -htm-box-shadow: 0px 0px 5px #7D3138; -webkit-box-shadow: 0px 0px 5px #7D3138; font-size: 12px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .qeel_contenu { display: block; text-align: justify; padding: 10px; } /*------------------------------------------------------ AUTREs CODES -------------------------------------------------------*/ /*------------------------------------------------------ CSS pour la liste de la PA -------------------------------------------------------*/ /* LISTE */ ul#conteneur { position: fixed; margin: 0; padding: 0; top: 50px; 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: #141F38; 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: #555555; border: 1px solid #000; font: 10px Arial; font-style: italic; } /* LIEN DU BAS */ .lien_bas a { text-decoration: none; color: #fff !important; outline: none; } /* LIEN DU BAS AU SURVOL */ .lien_bas a:hover { color: #76c0ff !important; } /*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 / avril 2014 -------------------------------------------------------*/ #imgpv { -webkit-box-shadow: 0px 0px 2px 0px #6B1C22; box-shadow: 0px 0px 2px 0px #6B1C22; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } #infopv { height:320px; background-color:#C2A290; width:240px; letter-case:2px; font-size:14px; padding:20px; line-height:14px; border-top:2px solid #6B1C22; overflow:auto; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #E2BEAA; font-size:11px; padding:5px; margin-left:15px;} .cs { color:#420207; font-weight:800; } /*------------------------------------------------------ BIOGRAPHIE / avril 2014 -------------------------------------------------------*/ #fondpv { width:500px; margin:auto; border-left: 4px solid #6B1C22 ; border-right: 4px solid #6B1C22 ; background-color:#E2BEAA; color: #945157 ; text-align:justify; } #pseudopv { font-size:45px; font-family: 'Seaweed Script', cursive; text-align:center; text-shadow: 0px 0px 2px #7D3138 ; filter: dropshadow(color=#000000, offx=0, offy=0); text-transform:capitelize; letter-case:2px; color: #6B1C22 ; } #sstitrepv { font-size:16px; font-family: 'Donegal One', serif; text-align:center; text-shadow: 0px 0px 2px #7D3138; filter: dropshadow(color=#7D3138, offx=0, offy=0); text-transform:uppercase; letter-case:2px; color: #6B1C22 ; background-color:#E2BEAA ; } #phys{ height:40px; overflow:auto; width:472px; font-size:12px; padding:4px; background-color:#C2A290 ; } #imgpr { -webkit-box-shadow: 0px 0px 2px 0px #000000; box-shadow: 0px 0px 2px 0px #000000; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; width:500px; margin:auto; } #infopr { height:360px; background-color:#C2A290 ; letter-case:2px; font-size:14px; width:480px; margin:auto; padding:4px; line-height:14px; border-top:2px solid #6B1C22 ; } #caract { height:85px; overflow:auto; width:234px; font-size:12px; padding:4px; background-color:#C2A290 ; } #story { height:300px; overflow:auto; width:450px; font-size:12px; padding:4px; margin:auto; background-color:#C2A290 ; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #C2A290 ; color: #7D3138 ; font-size:11px; padding:5px; margin-left:15px;} #iconsujet { width:100px; } /*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/ .fondpost01{ width:450px; border-radius:100px; background-color:#49070C; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:420px; border-radius:15px; background-color:#C2A290; padding:10px; marging-left:-30px; border:1px solid #6B1C22; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px black; } .titrepost01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#630A2F; text-shadow: 2px 2px 2px #5B2C58; } .text01{ font-family:'Snippet'; text-align: justify; padding:3px; color:#7D3138; } .biov7 { color:#7D3138; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; } .surligne {color:#42050A; foont-size:12px; text-align:justify; font-weight:bold;} .petitmot { font-weight:italic; color:#42050A; } .sexe01{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#e60e0e; text-shadow: 2px 2px 2px #60032A; font-style:bold; } .sexe02{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#0c7307; text-shadow: 2px 2px 2px #024909; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#49070C; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#C2A290; padding:10px; marging-left:-30px; border:1px solid #6B1C22; } .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:#6B1C22; text-shadow: 2px 2px 2px #000408; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px black; } .icoliens{ width:100px; border:solid 1px black; } .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px;color:#051F33; } .sstit02{ font-family:'Orbitron'; color:#33043F; text-transform:capitalize; font-size:12px; text-align:left; } .corps02 { box-shadow: 0px 0px 5px #414756; background-color:#DDC8AF; color:#A3005F; border-left: 5px solid #7D3138; border-right:5px solid #7D3138; border-top: 1px solid #7D3138; border-bottom: 1px solid #7D3138; padding: 5px; font-family:'Snippet'; text-align: justify; padding:3px; } /* 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: #1e466c; 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: #DDC8AF; border: 1px solid #6B1C22; } #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; }
Traveler's Card
Messages : 680Date d'inscription : 15/08/2013 Re: code CSS V8 - turquoise Mer 29 Oct - 22:01
Version 10 : noir et rouge
Code: /*-------------------------------------------------- MODIFICATIONS header ---------------------------------------------------------*/ .ban1 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405085672-institutchevalier1anrubylysandre.png'); } .ban2 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405098173-institutchevalier1anjaredaly.png'); } .ban3 { background-image: url('http://image.noelshack.com/fichiers/2014/28/1405098179-institutchevalier1anlucyseban.png'); } body{ background-image: url(http://image.noelshack.com/fichiers/2014/28/1405098179-institutchevalier1anlucyseban.png); background-color: #020000; background-position:top; background-repeat:no-repeat; } /*-------------------------------------------------- FLECHES DE NAVIGATION ---------------------------------------------------------*/ .haut{ position:fixed; bottom:50px; right:50px; } .bas{ position:fixed; bottom:10px; right:50; } /****** ANNONCE EN HAUT DU FORUM ********/ /***** pour modifier le fond des annonces defilantes ****/ #fa_ticker_container { background-color: #080000; border-top: 3px solid #300101; border-bottom: 3px solid #300101; box-shadow: 0px 0px 5px #080000; -moz-box-shadow: 0px 0px 5px #080000; -o-box-shadow: 0px 0px 5px #080000; -htm-box-shadow: 0px 0px 5px #080000; -webkit-box-shadow: 0px 0px 5px #080000; } .annoncetitre { color: #631A20; font-size: 25px; text-shadow: 1px 1px 1px #210606; font-family: 'Vibur', cursive; text-align: center; margin-bottom: -15px; } .texteannonce { color: #8E4A4A; font-size: 15px; font-family: 'Snippet', sans-serif; } /*================================== * CATEGORIES * ====================================*/ .bodyline { border-left: 10px solid #300101; border-right: 10px solid #300101; box-shadow: 0px 0px 5px #620101; -moz-box-shadow: 0px 0px 5px #620101; -o-box-shadow: 0px 0px 5px #620101; -htm-box-shadow: 0px 0px 5px #620101; -webkit-box-shadow: 0px 0px 5px #620101; border-top: none; border-bottom: none; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; } .cathead{ background: url('http://image.noelshack.com/fichiers/2014/26/1403977948-hautcate02.png') top center no-repeat; width: 750px; height: 100px; margin: auto; /*Permet de centrer la partie du corps*/ margin-bottom: -5px; } .catbody{ background-image:radial-gradient(#020000, #080000); width: 750px; margin: auto; margin-top: 0px; margin-bottom: 0px; } .catfoot{ background: url('http://image.noelshack.com/fichiers/2014/26/1403978532-bascate02.png') bottom center no-repeat; width: 750px; height: 50px; margin: auto; margin-top: -5px; } .catetitre{ text-align: center; margin-left: -10px; padding-top: 70px; } .catetitre h2{ font-size: 30px; color: #423B39; font-family: 'Megrim'; text-shadow: 0px 0px 5px #380000; } .boutcat img{ width: 70px; height: 70px; margin-right: 10px; margin-top: 20px; } .colonneinfo { width: 120px; height: 55px; border: 1px solid #5E0404; font-family: 'Metrophobic'; font-size: 10px; font-style: normal; color: #5C5C5C; font-weight:bold; position: absolute; margin-left: 20px; padding: 15px; margin-top: -50px; text-align: center; z-index: 1; } .nomcat{ font-size: 18px; text-align: left; padding-left: 30px; margin-bottom: -20px; font-family: 'UnifrakturMaguntia', cursive; color: #510009; margin-left: 50px; text-shadow: 0px 0px 5px #3F0007; } .nomcat:hover{ transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; color:#5E1B1B; } .description{ width: 400px; height : 90px; margin-top: 10px; margin-bottom: -10px; border: 1px solid #5E0404; color: #5C5C5C; overflow: auto; font-size: 10px; font-family: 'Arial'; font-style: normal; text-align: justify; } .sousforums { margin-bottom:10px; } .desccolonne{ width: 690px; height: 140px; background-color: #; margin : auto; margin-bottom: 10px; padding: 10px; } .sousfocat{ width: 380px; height: 30px; overflow: auto; margin: auto; margin-top: -5px; } /*============================================================ * liste des sujets * ===============================================================*/ .bloc_sujets{ width: 700px; margin: auto; background: #020000; border: 1px solid #160001; box-shadow: 0px 0px 3px #300101; -o-box-shadow: 0px 0px 3px #300101; -moz-box-shadow: 0px 0px 3px #300101; -webkit-box-shadow: 0px 0px 3px #300101; -htm-box-shadow: 0px 0px 3px #300101; padding: 5px; } .sujets{ background: #080000; border: 1px dotted #160001; padding: 3px; } .topictitle{ font-variant: small-caps; font-size: 12px; } .sujets_auteur{ display: block; width: 200px; font-size: 11px; } .sujet_last{ display: block; width: 180px; height: 40px; background: #160001; border-left: 3px solid #280002; border-right: 3px solid #280002; padding-top: 10px; font-size: 11px; } a:sujet_last { text-decoration: none!important; } .sujets_stats { width: 650px; text-align: right; margin-bottom: 5px; } .sujets_stats_contenu{ font-size: 10px; color: #c0c0c0; } /*============================================================ * CODES AUTRES * ===============================================================*/ /* 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;} /*----------------------------------------------------- MODIFICATIONS CHATBOX ---------------------------------------------------*/ #chatbox_header .catBottom .cattitle { color: #660306; } #chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a { color: #E5E6E8; } #chatbox_members ul li, #chatbox_members ul li a { color: #660306; } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a { color: #BCBCBC; } body.chatbox { background-image: none; background-color: #020000; } #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"; } /*----------------------------------------------------- MODIFICATIONS posts ---------------------------------------------------*/ .wrapmsg{ background-color : #080000; border-left : 2px solid #160001; border-right : 2px solid #160001; border-top : 5px solid #160001; border-bottom : 5px solid #160001; padding: 30px; text-align: justify; min-height : 100px; } /*----------------------------------------------------- MODIFICATIONS SPOILER ---------------------------------------------------*/ .spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden { background-color: #020000; text-align : justify; /* alignement standart d'un spoiler */ border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */ -moz-border-radius: none; /* bien entendu vous pouvez lui donner une courbure si vous le désirez */ border-radius: none;/* bien entendu vous pouvez lui donner une courbure si vous le désirez */ padding:10px; /* espacement entre le bord de votre cadre et votre texte */} .code{ background-color: #020000; text-align : justify; /* alignement standart d'un spoiler */ border-color: #AA8A55; /* c'est ceci qui fera disparaître votre cadre */ display:block; height:auto; max-height:420px; width:350px!important; position: center; text-align:justify; padding:5px; overflow:auto;} .quote{ background-color: #020000; text-align : justify; /* alignement standart d'un spoiler */ border-color: #9E7B43; /* c'est ceci qui fera disparaître votre cadre */ display:block; height:auto; max-height:420px; width:350px!important; position: center; text-align:justify; padding:5px; overflow:auto; } /*================================== Sélectionner le contenu ====================================*/ .selectCode { float:right; text-transform: uppercase; cursor:pointer; } ::selection{ background: #C4AC85; color: #5B3901; } ::-moz-selection{ background: #C4AC85; color: #5B3901; } ::-webkit-selection{ background: #C4AC85; color: #5B3901; } ::-htm-selection{ background: #C4AC85; color: #5B3901; } ::-o-selection{ background: #C4AC85; color: #5B3901; } /*----------------------------------------------------- MODIFICATIONS GENERALES ---------------------------------------------------*/ /*CSS de la petite phrase à la fin du fofo */ .mes-credits{ font-weight:normal; color: #c0c0c0; font-size:11px; text-align:justify; font-family:arial, helvetica, sans-serif; } /*fond de la feuille de personnage */ textarea, input, select { background-color: #080000; } /*----------------------------------------------------- MODIFICATIONS ZONE DE TEXTE ---------------------------------------------------*/ /*--- Bloc réponse rapide ---*/ .sceditor-container.ltr.sourceMode {width:550px !important; background-color: #080000 !important;} .sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #080000 !important;} /*--- Partie supérieur contenant les outils ---*/ div.sceditor-toolbar { background-color: #080000 !important; width: 540px !important; } /*--- Partie texte area : fond ---*/ .sceditor-container iframe, .sceditor-container textarea { background-color: #080000 !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: #080000 !important; } /*--- Boutons ---*/ a.sceditor-button { } /*--- Boutons sélectionnés ---*/ a.sceditor-button.hover {background-color: #080000 !important;} /*--- Smileys ---*/ .sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;} img.smiley {width: auto !important; height : auto !important;} /*================================ PROFIL ===============================*/ .postdetails.poster-profile a img /*encadrer avatar*/ { border-left: 2px solid #5B0000; border-right: 2px solid #5B0000; border-top: 7px solid #5B0000; border-bottom: 7px solid #5B0000; } .postdetails.poster-profile img { max-width:200px; border : 1px solid #5B0000 ; } .rangperso { font-family: 'Vibur',Abduction, verdana; font-size: 15px; padding: 10px; color: #9D7966; } .avatar_profil { max-height: 320px !important; } .fond_profil { width: 210px; height: auto; background-color: #300101; padding: 5px; } .fond_pseudo_profil { background-image: url('http://image.noelshack.com/fichiers/2014/30/1406136901-profilic01-copie.png'); width: 210px; height: 80px; position: relative; top: -7.2em; } /* les onglet */ .systab .tab { position: relative; top: -6em; padding: 2px 10px; color: #c0c0c0; background: #080000; border: 1px solid #020000; } /* les onglets sélectionnés */ .systab .tab.selected { color: #ED0014; background: #020000; } /* contenus associés aux onglets */ .systab .contents { position: relative; top: -6em; color: #E1E1E1; background: #080000; border: 1px solid #020000; padding: 3px; height: 540px; width: 200px; overflow: auto; } /* style des onglets */ .systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; } /* flottement des conteneurs */ .systab.s_float .tabs,.systab.s_float .contents { float: center; } /* --------------------------------- FIN PROFIL --------------------------------- */ /*=========================== QEEL =============================*/ .qeel { width: 695px; height: 300px; background: url(http://image.noelshack.com/fichiers/2014/26/1404002284-queel.png); } .qeel_table { width: 690px; margin: auto; } .colonne { position: absolute; z-index: 1; width: 225px; height: 300px; overflow: auto; margin-top: 0px; margin-left: 0px; border: 1px solid #2F0000; box-shadow: 0px 0px 0px #2F0000; -moz-box-shadow: 0px 0px 0px #2F0000; -o-box-shadow: 0px 0px 0px #2F0000; -htm-box-shadow: 0px 0px 0px #2F0000; -webkit-box-shadow: 0px 0px 0px #2F0000; font-size: 11px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .colonne:hover { position: absolute; z-index: 99; width: 300px; height: 400px; margin-top: -50px; margin-left: -50px; background: #080000; border: 1px solid #2F0000; box-shadow: 0px 0px 5px #2F0000; -moz-box-shadow: 0px 0px 5px #2F0000; -o-box-shadow: 0px 0px 5px #2F0000; -htm-box-shadow: 0px 0px 5px #2F0000; -webkit-box-shadow: 0px 0px 5px #2F0000; font-size: 12px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); transition: 1s; -moz-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .qeel_contenu { display: block; text-align: justify; padding: 10px; } /*------------------------------------------------------ AUTREs CODES -------------------------------------------------------*/ /*------------------------------------------------------ CSS pour la liste de la PA -------------------------------------------------------*/ /* LISTE */ ul#conteneur { position: fixed; margin: 0; padding: 0; top: 50px; 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: #080000; 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: #080000; border: 1px solid #000; font: 10px Arial; font-style: italic; } /* LIEN DU BAS */ .lien_bas a { text-decoration: none; color: #fff !important; outline: none; } /* LIEN DU BAS AU SURVOL */ .lien_bas a:hover { color: #76c0ff !important; } /*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 / avril 2014 -------------------------------------------------------*/ #imgpv { -webkit-box-shadow: 0px 0px 2px 0px #6B1C22; box-shadow: 0px 0px 2px 0px #6B1C22; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } #infopv { height:320px; background-color:#080000; width:240px; letter-case:2px; font-size:14px; padding:20px; line-height:14px; border-top:2px solid #6B1C22; overflow:auto; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #080000; font-size:11px; padding:5px; margin-left:15px;} .cs { color:#420207; font-weight:800; } /*------------------------------------------------------ BIOGRAPHIE / avril 2014 -------------------------------------------------------*/ #fondpv { width:500px; margin:auto; border-left: 4px solid #5B0000 ; border-right: 4px solid #5B0000 ; background-color:#080000; color: #945157 ; text-align:justify; } #iconsujet { width:100px; } #pseudopv { font-size:45px; font-family: 'Seaweed Script', cursive; text-align:center; text-shadow: 0px 0px 2px #7D3138 ; filter: dropshadow(color=#000000, offx=0, offy=0); text-transform:capitelize; letter-case:2px; color: #6B1C22 ; } #sstitrepv { font-size:16px; font-family: 'Donegal One', serif; text-align:center; text-shadow: 0px 0px 2px #7D3138; filter: dropshadow(color=#7D3138, offx=0, offy=0); text-transform:uppercase; letter-case:2px; color: #6B1C22 ; background-color:#160001 ; } #phys{ height:40px; overflow:auto; width:472px; font-size:10px; padding:4px; background-color:#080000 ; } #imgpr { -webkit-box-shadow: 0px 0px 2px 0px #000000; box-shadow: 0px 0px 2px 0px #000000; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; width:500px; margin:auto; } #infopr { height:360px; background-color:#080000 ; letter-case:2px; font-size:14px; width:480px; margin:auto; padding:4px; line-height:14px; border-top:2px solid #6B1C22 ; } #caract { height:85px; overflow:auto; width:234px; font-size:10px; padding:4px; background-color:#080000 ; } #story { height:300px; overflow:auto; width:450px; font-size:10px; padding:4px; margin:auto; background-color:#080000 ; } #txt { width: 350px; height: 95px; overflow-x: auto; overflow-y: auto; text-align: justify; background-color: #080000 ; color: #7D3138 ; font-size:11px; padding:5px; margin-left:15px;} /*------------------------------------------------------ Posts administratifs -------------------------------------------------------*/ .fondpost01{ width:450px; border-radius:100px; background-color:#5B0000; padding-top:15px; padding-bottom:15px; } .fondpost02{ width:420px; border-radius:15px; background-color:#080000; padding:10px; marging-left:-30px; border:1px solid #6B1C22; } .imgpost01{ width:300px; border-radius:10px; border:solid 1px #7C1736; } .titrepost01{ margin-top:-20px; font-family:'Vibur'; font-size:25px; color:#7F000A; text-shadow: 2px 2px 2px #5B2C58; } .text01{ font-family:'Snippet'; text-align: justify; padding:3px; color:#c0c0c0; } .biov7 { color:#7D3138; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; } .surligne {color:#A00055; foont-size:12px; text-align:justify; font-weight:bold;} .petitmot { font-style:italic; color:#D356A1; } .sexe01{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#e60e0e; text-shadow: 2px 2px 2px #60032A; font-style:bold; } .sexe02{ margin-top:-20px; font-family:'Vibur'; font-size:15px; color:#0c7307; text-shadow: 2px 2px 2px #024909; font-style:bold; } .fondliens01{ width:500px; border-radius:100px; background-color:#5B0000; padding-top:15px; padding-bottom:15px; } .fondliens02{ width:470px; border-radius:15px; background-color:#080000; padding:10px; marging-left:-30px; border:1px solid #6B1C22; } .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:#7F000A; text-shadow: 2px 2px 2px #000408; } .imgliens03{ width:400px; border-radius:10px; border:solid 1px black; } .icoliens{ width:100px; border:solid 1px #999A9B; } .texlien{ height:100px;overflow:auto; text-align:justify; padding: 10px;color:#999A9B; } .sstit02{ font-family:'Orbitron'; color:#c0c0c0; text-transform:capitalize; font-size:12px; text-align:left; } .corps02 { box-shadow: 0px 0px 5px #490000; background-color:#020000; color:#c0c0c0; border-left: 5px solid #63002B; border-right:5px solid #63002B; border-top: 1px solid #63002B; border-bottom: 1px solid #63002B; padding: 5px; font-family:'Snippet'; text-align: justify; padding:3px; } /* 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: #5B0012; 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: #080000; border: 1px solid #160001; } #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; } /*********************************** PA ***********************************/ /*** PARTENAIRES ET TOPS ***/ .img_partenaires { opacity: 0.5; } .img_partenaires:hover { opacity: 1; } /*** IMAGES DES membres du mois ***/ .imgwidget { height: 100px; -moz-transition-duration: 1s; -moz-transition-timing-function: linear; -webkit-transition-duration: 1s; -webkit-transition-timing-function: linear; transition-duration: 1s; transition-timing-function: linear; } .imgwidget:hover { height: 100px; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .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; left: -2em; width: 140px; height: 50px; overflow: auto; background-color: #0F0000; color: #F3F3F3; text-align: center; font-weight: none; } /*** EFFET DU CONTEXTE ***/ .contexte { width: 400px; height: 200px; overflow: hidden; background-color: #0F0000; border-radius: 25px; position: relative; top: -2.2em; } .contexte_img { position: relative; z-index: 2; width: 400px; height: 200px; margin-left: 0px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; -transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .contexte:hover .contexte_img { margin-top: -200px; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; } .contexte_description { position: relative; z-index: 1; width: 350px; height: 140px; color: #F3F3F3; padding: 25px; text-align: justify !important; font-size: 11px; overflow: auto; } .contexte_description a { text-decoration: none !important; } /*** SYSTEME D'ONGLETS ***/ .paonglet { display: inline-block; margin-left: 20px; margin-right: 20px; padding: 10px; cursor: pointer; background-color: #0F0000; color: #FCE7AE; } .paonglet_0 { border-radius: 25px; } .paonglet_1 { border-radius: 25px; color: #70A0BA; } .contenu_paonglet { padding: 25px; display: none; width: 700px; height: 450px; border-radius: 25px; background-color: #070000; } .contenu_paonglet a{ text-decoration: none !important; } /*** BLOC DE TEXTE DE LA PA ***/ .bloc_pa { background-color: #0F0000; border-radius: 25px; color: #949494; padding: 25px; text-align: justify !important; position: relative; top: -2.2em; } .bloc_pa a { text-decoration: none !important; color: #3C4C4F !important; } /*** TITRES DES BLOCS ***/ .titre_pa { font-family: 'Pacifico', 'cursive'; font-size: 30px; position: relative; top: -0.3em; color: #3C4C4F; z-index: 1; } /* images pour le staff */ .imgPA{ box-shadow: 3px 3px 3px #5E120A; border:3px solid #300101; padding: 5px; width:100px; } /*Ce qui encadre l'infobulle*/ .Infobulle { position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ width: 120px; height: 120px; } /*Contenu de l'infobulle quand on n'est pas sur l'image*/ .Infobulle .Infobulle_contenu { position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ top : 0px; /*Position par rapport au haut*/ left : 0px; /*Position par rapport à gauche*/ width : 105px; height:105px; font-size: 12px; font-family: "Snippet"; background-color: #300101; padding: 5px; color: #c0c0c0; text-align: justify; border: 1px #300101 solid; display : none; /*Cache l'infobulle*/ } /*Contenu de l'infobulle quand on passe sur l'image*/ .Infobulle:hover .Infobulle_contenu { display : block; /*Fait apparaître l'infobulle*/ } /*********************************** FIN PA ***********************************/
Re: code CSS V8 - turquoise
Permission de ce forum: Vous ne pouvez pas répondre aux sujets dans ce forum