« MediaWiki:Monobook.css » : différence entre les versions
mAucun résumé des modifications |
mAucun résumé des modifications |
||
(119 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 4 : | Ligne 4 : | ||
*/ | */ | ||
* { | * { font-size: 1em; } | ||
/* Décoration des titres de sous-chapitre. */ | |||
h2 { | |||
padding-top: 0.65em; | |||
} | |||
h3 { | |||
padding-top: 0.6em; | |||
border-bottom: 1px dotted #AAA; | |||
} | |||
h4, h5, h6 { | |||
padding-top: 0.55em; | |||
border-bottom: 1px dotted #DDD; | |||
} | } | ||
/* code */ | |||
pre, code { | pre, code { | ||
border: none; | |||
color: #4A304E; | |||
background: #F0F0F0; | |||
} | font-size: 1.2em; | ||
code { font-size: | font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;} | ||
pre { border-left: | |||
code { | |||
font-size: 1em; | |||
font-family: "DejaVu Sans Mono", monospace;} | |||
.souscode { border-left: 2px #bfdfff; } | |||
pre { border-left: 2px solid #891A91; } | |||
.souspre { border-left: 2px #bfdfff; } | |||
.xkb, .petit { font-size: 0.85em; } | |||
.commande { | .commande { | ||
background: none; | |||
color: #1184ab; | |||
font-size: 1em; | |||
font-weight: bold;} | |||
.clr { clear: both; } | |||
} | |||
/* ÉLEMENTS HTML DE BASE */ | /* ÉLEMENTS HTML DE BASE */ | ||
Ligne 82 : | Ligne 105 : | ||
/* PAGES DE DISCUSSION : COLORATION INDENTÉE */ | /* PAGES DE DISCUSSION : COLORATION INDENTÉE */ | ||
.ns- | .ns-talk dd { | ||
margin:0; | |||
padding:0; | |||
} | } | ||
.ns- | .ns-talk dl { | ||
border-top:solid 1px #F0F080; | |||
border-left:solid 1px #F0F080; | |||
padding-top:.5em; | |||
padding-left:.5em; | |||
margin-left:1em; | |||
} | } | ||
.ns- | .ns-talk dl, | ||
.ns- | .ns-talk dl dl dl, | ||
.ns-talk dl dl dl dl dl, | |||
.ns-talk dl dl dl dl dl dl dl, | |||
.ns- | .ns-talk dl dl dl dl dl dl dl dl dl | ||
.ns- | |||
.ns- | |||
{ background:#FFFFE0 } | { background:#FFFFE0 } | ||
.ns- | .ns-talk dl dl, | ||
.ns-talk dl dl dl dl, | |||
.ns-talk dl dl dl dl dl dl, | |||
.ns-talk dl dl dl dl dl dl dl dl, | |||
.ns-talk dl dl dl dl dl dl dl dl dl dl | |||
.ns- | |||
.ns- | |||
.ns- | |||
.ns- | |||
{ background:#FFE } | { background:#FFE } | ||
/* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */ | /* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */ | ||
#p-personal li { | #p-personal li { | ||
text-transform:none; | |||
font-variant:normal; | |||
} | } | ||
/* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */ | /* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */ | ||
.portlet h5 { | .portlet h5 { | ||
text-transform:none; | |||
font-variant:normal; | |||
background:#e0e3e6; | |||
border:thin solid silver; | |||
} | } | ||
/* | /* Bouton modifier en bleu */ | ||
#ca-edit a { | #ca-edit a { | ||
background:#002BB8 !important; | |||
color:white !important; | |||
font-weight: bold !important; | |||
} | } | ||
#ca-edit a:hover{ | |||
background:inherit!important; | |||
# | color:inherit!important; | ||
} | } | ||
Ligne 199 : | Ligne 163 : | ||
/* TABLE DES MATIÈRES */ | /* TABLE DES MATIÈRES */ | ||
#toc { margin-top:1em } | #toc { margin-top:1em } | ||
/* bordure des thumb au memes couleurs que le fond */ | |||
.ns-1 div.thumb, | |||
.ns-3 div.thumb, | |||
.ns-5 div.thumb, | |||
.ns-7 div.thumb, | |||
.ns-9 div.thumb, | |||
.ns-11 div.thumb, | |||
.ns-13 div.thumb, | |||
.ns-101 div.thumb, | |||
.ns-103 div.thumb, | |||
.ns-105 div.thumb{ | |||
border-color:#FFE; | |||
} | |||
.ns-4 div.thumb{ | |||
border-color:#F4F4F4; | |||
} | |||
/* Barres de navigation (breadcrumbs) */ | /* Barres de navigation (breadcrumbs) */ | ||
.nav { | .nav { | ||
background: #F9F9F9; | |||
border: 1px solid #E9E9E9; | |||
/* display: inline; */ | |||
font-size: 0.9em; | |||
margin-top: 1em; | |||
padding: 0.3em 0.5em; | |||
text-align: left; | |||
} | } | ||
/* .nav-bis { height: 2em; } */ | |||
.nav + | .nav + .note { margin-top: 0.3em; } | ||
.nav + p, .nav + ul, .nav + ol, .nav + dl, .nav + span { margin-top: 2em; } | |||
.nav ul { | .nav ul { | ||
display: inline; | |||
margin-left: 0; | |||
padding: 3px 0; | |||
width: 100%; | |||
} | } | ||
.nav ul li { | .nav ul li { | ||
border-left: none; | |||
display: inline; | |||
list-style: none; | |||
margin-left: 0; | |||
padding: 0; | |||
width: 100%; | |||
} | } | ||
.nav ul li.nav-texte { | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
color: #595566; | |||
line-height: 2em; | |||
padding: 0.2em; | |||
text-align: justify; | |||
} | |||
.nav ul li.firstnav { | .nav ul li.firstnav { | ||
border-left: none; | |||
display: inline; | |||
list-style: none; | |||
margin-left: 0; | |||
padding-left: 0; | |||
} | } | ||
.nav-icone { | .nav-icone { | ||
margin-right: 1em; | |||
padding: 1.5em; | |||
white-space: nowrap; | |||
} | |||
.nav-icone-bis { | |||
display: inline; | |||
position: relative; | |||
top: -0.8em; | |||
margin-right: 1em; | |||
padding: 0; | |||
white-space: nowrap; | |||
} | |||
div.topicon { | |||
position: absolute; | |||
z-index: 100; | |||
top: 10px; | |||
display: block !important; | |||
} | |||
/* Bandeaux de notes et avertissements */ | |||
.note { | |||
background: #F9F9F9; | |||
border: 1px solid #E9E9E9; | |||
clear: both; | |||
font-size: 1em; | |||
margin: 1em 0 0.3 0; | |||
padding: 0.5em; | |||
text-align: left; | |||
} | |||
.note + p, .note + ul, .note + ol, .note + dl, .note + span { margin-top: 2em; } | |||
.note + .note { margin-top: 0.2em; } | |||
.note p { padding-top: 0.2em; } | |||
.note-attention { | |||
background: #E5CFCF; | |||
border: 1px solid #AD8080; | |||
} | |||
.citation p { | |||
font-style: italic; | |||
margin: 0.3em 0; | |||
padding: 0 3em; | |||
} | |||
/* Modèle:Touche */ | |||
.touche { | |||
background: #e9e9e9; | |||
color: #000000; | |||
font-family: monospace; | |||
font-size: 1em; | |||
border-top: 1px outset #424242; | |||
border-left: 1px outset #424242; | |||
border-right: 1px outset #B9B9B9; | |||
border-bottom: 1px outset #B9B9B9; | |||
-moz-border-radius: 0.4em; | |||
padding: 0.1em 0.3em; | |||
position: relative; | |||
bottom: 0.07em; | |||
} | |||
.touche a, .touche a:hover, .touche a:active, .touche a:visited { | |||
color: black; | |||
content: attr(title) ""; | |||
} | |||
.touche a:hover { | |||
border: 0; | |||
position: relative; | |||
z-index: 500; | |||
text-decoration:none; | |||
} | |||
.touche > span.keyboard-tooltip { | |||
display: none; | |||
font-size: smaller; | |||
text-decoration: none; | |||
text-align: left; | |||
padding: 0.3em 0.5em; | |||
position: absolute; | |||
top: 20px; | |||
left: -10px; | |||
color: #000000; | |||
border: 1px solid #bbbbbb; | |||
background: #f9f9f9; | |||
width: auto; | |||
-moz-border-radius: 0.5em; | |||
z-index: 1000; | |||
white-space: nowrap; | |||
} | |||
.touche > span.keyboard-tooltip > span.keyboard-tip { | |||
position: absolute; | |||
top: -7px; | |||
left: 15px; | |||
height: 7px; | |||
width: 11px; | |||
background: transparent url("http://bepo.fr/wiki/skins/monobook/touch-tooltip-corner.png"); | |||
margin:0; | |||
padding: 0; | |||
z-index: 1000; | |||
} | |||
.touche:hover > span.keyboard-tooltip { | |||
display: inline; | |||
} | |||
.touche:hover > span.keyboard-tooltip > span.keyboard-tip { | |||
display: inline; | |||
} | |||
/* votes */ | |||
.vote-contre { | |||
color: #FF0000; | |||
} | |||
.vote-pour { | |||
color: #008000; | |||
} | |||
.vote-neutre { | |||
color: #808080; | |||
} | |||
/* divers */ | |||
.clr, .clr-both { | |||
clear: both; | |||
} | |||
.clr-left { | |||
clear: left; | |||
} | |||
.clr-right { | |||
clear: right; | |||
} | |||
.invisible { | |||
background: transparent; | |||
color: transparent; | |||
} | |||
/* temporaire -- pour s'accorder avec le thème bépo */ | |||
#subheading > #subh-text { | |||
display: none; | |||
} | |||
.introduction { | |||
font-size: 1.1em; | |||
font-weight: bold; | |||
color: #595566; | |||
line-height: 1.5em; | |||
margin: 1em 0 0 0; | |||
text-align: justify; | |||
} | } |
Dernière version du 2 septembre 2009 à 23:38
/* FEUILLE DE STYLE POUR MONOBOOK SEULEMENT
Cette page contrôle l'apparence pour l'apparence Monobook. Les modifications
devant s'appliquer à toutes les apparences devraient aller dans MediaWiki:Common.css.
*/
* { font-size: 1em; }
/* Décoration des titres de sous-chapitre. */
h2 {
padding-top: 0.65em;
}
h3 {
padding-top: 0.6em;
border-bottom: 1px dotted #AAA;
}
h4, h5, h6 {
padding-top: 0.55em;
border-bottom: 1px dotted #DDD;
}
/* code */
pre, code {
border: none;
color: #4A304E;
background: #F0F0F0;
font-size: 1.2em;
font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;}
code {
font-size: 1em;
font-family: "DejaVu Sans Mono", monospace;}
.souscode { border-left: 2px #bfdfff; }
pre { border-left: 2px solid #891A91; }
.souspre { border-left: 2px #bfdfff; }
.xkb, .petit { font-size: 0.85em; }
.commande {
background: none;
color: #1184ab;
font-size: 1em;
font-weight: bold;}
.clr { clear: both; }
/* ÉLEMENTS HTML DE BASE */
ins { text-decoration:none; background:#dfc !important; }
del { text-decoration:line-through !important; }
/* COULEUR DE FOND PAR ESPACE DE NOM
La couleur des pages de discussion n'est pas changée. */
#content,
#p-cactions li,
#p-cactions li a { background:#FFE }
/* Special */
.ns--1 #content,
.ns--1 #p-cactions li,
.ns--1 #p-cactions li a { background:#F8FCFF }
/* main */
.ns-0 * #content,
.ns-0 * #p-cactions li,
.ns-0 * #p-cactions li a { background:#FFF }
/* Utilisateur */
.ns-2 * #content,
.ns-2 * #p-cactions li,
.ns-2 * #p-cactions li a { background:#FFF }
/* Wikipédia */
.ns-4 * #content,
.ns-4 * #p-cactions li,
.ns-4 * #p-cactions li a { background:#F4F4F4 }
/* Image */
.ns-6 * #content,
.ns-6 * #p-cactions li,
.ns-6 * #p-cactions li a { background:#FFF }
/* MediaWiki */
.ns-8 * #content,
.ns-8 * #p-cactions li,
.ns-8 * #p-cactions li a { background:#EEF }
/* Modèle */
.ns-10 * #content,
.ns-10 * #p-cactions li,
.ns-10 * #p-cactions li a { background:#FFF }
/* Aide */
.ns-12 * #content,
.ns-12 * #p-cactions li,
.ns-12 * #p-cactions li a { background:#F8FCFF } /* Test, voir [[Wikipédia:Le Bistro/4 octobre 2007]] */
/* Catégorie */
.ns-14 * #content,
.ns-14 * #p-cactions li,
.ns-14 * #p-cactions li a { background:#FFF }
/* Portail */
.ns-100 * #content,
.ns-100 * #p-cactions li,
.ns-100 * #p-cactions li a { background:#FFF }
/* Projet */
.ns-102 * #content,
.ns-102 * #p-cactions li,
.ns-102 * #p-cactions li a { background:#F6F6F6 }
/* Référence */
.ns-104 * #content,
.ns-104 * #p-cactions li,
.ns-104 * #p-cactions li a { background:#EFE }
/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-talk dd {
margin:0;
padding:0;
}
.ns-talk dl {
border-top:solid 1px #F0F080;
border-left:solid 1px #F0F080;
padding-top:.5em;
padding-left:.5em;
margin-left:1em;
}
.ns-talk dl,
.ns-talk dl dl dl,
.ns-talk dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl
{ background:#FFFFE0 }
.ns-talk dl dl,
.ns-talk dl dl dl dl,
.ns-talk dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl,
.ns-talk dl dl dl dl dl dl dl dl dl dl
{ background:#FFE }
/* SUPPRESSION DE LA MISE EN MINUSCULE DANS LE MENU PERSONNEL */
#p-personal li {
text-transform:none;
font-variant:normal;
}
/* APPARENCE DES TITRES DE SECTION DANS LE MENU DE GAUCHE */
.portlet h5 {
text-transform:none;
font-variant:normal;
background:#e0e3e6;
border:thin solid silver;
}
/* Bouton modifier en bleu */
#ca-edit a {
background:#002BB8 !important;
color:white !important;
font-weight: bold !important;
}
#ca-edit a:hover{
background:inherit!important;
color:inherit!important;
}
/* IMAGES
Rend blanc au lieu de gris le fond des images transparentes en thumb. */
div.thumb div a img { background:#FFF }
/* TABLE DES MATIÈRES */
#toc { margin-top:1em }
/* bordure des thumb au memes couleurs que le fond */
.ns-1 div.thumb,
.ns-3 div.thumb,
.ns-5 div.thumb,
.ns-7 div.thumb,
.ns-9 div.thumb,
.ns-11 div.thumb,
.ns-13 div.thumb,
.ns-101 div.thumb,
.ns-103 div.thumb,
.ns-105 div.thumb{
border-color:#FFE;
}
.ns-4 div.thumb{
border-color:#F4F4F4;
}
/* Barres de navigation (breadcrumbs) */
.nav {
background: #F9F9F9;
border: 1px solid #E9E9E9;
/* display: inline; */
font-size: 0.9em;
margin-top: 1em;
padding: 0.3em 0.5em;
text-align: left;
}
/* .nav-bis { height: 2em; } */
.nav + .note { margin-top: 0.3em; }
.nav + p, .nav + ul, .nav + ol, .nav + dl, .nav + span { margin-top: 2em; }
.nav ul {
display: inline;
margin-left: 0;
padding: 3px 0;
width: 100%;
}
.nav ul li {
border-left: none;
display: inline;
list-style: none;
margin-left: 0;
padding: 0;
width: 100%;
}
.nav ul li.nav-texte {
font-size: 1.1em;
font-weight: bold;
color: #595566;
line-height: 2em;
padding: 0.2em;
text-align: justify;
}
.nav ul li.firstnav {
border-left: none;
display: inline;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.nav-icone {
margin-right: 1em;
padding: 1.5em;
white-space: nowrap;
}
.nav-icone-bis {
display: inline;
position: relative;
top: -0.8em;
margin-right: 1em;
padding: 0;
white-space: nowrap;
}
div.topicon {
position: absolute;
z-index: 100;
top: 10px;
display: block !important;
}
/* Bandeaux de notes et avertissements */
.note {
background: #F9F9F9;
border: 1px solid #E9E9E9;
clear: both;
font-size: 1em;
margin: 1em 0 0.3 0;
padding: 0.5em;
text-align: left;
}
.note + p, .note + ul, .note + ol, .note + dl, .note + span { margin-top: 2em; }
.note + .note { margin-top: 0.2em; }
.note p { padding-top: 0.2em; }
.note-attention {
background: #E5CFCF;
border: 1px solid #AD8080;
}
.citation p {
font-style: italic;
margin: 0.3em 0;
padding: 0 3em;
}
/* Modèle:Touche */
.touche {
background: #e9e9e9;
color: #000000;
font-family: monospace;
font-size: 1em;
border-top: 1px outset #424242;
border-left: 1px outset #424242;
border-right: 1px outset #B9B9B9;
border-bottom: 1px outset #B9B9B9;
-moz-border-radius: 0.4em;
padding: 0.1em 0.3em;
position: relative;
bottom: 0.07em;
}
.touche a, .touche a:hover, .touche a:active, .touche a:visited {
color: black;
content: attr(title) "";
}
.touche a:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
.touche > span.keyboard-tooltip {
display: none;
font-size: smaller;
text-decoration: none;
text-align: left;
padding: 0.3em 0.5em;
position: absolute;
top: 20px;
left: -10px;
color: #000000;
border: 1px solid #bbbbbb;
background: #f9f9f9;
width: auto;
-moz-border-radius: 0.5em;
z-index: 1000;
white-space: nowrap;
}
.touche > span.keyboard-tooltip > span.keyboard-tip {
position: absolute;
top: -7px;
left: 15px;
height: 7px;
width: 11px;
background: transparent url("http://bepo.fr/wiki/skins/monobook/touch-tooltip-corner.png");
margin:0;
padding: 0;
z-index: 1000;
}
.touche:hover > span.keyboard-tooltip {
display: inline;
}
.touche:hover > span.keyboard-tooltip > span.keyboard-tip {
display: inline;
}
/* votes */
.vote-contre {
color: #FF0000;
}
.vote-pour {
color: #008000;
}
.vote-neutre {
color: #808080;
}
/* divers */
.clr, .clr-both {
clear: both;
}
.clr-left {
clear: left;
}
.clr-right {
clear: right;
}
.invisible {
background: transparent;
color: transparent;
}
/* temporaire -- pour s'accorder avec le thème bépo */
#subheading > #subh-text {
display: none;
}
.introduction {
font-size: 1.1em;
font-weight: bold;
color: #595566;
line-height: 1.5em;
margin: 1em 0 0 0;
text-align: justify;
}