Utilisateur:STyx/fiche style STyx.css

/*
==Style pour les fiches==
{{Navigation Monobook}}

Voir ''']'''

;URL de la page correctement formatée : 
 http://fr.wikipedia.org/w/index.php?title=Utilisateur:STyx/fiche_style_STyx.css&diff=currentversion#Style_pour_les_fiches

;Description:
:Un style (skin) pour les fiches (une « ] » est une « ] nouvelle génération »). 
:Ce style est bien sur mon préféré.

;Utilisation:
:Placer '''en haut''' de votre monobook.css la ligne (penser à « forcer le rechargement de la page ») :
 @import "http://fr.wikipedia.org/w/index.php?title=Utilisateur:STyx/fiche_style_STyx.css&action=raw&ctype=text/css";

<div style="clear:both" />

==fiche==
<source lang="css">*/

.fiche {
 border: 1px solid #aaaaaa;
}

table.fiche {
 width:300px; 
 float:right; 
 clear:right; 
 margin: 0 0 1em 1em; /* haut droite bas gauche */ 
 padding: 0; 
 border-width: 1px 2px 2px 1px; /* haut droite bas gauche */ 
 background-color: white;
}

.fiche th, .fiche td {
 font-size: 95%; 
 vertical-align:baseline;
 text-align:left;
 line-height: 1em;
 padding: 0 0.2em 0.3em 0.2em; /* haut droite bas gauche */
 border:none;
 background-color:#f0f0f0;
}

.fiche th {
 font-weight:normal;  /* désactive le "th {font-weight:bold;}" */
 padding-bottom: 0.1em;
}

.fiche th a {
 color:black;  /* désactive la couleur des liens à gauche et dans les titres */
}

.fiche .ficheimage { /* emplacement pour les photos */
 background-color: white;
 padding:1px;
 text-align:center;
}

.fiche .ficheimage div { /* la légende des photos */
 padding-bottom:0.15em;
 font-size:80%;
}
.fiche .fichetitre { /* titre */
 text-align:center; 
 vertical-align:middle;
 font-size: 135%;
 font-weight:bolder;
 border: 1px solid #aaaaaa;
 background-color:#d8d8d8;
 padding:0.25em;
}

.fiche .fichesoustitre { /* sous-titre */
 text-align:center; 
 font-size: 125%;
 border-style: solid; 
 border: 1px solid #aaaaaa;
 background-color:#e8e8e8;
}

.fiche tr.ficheseparateur { /* séparateur */
 height: 1px;
}
.fiche tr.ficheseparateur td {
 border: none;
}

.fiche dl { clear:both }
.fiche dt {
 float:left;
 clear:left;
 width:35%;
}
.fiche dd { margin-left:20% }

/*</source>

==chartes==
===charte_aide===
(pour les ])
<source lang="css">*/

.charte_aide {
 padding: 0;
}

.charte_aide td.fichesoustitre {
 text-align: center;
}

/*</source>
===charte_geographie===
<source lang="css">*/

.charte_geographie th, .charte_geographie td  {
 background-color: #deefff;
}

.charte_geographie th.fichetitre  {
 background: url("http://upload.wikimedia.org/wikipedia/commons/3/3f/Infobox-geographie.png" ) no-repeat top right;
 background-color: #52a6ff;
 height:55px;
}

.charte_geographie th.fichesoustitre  {
 background-color: #52a6ff;
}

/*</source>

====charte_cratere====
<source lang="css">*/
.charte_cratere th, .charte_cratere td  {
 background-color:#f9f9f9;
}

.charte_cratere th.fichetitre  {
 background-color:#003399;
 color:white;
}

.charte_cratere th.fichesoustitre  {
 background-color:#B7CEFF;
}

/*</source>

===charte_musique===
La définition du style de la ]  (style JSDX) :
<source lang="css">*/
.charte_musique {
 border-spacing:10px;
}

.charte_musique td {
 width:200px;
 font-size:100%;
 background-color:white;
 line-height: 1.3em;
}

.charte_musique th {
 font-weight:bold;  /* réactive le "th standard" */
 font-size:115%;
 text-align: center;
 border: none;
 background-color:white;
 line-height: 1.3em;
}

.charte_musique th.fichetitre {
 background: url("http://upload.wikimedia.org/wikipedia/commons/e/e7/Infobox-music.png" ) no-repeat top right;
 height:55px;
 font-size:150%;
 border: none;
}

.charte_musique th.fichesoustitre {
 font-size:115%;
 padding: 7px; 
 border: none;
}

.charte_musique tr.ficheseparateur { /* séparateur */
 height:1px;
}

.charte_musique tr.ficheseparateur td.fichesoustitre {
 padding: 0px; 
 margin: 0px; 
}

/*</source>
====charte_album====
<source lang="css">*/
.charte_album th.fichetitre {
 background-color: #F49F13;
}

.charte_album .fichesoustitre {
 background-color: #F1C073;
}

/*</source>
====charte_single====
<source lang="css">*/
.charte_single th.fichetitre {
 background-color: #F9B822;
}

.charte_single .fichesoustitre {
 background-color: #FBD77D;
}

/*</source>
====charte_chanson====
<source lang="css">*/
.charte_chanson th.fichetitre {
 background-color: #FFD615;
}

.charte_chanson .fichesoustitre {
 background-color: #FFED96;
}

/*</source>

===charte_personne===
<source lang="css">*/
.charte_personne {
}

/*</source>
====charte_realisateur====
<source lang="css">*/
.charte_realisateur th.fichetitre  {
 background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Infobox-realisateur.png/150px-Infobox-realisateur.png" ) no-repeat top right;
 height:55px;
}

/*</source>
====charte_persofiction====
(personage de fiction)
<source lang="css">*/
.charte_persofiction th.fichetitre  {
 background: url("http://upload.wikimedia.org/wikipedia/commons/b/b5/Infobox-masks.png" ) no-repeat top right;
 height:55px;
}

/*</source>
===charte_jeuvideo===
<source lang="css">*/
.charte_jeuvideo th.fichetitre {
 background: url("http://upload.wikimedia.org/wikipedia/commons/6/65/Infobox-jv-dpad.png" ) no-repeat bottom right;
 height:55px;
}


/*</source>
===charte_biere===
(bière et brasserie)
<source lang="css">*/
.charte_biere th.fichetitre {
 background: url("http://upload.wikimedia.org/wikipedia/commons/1/14/Infobox-beer.png" ) no-repeat top right;
 height:55px;
}

/*</source>*/