Différences entre versions de « Utilisateur:Ratchet Ranger/monobook.css »
De Wiki Dofus
Aller à la navigationAller à la recherchem (Ajout pBody + correction du CSS (balise manquante)) |
m |
||
Ligne 1 : | Ligne 1 : | ||
+ | /* Semi-transparence des éléments de la page et 100% visible quand on déplace la souris dessus */ | ||
+ | #footer { | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | #footer:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | #p-Navigation { | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | #p-Navigation:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | #p-Help { | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | #p-Help:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | #p-search { | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | #p-search:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
+ | #p-tb { | ||
+ | opacity:0.5; | ||
+ | } | ||
+ | |||
+ | #p-tb:hover { | ||
+ | opacity:1; | ||
+ | } | ||
+ | |||
/* Placement des liens utilisateur vers le côté | /* Placement des liens utilisateur vers le côté | ||
ATTENTION : Il faut masquer l'image "utilisateur" avec AdBlock Plus, par exemple, si vous utilisez Firefox */ | ATTENTION : Il faut masquer l'image "utilisateur" avec AdBlock Plus, par exemple, si vous utilisez Firefox */ | ||
− | #p-personal { position:relative; z-index:3; width: 11.6em; } | + | #p-personal { position:relative; z-index:3; width: 11.6em; opacity: 0.5; } |
+ | |||
+ | #p-personnal:hover { position:relative; z-index:3; width: 11.6em; opacity: 1; } | ||
#p-personal .pBody { | #p-personal .pBody { | ||
Ligne 16 : | Ligne 59 : | ||
padding: 0 0.8em 0.3em .5em; | padding: 0 0.8em 0.3em .5em; | ||
} | } | ||
+ | |||
+ | #pt-userpage { font-weight: bold; } | ||
#p-personal ul { | #p-personal ul { |
Version du 2 avril 2010 à 15:31
/* Semi-transparence des éléments de la page et 100% visible quand on déplace la souris dessus */ #footer { opacity:0.5; } #footer:hover { opacity:1; } #p-Navigation { opacity:0.5; } #p-Navigation:hover { opacity:1; } #p-Help { opacity:0.5; } #p-Help:hover { opacity:1; } #p-search { opacity:0.5; } #p-search:hover { opacity:1; } #p-tb { opacity:0.5; } #p-tb:hover { opacity:1; } /* Placement des liens utilisateur vers le côté ATTENTION : Il faut masquer l'image "utilisateur" avec AdBlock Plus, par exemple, si vous utilisez Firefox */ #p-personal { position:relative; z-index:3; width: 11.6em; opacity: 0.5; } #p-personnal:hover { position:relative; z-index:3; width: 11.6em; opacity: 1; } #p-personal .pBody { width: 10.8em; border: none; margin: 0 0 0.5em 0em; float: none; overflow: hidden; font-size: 95%; background: White; border-collapse: collapse; border: 1px solid #aaaaaa; padding: 0 0.8em 0.3em .5em; } #pt-userpage { font-weight: bold; } #p-personal ul { line-height: 1.5em; list-style-type: square; list-style-image: url("/style/monobook/bullet.gif"); font-size:95%; margin: 0.3em 0 0 1.5em; padding:0; text-align:left; text-transform: none; } #p-personal li { display: list-item; padding:0; margin: 0 0 0 0; margin-bottom: 0.1em; } /* Plus général */ body { background: url('http://noemata.net/veryinteresting/uploaded_images/ngc2264_2003-02-23-715666-715753.jpg') no-repeat fixed center; } h1 { text-align: center; color: black; border-bottom: 2px dotted black; font-size: 1.8em; } h2 { text-align: center; color: black; border-bottom: 1px dotted black; font-size: 1.5em; } h3 { text-align: left; color: black; border-bottom: 1px dotted grey; font-size: 1.2em; } #pub_menu_google { display: none; } /* '''Afficher les liens déjà visités en une autre couleur''' */ a:visited { color:Darkgreen; } /************ Modifications récentes ************/ /* Colorier le nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */ .mw-plusminus-pos { color: #277C27; } /* vert */ .mw-plusminus-neg { color: #FF2050; } /* rouge */ .mw-plusminus-null { color: #999999; } /* gris */ /* couleur plus discrète pour le symbole de modification non vérifiée, dans les modifications récentes ou la liste de suivi, au lieu du rouge agressif */ span.unpatrolled { color: #999; }