hollywoodExample has more followers than reason.
- this is meDate d'inscription : 11/02/2011 Messages : 405 Avatar : zaja Profession : Dieu tout puissant, souverain des Enfers et des Cieux Localisation : Everywhere
| Sujet: feuille CSS Sam 19 Mai - 13:10 | |
| .postbody, td.row1 span.gensmall { text-align: justify !important; display: block; }
a.forumlink { text-decoration: none; background-color: #; border-bottom: 2px dotted #432713; border-top: 2px double #; -moz-border-radius: 10px ; border-right: 5px dotted #; -moz-border-radius: 10px ; border-left: 5px dotted #; display:block; }
a.forumlink:hover { text-decoration: none; background-color: #; border-bottom:2px double #; border-top: 2px double #; -moz-border-radius: 10px ; border-right: 5px solid #; -moz-border-radius: 10px ; border-left: 5px solid #; display:block; }
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;}
a.mainmenu img { display:none; }
a.mainmenu{ padding-left:0px; padding-right:0px; font-size: 17px; font-variant: small-caps; font-family: Georgia; }
table.bodylinewidth { position: relative; top: -9px; }
.navipose td {position: fixed; top: 0px; font-family: MoolBoran }
a.imginfo { border-bottom:0 solid #couleur; color:#663B1C; position:relative; text-decoration:none; } a.imginfo span { display:none; }
a.imginfo:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; cursor:cross; z-index: 999; } a.imginfo:hover span { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#120601 none repeat scroll 0 0; border-color:#361F0F; border-style:solid; border-width: 0px 2px 0px 2px; display:inline; left:10px; padding:3px; position:absolute; top:15px; white-space: ; border-radius: 30px; /* Fonctionne pour Google Chrome/Chromium */ -moz-border-radius: 30px; /* Pour Mozilla Firefox */ -webkit-border-radius: 30px; /* Pour les navigateurs utilisant le moteur WebKit */ }
.forumline {-moz-border-radius: 19px; -webkit-border-radius: 19px; border-radius: 19px; padding: 7px; border-color: #0a0a0a; }
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:25px; -moz-border-radius-bottomright:25px; -moz-border-radius-topleft:25px; -moz-border-radius-topright:25px; border: 3px dotted #000000; }
tr.post td {padding-left: 20px;}
.name{ font-size : 20px; font-family :courier new; text-align: center; letter-spacing: 2px; font-variant: small-caps; text-shadow: 1px 1px 1px #000000 } .name :hover{ font-size : 20px; font-family :courier new; text-align: center; letter-spacing: 2px; font-variant: small-caps; text-shadow: 1px 1px 1px #000000 color:#FCF9EF; }
.opac { opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
.opac:hover { opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
body { background-repeat: no-repeat; background-position: center top;}
a:hover{text-decoration: none !important;} a {text-decoration: none !important;} a:link {text-decoration: none;} a:visited {text-decoration: none;}
.imagefond { background-image: url('https://2img.net/r/ihimizer/img151/3709/guillemet.png'); background-repeat: no-repeat; }
.titre-donnee { float: left; width: 110px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #52503D; } .clear { clear: both; } .valeur-donee { float: left; width: 64px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #52503D; font-weight: bold; } .embedouimeteo { width: 180px; padding: 5px; background-color: #0F0F0F; border: 2px solid #52503D; } .backembed { background-color: #B8B4B5; font-family: Arial, Helvetica, sans-serif; padding: 3px; background-image: url(jscss/images/backembedpng.png); } body { margin: 0px; padding: 0px; } .backembed h2 { margin: 0px; padding: 0px; font-size: 14px; color: #FFFFFF; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .backembed a { font-size: 14px; color: #FFFFFF; text-decoration: none; } .temperature-du-jour { font-size: 28px; font-weight: bold; color: #333333; } .iconemeteo { float: left; } .daymeteo { float: left; margin-left: 20px; margin-top: 15px; }
.slide-out-div { padding: 20px; width: 250px; background: #212121; border-color:#940602; border-style:solid; border-width: 0px 2px 0px 2px; border-radius: 30px; /* Fonctionne pour Google Chrome/Chromium */ -moz-border-radius: 30px; /* Pour Mozilla Firefox */ -webkit-border-radius: 30px; /* Pour les navigateurs utilisant le moteur WebKit */ }
#text_edit { display: block !important; }
/* .systab .tab => les onglet */ .systab .tab { padding: 2px 10px; margin-right: 5px; color: #000; background: #fff; border: 1px solid #000; cursor: pointer; } /* .systab .tab:hover => les onglets survolés */ .systab .tab:hover { background: #b8efa1; color: #487f31; border-color: #487f31; } /* .systab .tab.selected => les onglets sélectionnés */ .systab .tab.selected{ color: #ccc; background: #333; } /* .systab .contents => les conteneurs des contenus associés aux onglets */ .systab .contents { margin-top: 1px; margin-bottom: 1px; color: #000; background: #fff; border: 1px solid #000; padding: 10px; } /* style des onglets si ils sont à gauche ou à droite */ .systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; } /* flottement des conteneurs si les onglets sont à gauche où à droite */ .systab.s_float .tabs,.systab.s_float .contents { float: left; }
.forumforums a{ font-size: 24px; }
.poster-profile img:hover { -o-transition: 0.4s ease; -webkit-transition: 0.6s ease; -moz-transition: 0.6s ease; -htm-transition: 0.6s ease; -ms-transition: 0.6s ease; transition: 0.6s ease; -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -htm-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }
.code{ font-family: MoolBoran; font-size: 16px; color: #432713; line-height: 125%; background-color: #050000; border: #FFFFFF; border-style: solid; border: 1px #FFFFFF dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.barre-nav { text-align:center; /* pour centrer le contenu de la barre */ background:#050000; /*fond de la barre de navigation*/ border: 1px dotted #361F0F; /*bordure : épaisseur, style, couleur*/ text-shadow: 1px 1px #4d2f1a; /*ombrage du texte*/ padding: 0px; /* marge interieure */ margin: 0px; /* marge exterieure */ /*arrondir la bordure*/ -moz-border-radius: 15px; /* pour mozilla firefox */ -webkit-border-radius:15px; /* pour chrome et safari */ border-radius:15px; /* pour Internet Explorer 9, Firefox 4, Chrome 10 */ }
/*cadres autour des icones*/ .icones{ border: 1px solid #000; padding: 3px; width: 80px;} /*cadre des descriptions*/ .descrip{ border: 1px solid #000; padding: 3px; height: 80px; overflow-y: auto;} /*cadre autour des statistiques*/ .stats{ border: 1px solid #000; padding: 3px; width: 100px;} /*ligne au dessus du dernier message*/ .lastm{ border-top: 1px solid #000; padding: 3px;} /*supprimer le fond des titres des catégories par défaut*/ .secondarytitle h2{ backgound-color: none !important; background-image: none;} /*image de fond des titres des catégories*/ .secondarytitle{ background-image: url(''); background-position: center; background-repeat: no-repeat; height: 60px;}
.statistiques{ border:0px; background-image: url("https://2img.net/r/hpimg11/pics/3325423910.png"); background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:6px;padding-left:6px;padding-bottom:2px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.navig { position: absolute; top: 0px; width: 100%; background-color: #000000; } |
|
hollywoodExample has more followers than reason.
- this is meDate d'inscription : 11/02/2011 Messages : 405 Avatar : zaja Profession : Dieu tout puissant, souverain des Enfers et des Cieux Localisation : Everywhere
| Sujet: Re: feuille CSS Sam 19 Mai - 13:10 | |
| a { font-variant: small-caps; }
.postbody, td.row1 span.gensmall { text-align: justify !important; display: block; }
a.forumlink { text-decoration: none; background-color: #080808; border-bottom: 2px double #080808; border-top: 2px double #080808; -moz-border-radius: 10px ; border-right: 5px solid #080808; -moz-border-radius: 10px ; border-left: 5px solid #080808; display:block;
} a.forumlink:hover { text-decoration: none; background-color: #080808; border-bottom:2px double #080808; border-top: 2px double #080808; -moz-border-radius: 10px ; border-right: 5px solid #080808; -moz-border-radius: 10px ; border-left: 5px solid #080808; display:block; }
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;}
a.mainmenu img { display:none; }
a.mainmenu{ padding-left:4px; padding-right:4px; }
table.bodylinewidth { position: relative; top: -9px; }
.navipose td {position: fixed; top: 0px; }
.postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #000000; }
tr.post td {padding-left: 20px;}
.forumline{ -moz-border-radius: 7px 7px 7px 7px ; border-bottom: 1px #807D7E Dashed; border-top: 1px #807D7E Dashed; border-right: 1px #807D7E Dashed; border-left: 1px #807D7E Dashed;}
a.imginfo { border-bottom:0 solid #couleur; color:#B0211C; position:relative; text-decoration:none; } a.imginfo span { display:none; } a.imginfo:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; cursor:cross; z-index: 999; } a.imginfo:hover span { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#191919 none repeat scroll 0 0; border-color:#B0211C; border-style:solid; border-width:3px 3px 5px 5px; display:inline; left:20px; padding:3px; position:absolute; top:15px; white-space:nowrap; }
.code{ font-family: Times New Roman; font-size: 12px; color: #EEEEEE; line-height: 125%; background-color: #191919; border: #FFFFFF; border-style: solid; border: 1px #FFFFFF dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}
.statistiques{ border:0px; background-image: url("https://2img.net/r/ihimizer/img402/7449/qeel3.png"); background-repeat: no-repeat; background-position: center; height:270px;}
.groupes{ border: 1px #D0D0D0 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:6px;padding-left:6px;padding-bottom:2px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;}
.imagefond { background-image: url('https://2img.net/r/ihimizer/img151/3709/guillemet.png'); background-repeat: no-repeat; }
.titre-donnee { float: left; width: 110px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #52503D; } .clear { clear: both; } .valeur-donee { float: left; width: 64px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #52503D; font-weight: bold; } .embedouimeteo { width: 180px; padding: 5px; background-color: #0F0F0F; border: 2px solid #52503D; } .backembed { background-color: #B8B4B5; font-family: Arial, Helvetica, sans-serif; padding: 3px; background-image: url(jscss/images/backembedpng.png); } body { margin: 0px; padding: 0px; } .backembed h2 { margin: 0px; padding: 0px; font-size: 14px; color: #FFFFFF; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .backembed a { font-size: 14px; color: #FFFFFF; text-decoration: none; } .temperature-du-jour { font-size: 28px; font-weight: bold; color: #333333; } .iconemeteo { float: left; } .daymeteo { float: left; margin-left: 20px; margin-top: 15px; }
.opac { opacity:0.6; -moz-opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60); }
.opac:hover { opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); }
.navig { position: absolute; top: 0px; width: 100%; background-color: #000000; }
a { text-decoration:none}
a.forumlink { border-bottom: 1px #FFFFFF dotted; }
a.forumlink:hover { border-bottom: 1px #FFFFFF dotted; }
a:hover{text-transform:uppercase;}
span.bulle { position:relative; cursor: pointer; } span.bulle:hover { } span.bulle span { display: none; } span.bulle:hover span { left:0px; width: 200px; display:block; position:absolute; border: 1px black solid; background-color: black; color: white; }
tr.fontqeel td { border-top: 20px #363642 solid; /* couleur sur les navigateurs récents */ border-bottom: 20px #363642 solid; /* couleur sur les navigateurs récents */ } tr.groupes td a { text-transform: lowercase;/* transforme le texte en lettres majuscules */ font-family: Georgia; font-variant: normal; font-weight : bold;/*texte en gras*/ font-size: 25px; /* Taille du texte */ } span.bulle { position: relative; } span.bulle:hover { background-color: transparent; } span.bulle span { display: none; } span.bulle:hover span { display: block; position: absolute; bottom: 17px; width: 330px ; margin: 2px; left: 3px; height: auto; background-color: #050505; overflow: heidden; text-align: justify; font-size: 11px; color: #FFFFFF; border: 5px solid #3D3D3D; -moz-border-radius:10px; -webkit-border-radius: 10px; -htm-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 7px; z-index: 4; } .liste24h { height: 20px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */ overflow:auto; /* scroll automatique quand la hauteur dépasse */ fond-color: #FFFFFF; } .liste24h td.row1{ text-align: center; }
.onglet{ display:inline-block; padding:5px; }
/*tuto slidedown multi-panneaux ----------------------------*/ /*etat du slide up*/ #slidepanno { display: block; overflow: hidden; /*pour ne pas avoir la scrollbar*/ width: 170px; /*largeur du slide up et interieure du slide down*/ height: 19px; /*hauteur visible du slide up - titre*/ } /*actions sur hover*/ #slidepanno:hover { height: 197px; /*hauteur du slide down*/ -webkit-transition: height 4s linear; -moz-transition: height 4s linear; -o-transition: height 4s linear; -htm-transition: height 4s linear; transition: height 4s linear; /*direction du slide, secondes a ouvrir, slide identique du debut a la fin*/ z-index: 1; /*priorité sur ce qui se trouverait dessous*/ } .pannotitre1 { Propriétés-titre 1 } .panninside1 { Propriétés-contenu 1 } .pannotitre2 { Propriétés-titre 2 } .panninside2 { Propriétés-contenu 2 } .pannotitre3 { Propriétés-titre 3 } .panninside3 { Propriétés-contenu 3 } .pannotitre4 { Propriétés-titre 4 } .panninside4 { Propriétés-contenu 4 }
.lastco.row1{background-color: transparent;}
/* PROFIL*/ .p1{ background-color:#4C5365; -moz-box-shadow: 0px 0px 5px #C5C9CC; -moz-border-radius:10px; padding-right: 5px; padding-left:5px; padding-top: 5px; padding-bottom: 5px; font-family: Verdana; font-size: 10px; text-transform: lowercase; }
.profil1{ border: none; background: #362821; color: #e5aa86; text-decoration: none!important; text-transform: lowercase; font-family: arial; font-style: italic; font-weight: bold; font-size: 14pt; letter-spacing: -2px; text-shadow: 0pt 0px 1pt #362821; text-align: center; }
.onglet { display:inline-block; margin-left:3px; margin-right:3px; padding:3px; border:1px solid black; cursor:pointer; } .onglet a { color:#000000; text-decoration:none; } .onglet_n { background:#bbbbbb; border-bottom:1px solid black; } .onglet_y { background:#dddddd; border-bottom:0px solid black; padding-bottom:4px; } .contenu { background-color:#dddddd; border:1px solid black; margin-top:-1px; padding:5px; } ul { margin-top:0px; margin-bottom:0px; margin-left:-10px } h1 { margin:0px; padding:0px; }
/*onglets*/
/* .systab .tab => les onglet */ .systab .tab { padding: 2px 10px; margin-right: 5px; color: #000; background: #fff; border: 1px solid #000; cursor: pointer; } /* .systab .tab:hover => les onglets survolés */ .systab .tab:hover { background: #b8efa1; color: #487f31; border-color: #487f31; } /* .systab .tab.selected => les onglets sélectionnés */ .systab .tab.selected{ color: #ccc; background: #333; } /* .systab .contents => les conteneurs des contenus associés aux onglets */ .systab .contents { margin-top: 1px; margin-bottom: 1px; color: #000; background: #fff; border: 1px solid #000; padding: 10px; } /* style des onglets si ils sont à gauche ou à droite */ .systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; } /* flottement des conteneurs si les onglets sont à gauche où à droite */ .systab.s_float .tabs,.systab.s_float .contents { float: left; } |
|