Administrateur ϟ Wise and Intelligence ϟ Messages : 76
| Sujet: LA FEUILLE DE STYLE Mar 22 Sep 2015 - 21:37 | |
| - Code:
-
/* ------------------------------- METEO ET SABLIERS ------------------------------ */
.meteo { width: 300px; height:auto; text-align:justify; font-family:arial; font-size:11px; line-height:15px; padding:10px 0px 10px 0px; }
.sabliers { width: 400px; height:auto; text-align:justify; font-family:arial; font-size:11px; line-height:15px; padding:10px 0px 10px 0px; }
.blason { width:75px; }
/* ------------------------------- COLONNE GAUCHE PA ------------------------------ */
/* GRANDE COLONNE FOND */ .colonnepa { float:left; background-color:#F2F2F2; height:auto; width: 260px; padding: 10px; margin-left:20px; margin-right:-60px; }
/* BLOC CONTEXTE */ .titlebarre { background-color: #194F6A; width: 260px; color: #FFF; text-align: center; font-weight:700; font-family: "Roboto Condensed",sans-serif; font-size: 12px; text-transform: uppercase; text-shadow: 1px 1px 1px #0A384F; margin-top:10px; }
.contexte { font-size: 11px; font-family:arial; line-height: 12px; background-color: #FFF; text-align: justify; padding: 8px; color:#505050; }
/* image contexte */ .icone { border-radius:180px; border:2px solid white; box-shadow:0px 0px 2px #0B384E; width:60px; height:60px; float:left; margin-right:6px; transition: 2s }
.icone:hover { transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); }
/* BLOC DIRECTION */
.icondir { height:42px; width:42px; border:1px solid gray; padding:2px; opacity:0.8; transition-duration: 0.5s; }
.icondir:hover { opacity:1; transition-duration:0.5s }
.txtdir { font-family:"pathway gothic one",sans-serif; font-size:11px; text-align:center; color:#505050; height:70px; width:65px; }
.nomdir { font-style:bold; text-transform:uppercase }
/* BLOC PREDEFINIS */
.pluspredef { font-family:"oswald"; font-size:10px; color:#1A506B; text-align:center; text-transform:lowercase; margin-top:-10px; text-decoration:none; text-align:center; }
.imgpredef { border:1px solid #1A506B; width:50px; height:50px; margin:2px; opacity:0.8; transition-duration:0.5s; }
.imgpredef:hover { opacity:1; transition-duration:0.5s; }
/* BLOC PARTENAIRES ET ROOT TOP */
.imgpart { width:75px; margin:1px; }
/* BLOC EPIKIEN DU MOIS */
.imgmois { width:150px; border:2px solid whitesmoke; box-shadow:0px 0px 2px #434343; margin:2px; }
.txtmois { font-family:arial; font-size:11px; color:#505050; line-height:12px; text-align:justify; padding:5px 10px 0px 10px; }
/* -------------------- QEEL V.2 ------------------ */
/* LES STATISTIQUES */ .bloc_stats { width:260px; height:294px; padding:5px 10px 5px 10px; font-family:arial; font-size:11px; text-align:justify; background-color:#fff; }
.barrebleueqeel { background-color: #1A506B; color: #FFF !important; text-align: center; width:280px; !important; font-weight:700; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: -1px; text-shadow: 1px 1px 0px #0A364C; text-transform: uppercase; }
/* LES GROUPES */ .bloc_groupes { width:245px; padding:5px 10px 5px 10px; font-family:arial; font-size:11px; text-align:justify; background-color:#fff; }
.barregroupe { background-color:whitesmoke; display:block; width:242px; color:#1A506B; font-family: Oswald,sans-serif; font-size: 13px; letter-spacing: 0px; line-height: 13px; margin: 2px; padding: 4px; text-align: center; text-transform: uppercase; margin-left:-2px }
/* LES CONNECTES 24H */ .bloc_connectes { width:260px; height:311px; padding:5px 10px 5px 10px; font-family:arial; font-size:11px; text-align:justify; background-color:#fff; }
.gensmall { font-size:11px }
.DeBug td.row1 { background : none; }
.barrebleueqeel2 { background-color: #1A506B; color: #FFF !important; text-align: center; width:280px; !important; font-weight:700; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: -1px; text-shadow: 1px 1px 0px #0A364C; text-transform: uppercase; margin-left:-10px; margin-top:-5px; }
/* MISE EN FORME TITRE PRINCIPAL */ .titre_principal { color: #2D5A57; font-family: "Pathway Gothic One",sans-serif; font-size: 28; letter-spacing: 5px; text-align: center; text-transform:uppercase; }
/* MISE EN FORME SOUS-TITRE "Et à la recherche des reliques de la mort" */ .titre_secondaire { color: #C7BBC1; font-family: "Pathway Gothic One",sans-serif; font-size: 14px; text-align: center; }
/* ----------------- FIN QEEL V.2 ------------------ */
/* STYLE DES CADRES DU FORUM */ .forumline { border-collapse: collapse; }
/* pour les cadres du forum - à revoir */ border:4px solid white; box-shadow:0px 0px 1px #5e5e5e; margin:10px 0px 10px 0px; /* --- */
/* ENLEVER BORDURES DU SITE */
.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;
}
/* BARRE NAVIGATION */
a.mainmenu { font-family: "Pathway Gothic One",sans-serif; text-transform:uppercase; font-size:15px; color:#1A506B; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; margin-bottom:5px; }
a.mainmenu:hover { font-family: "Pathway Gothic One",sans-serif; text-transform:uppercase; font-size:15px; color:#f6198c; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; margin-bottom:5px; }
/* -------------------------------------- LES CATEGORIES ------------------------------------- */
/* SOUS-FORUMS */
.slide { width:200px; height:100px; background-color:white; text-align:justify; font-size:11px; color:#202020; font-family:arial; line-height:16px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; opacity:0; overflow: auto; }
.slide:hover { opacity:1; }
.imgslide { background-repeat:no-repeat; background-position:center; }
/* DESCRIPTION DES CATEGORIES */
.genmed2 { width:420px; height:100px; background-color:white; padding-top:2px; overflow:auto; text-align:justify; border-radius:0px; font-family:arial; font-size:11px; color:#505050; margin-left:10px; }
/* IMAGES DERNIERS MESSAGES ETC */
.gensmall1 { background-color:white; width:auto; height:100px; }
/* DERNIER MESSAGE POSTE */
.gensmall2 { width:150px; text-align:center; text-transform:lowercase; font-family:arial; font-size:11px; color:#505050; background-color:white; }
/* X MESSAGES POUR X SUJETS */
.gensmall3 { font-family: "Pathway Gothic One",sans-serif; font-size: 15px; margin-bottom: 3px; text-transform:uppercase; width:150px; background-color:white; }
/* AVATAR DERNIER POST */
.lastpost-avatar img { width:57px; height:100px; border:1px solid grey; border-radius:0px; margin-right:3px; -webkit-transition:-webkit-transform 2s; -moz-transition:-moz-transform 2s; -o-transition:-o-transform 2s; -ms-transition:-ms-transform 2s; transition:transform 2s; background-color:white; }
.lastpost-avatar img:hover { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); background-color:white; }
/* TITRE DU FORUM (TITRE AVEC BARRE BLEUE EN FOND) */
.backfli { background-color:#1A506B; color: #FFF; text-align: center; width: 870px !important; padding:2px; }
.forumlink { color:#FFF; font-weight:700; color:#FFF; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: -1px; margin-bottom: -2px; padding-left: 10px; text-shadow: 1px 1px 0px #0A364C; text-transform: uppercase; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.forumlink:hover { letter-spacing:0px; color:#ed6aae; font-family: "Roboto Condensed",sans-serif; font-size: 14px; text-transform: uppercase; }
a.forumlink { color:#FFF; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: -1px; margin-bottom: -2px; padding-left: 10px; text-shadow: 1px 1px 0px #0A364C; text-transform: uppercase; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s;
}
a.forumlink:hover { letter-spacing:0px; color:#ed6aae; font-family: "Roboto Condensed",sans-serif; font-size: 14px; text-transform: uppercase; }
/* TITRE DE LA CATEGORIE (GROS TITRE) */
.secondarytitle h2 { font-family:"Pathway Gothic One",sans-serif; font-size:40px; letter-spacing:2px; color:#b6b6b6; text-shadow:-1px 1px 1px white; }
/* ----------------------------------- FIN DES CATEGORIES -------------------------------------- */
/* STYLE MESSAGE POSTE */
div.signature_div { /* les signatures */ max-height:400px; max-width:450px; }
div.postbody { /* les messages postés */ font-size:14px; width: 600px; margin-left: auto; margin-right: auto; margin-bottom:20px; text-align: justify; padding-left:25px; padding-top:15px; padding-bottom:15px; padding-right:25px }
/* ----------------------------------------- LES PROFILS ---------------------------------------- */
/* BARRE BLEUE AVEC VALEURS MAISON */
.barre { background-color: #1A506B; color: #FFF !important; font-family: "Pathway Gothic One",sans-serif; font-size: 14px; margin-bottom: 0px; text-align: center; text-shadow: 1px 1px 1px #0B384E; text-transform: uppercase; width:212px; !important; margin-left:-5px; }
/* CADRE AVATAR */
.cadrevava { background-color:white; border-radius:5px; box-shadow: 0px 0px 95px 10px #F2F2F2 inset, 0px 0px 1px 0px #C4C1A5; width:210px; height:360px; margin:auto; }
.stylevatar { width:200px; height:350px; padding:5px; }
/* CADRE INFORMATIONS PROFIL */
.cadreinfo { background-color:#FFF; border-radius: 5px; box-shadow: 0px 0px 95px 10px #F2F2F2 inset, 0px 0px 1px 0px #C4C1A5; margin: 5px auto auto; padding: 15px 5px 5px; text-align: center; width: 202px; }
.scrollprofil { /*style écriture infos */ font-family:arial; font-size:11px; overflow: auto; position: relative; text-align: justify; color:black; text-align:left; line-height:12px; padding:0px 0px 1px 0px; }
/* STYLE PSEUDO */
.pseudo { line-height:16px; font-family: oswald,sans-serif; font-size: 18px; text-align: center; text-transform: uppercase; margin-bottom:5px; }
/* L'IMAGE PERSONNALISEE */
.scrollprofil img { border: 3px solid #FFF; border-radius: 10px; margin: 5px 2px 2px; opacity: 0.5; padding: 0px; text-align: center; transition-duration: 0.9s; width: 93%; }
.scrollprofil img:hover { border: 3px solid #FFF; border-radius: 10px; margin: 5px 2px 2px; opacity:1; padding: 0px; text-align: center; transition-duration: 0.9s; width: 93%; }
/* ----------------------------------------- FIN DES PROFILS -------------------------------------- */
/* cadre large */ .bodyline { border: 0px solid #E1D0A9; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px}
.spoiler { background-color : ##B3C0C7 ; border : XXpx solid ##B3C0C7 ; -moz-border-radius: 2px 2px 2px 2px }
/* EDITION MESSAGES */
tr.post span.gensmall { display: none; } .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; }
.profile_view_body {font-family:"Grand Hotel";}
/* View post profil */
table.tableau_profil{ width:230px; margin:auto; border:0; } table.tableau_profil td.haut_tab{ width:230px; height:20px; background-image:url('http://img15.hostingpics.net/pics/802823Haut.png'); background-repeat:no-repeat; } table.tableau_profil td.milieu_tab{ width:230px; background-image:url('http://img15.hostingpics.net/pics/799128mil.png'); background-repeat:repeat-y; padding-left:25px; padding-right:26px; } table.tableau_profil td.bas_tab{ width:230px; height:20px; background-image:url('http://img15.hostingpics.net/pics/799128mil.png'); background-repeat:no-repeat; } text-align:center;
table.tableau_profil td.milieu_tab span.pseudo_posteur{ font-family:Grand Hotel; font-size:10pt; } .mainoption { -moz-border-radius:0px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/ -webkit-border-radius:0px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/ -khtml-border-radius:0px; /*** pour linux ***/ }
.name {font-size:17px; } .postprofile { text-align: center; } .postprofile dd { text-align: center; }
/* PAGE ACCUEIL FORME 1 */
#f1_accueil { width: 800px; height: 500px; margin: auto; background: url(http://img15.hostingpics.net/pics/966268sjwhkj.png); text-shadow: none !important; } #f1_accueil a { color: #A98E6B !important; text-shadow: none !important; } #f1_accueil a:hover { color: #A98E6B !important; text-shadow: none !important; } .f1_col1 { width: 300px; vertical-align: top; } .f1_contexte { width: 220px; height: 300px; overflow: auto; margin-top: 100px; margin-left: 65px; text-align: justify; color: #ffffff; text-shadow: 1px 1px 0px #A98E6B; } .f1_bloconglets { margin-top: 80px; } .f1_onglet1, .f1_onglet2, .f1_onglet3 { display: inline-block; width: 110px; height: 50px; } .f1_onglet1 { margin-left: 50px; margin-right: 25px; } .f1_onglet2 { margin-right: 30px; } .f1_contenu1, .f1_contenu2, .f1_contenu3 { position: absolute; width: 0px; height: 220px; margin-top: 40px; padding-top: 40px; overflow: hidden; font-size: 11px; color: #A98E6B; } .f1_contenu1 { margin-left: -10px; } .f1_contenu2 { margin-left: -149px; } .f1_contenu3 { margin-left: -294px; } .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 { width: 400px; } .f1_liens { display: block; text-align: center; } .f1_liens a { font-size: 11px; font-weight: bold; } .f1_news, .f1_friends { width: 200px; height: 200px; overflow: hidden; text-align: justify; } .f1_credits, .f1_topsites { height: 150px; border-left: 1px solid #A98E6B; margin-left: 5px; padding: 5px; text-align: center; } .f1_staff1, .f1_staff2, .f1_staff3 { display: block; width: 50px; height: 50px; background: url() #A98E6B; margin-bottom: 20px; margin-top: 20px; border: 1px solid #A19986; } .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 { position: absolute; width: 0px; height: 150px; background: #ffffff; margin-left: 80px; overflow: hidden; } .f1_staffcontenu2 { margin-top: -72px; } .f1_staffcontenu3 { margin-top: -144px; } .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 { width: 300px; border: 1px solid #A98E6B; }
/* Enlever le soulignement des pseudos */ a { text-decoration: none; }
/* TOOLBAR */ div#fa_search {display:none!important;} span#fa_share {display:none!important;} div#fa_toolbar { background-color: #632823;}
/* Ajouter "Sélectionner le contenu" dans les codes */ .selectCode { float:right; text-transform: uppercase; cursor:pointer; } div.cont_code { clear: right; }
hr { border-top-width: 0px; }
a:hover{ text-decoration: none !important; } a { text-decoration: none !important; } a:link { text-decoration: none; } a:visited { text-decoration: none; } |
|