| Pépé Admin
Messages : 45 Date d'inscription : 21/08/2012 Age : 28 Localisation : France.
| |
| Sujet: CSS - poisson. Mar 21 Aoû - 12:39 | |
| - Spoiler:
- Code:
-
/***INFOBULLE HORS PA***/
div.infobulle { position: relative;float:left; }
div.infobulle span { display: none; /* ceci masque l'infobulle */}
div.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ }
div.infobulle:hover span { display:block; position:absolute; top:2em; left:2em; border: 2px solid #A90000; text-align: justify; font-weight:none; /*mettre ici les décorations de l'infobulle*/}
/*INFOBULLE PA*/ a.info{ position:relative; z-index:24; text-font: Georgia; text-color:#e5a821; font-variant:small-caps; font-size: 12px; letter-spacing : 1px; text-shadow: #282828 1px 1px 2px; }
a.info:hover{ z-index:45; background-color:#111317 }
a.info span{ display: none; }
a.info:hover span{ display:block; position:absolute; top:1em; left:-1em; width:10em; border: 2px solid #e5a821; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius; 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 2px #06080d; -webkit-box-shadow: 0px 0px 2px #06080d; background-color:#111317; text-font: Georgia; text-color:#e5a821; font-variant:small-caps; font-size: 12px; letter-spacing : 1px; text-shadow: #282828 1px 1px 2px; padding:5px; overflow: auto; }
/*PANNEAU LATERAL DROIT*/ .fpanel { position: fixed; } .fpclose,.fpopen { cursor: pointer; } .fpclose { display: none; }
#fp298 { top: 10%; left: -850px; } #fp298 .fpcontent { width: 850px; }
/*PLACEMENT DU HEADER*/ body { background-repeat: no-repeat; background-position: top; }
/*SUPPRIMER LES SOULIGNEMENTS*/
a:hover{ text-decoration: NONE !important;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;}
/***BARRE DE NAVIGATION***/ a.mainmenu { text-font:Courier; text-align:center; font-variant:small-caps; font-size: 14px; word-spacing : 0px; letter-spacing : 1px; width: 50%;height: 8px; text-shadow: #e5a821 0px 0px 0px; color:#e5a821; }
/***VIGNETTE***/ .vignettes {display: block; text-font: Georgia; text-color:#e5a821; text-align:center; font-variant:small-caps; font-size: 12px; letter-spacing : 1px; text-shadow: #282828 1px 1px 2px; width: 100%;height: 16px; background-color:#111317; border-bottom: px dashed #e5a821; border-top: 0px ; border-right: 0px ; border-left: 0px ; -moz-box-shadow: 0px 0px 0px #000000;}
/****liens****/ a.forumlink { display: block; text-font: Georgia; vertical-align: bottom !important; color: #111317 !important; text-align:center; font-variant:small-caps; font-size: 12px; letter-spacing : 1px; text-shadow: #282828 1px 1px 2px; width: 100%;height: 16px; background-color:#111317; border-right: 0px ; border-left: 0px ; padding-bottom:10px; -moz-box-shadow: 0px 0px 0px #000000; background-image: url(http://i.imgur.com/8I5gP.png); background-repeat: no-repeat; padding: 11px 0 3px; }
/*----------------------------------------------------------------CATEGORIES*/ /*Description*/ .descriptioncategorie{ float : left; margin : 5px; text-align: justify; padding-right : 10px; background-color: #242c3b; border: 1px dashe #e5a821; -moz-border-radius: 5px 0px 5x 0px; -webkit-border-radius; 5px 0px 5px 0px; border-radius: 5px 0px 5px 0px; -moz-box-shadow: 0px 0px 2px black; -webkit-box-shadow: 0px 0px 2px black; box-shadow: 0px 0px 2px black; font-size:80%; margin: 0 5px 5px; padding: 5px; }
/*Lettrine dans la description des catégories*/ .lettrine{ float : left; font-size : 200%; margin-right : 2px; }
/*---------------------------------------------------------------- IN MESSAGES*/ .quote { padding : 5px; text-align: justify; padding-right : 10px; background-color: #242c3b; -moz-border-radius: 5px 0px 5x 0px; -webkit-border-radius; 5px 0px 5px 0px; border-radius: 5px 0px 5px 0px; -moz-box-shadow: 0px 0px 2px black; -webkit-box-shadow: 0px 0px 2px black; box-shadow: 0px 0px 2px black; }
|
|