Différences entre versions de « MediaWiki:Common.css »
De Wiki Dofus
Aller à la navigationAller à la recherchem |
m |
||
(47 versions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
+ | /*<pre>*/ | ||
+ | |||
/** Le CSS placé ici sera appliqué à toutes les apparences. */ | /** Le CSS placé ici sera appliqué à toutes les apparences. */ | ||
/* | /* | ||
Ligne 5 : | Ligne 7 : | ||
.alerte { | .alerte { | ||
padding:0.2em; | padding:0.2em; | ||
− | background:# | + | background:#FFD; |
margin-bottom:0.4em; | margin-bottom:0.4em; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
+ | |||
+ | /* Nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */ | ||
+ | /* modif du 18/04/2010 */ | ||
+ | .mw-plusminus-pos { color:#00B000 } | ||
+ | .mw-plusminus-neg { color:#FF2050 } | ||
+ | .mw-plusminus-null { color:#999999 } | ||
+ | .mw-tag-markers { | ||
+ | font-family:sans-serif; | ||
+ | font-style:italic; | ||
+ | font-size:90%; | ||
+ | } | ||
+ | /* Symbole de modification non vérifiée dans les modifications récentes | ||
+ | et la liste de suivi. */ | ||
+ | span.unpatrolled { color:#999 } | ||
+ | |||
+ | /* HOMONYMIE */ | ||
+ | /* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */ | ||
+ | .homonymie { | ||
+ | padding-left:2em; | ||
+ | padding-bottom:.5em; | ||
+ | margin-bottom:.5em; | ||
+ | font-style:italic; | ||
+ | border-bottom:1px #AAA solid; | ||
+ | } /* fin */ | ||
+ | |||
+ | /* WIKITABLE */ | ||
+ | /* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */ | ||
+ | /* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ | ||
+ | table.wikitable { /* debut */ | ||
+ | margin-top:1em; | ||
+ | margin-bottom:1em; | ||
+ | background:#F9F9F9; | ||
+ | border:1px #AAA solid; | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | table.wikitable th, table.wikitable td { | ||
+ | border:1px #AAA solid; | ||
+ | padding:.3em; | ||
+ | } | ||
+ | table.wikitable th, .wikitable_header { | ||
+ | background:#F2F2F2; | ||
+ | text-align:center; | ||
+ | } | ||
+ | table.wikitable caption { | ||
+ | margin-left:inherit; | ||
+ | margin-right:inherit; | ||
+ | } /* fin */ | ||
+ | |||
+ | /* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche | ||
+ | sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none" | ||
+ | dans l'en-tête du tableau. */ | ||
+ | table.gauche, table.left { | ||
+ | float:left; | ||
+ | margin:0 1em 1em 0; | ||
+ | } | ||
+ | table.droite, table.right { | ||
+ | float:right; | ||
+ | margin:0 0 1em 1em; | ||
+ | } | ||
+ | table.centre, table.center { | ||
+ | margin:1em auto; | ||
+ | } | ||
+ | |||
+ | /* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ | ||
+ | table.wikitable[align=center] {margin:1em auto;} | ||
+ | |||
+ | /* BANDEAUX D'AVERTISSEMENT */ | ||
+ | /* style par défaut des bandeaux d'avertissement décidés sur | ||
+ | Wikipédia:Prise de décision/Changement de style des messages d'avertissement | ||
+ | Utilisé dans Modèle:Méta bandeau d'avertissement | ||
+ | */ | ||
+ | .bandeau { /* monobookocentré */ | ||
+ | text-align: left; | ||
+ | margin: 8px 10% 12px; | ||
+ | border-style: solid; | ||
+ | border-width: 1px 1px 1px 10px; | ||
+ | padding: 2px 10px; | ||
+ | } | ||
+ | .bandeau table { background-color: transparent } | ||
+ | .bandeau-niveau-grave { border-color: #aa0044; background-color: #ffcccc } | ||
+ | .bandeau-niveau-modere { border-color: #ff8822; background-color: #ffeedd } | ||
+ | .bandeau-niveau-ebauche { border-color: #ff8822; background-color: #ffeedd } | ||
+ | .bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb } | ||
+ | .bandeau-icone { vertical-align: middle; text-align: center; min-width: 45px; padding-right: 10px } | ||
+ | .bandeau-titre { font-size: 1em; line-height: 1.4em; margin-bottom: 0.5em } | ||
+ | .bandeau-texte { font-size: 0.9em; line-height: 1.2em } | ||
+ | |||
+ | |||
/* Standard Navigationsleisten */ | /* Standard Navigationsleisten */ | ||
− | |||
div.BoxenVerschmelzen, | div.BoxenVerschmelzen, | ||
div.NavFrame { | div.NavFrame { | ||
Ligne 75 : | Ligne 164 : | ||
/*#ban_google | /*#ban_google | ||
{ | { | ||
− | + | width: 120px; | |
clear: left; | clear: left; | ||
position: fixed; !important | position: fixed; !important | ||
Ligne 99 : | Ligne 188 : | ||
top: -17px; | top: -17px; | ||
} | } | ||
− | |||
#content{ | #content{ | ||
padding-top: 15px; | padding-top: 15px; | ||
+ | margin-left: 13em; | ||
} | } | ||
#pub_menu_google | #pub_menu_google | ||
{ | { | ||
− | width: | + | width: 160px; |
height: 600px; | height: 600px; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
margin-top: 10px; | margin-top: 10px; | ||
− | margin-left: | + | margin-left: 0px; |
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
Ligne 118 : | Ligne 207 : | ||
*/ | */ | ||
− | div.home | + | |
+ | div.home.background | ||
{ | { | ||
− | + | background: url(/_images/7/7a/Home_Background.jpg) no-repeat right bottom; | |
− | |||
} | } | ||
+ | |||
+ | div.home.container | ||
+ | { | ||
+ | /*width: 827px;*/ | ||
+ | max-width: 80%; | ||
+ | min-width: 827px; | ||
+ | } | ||
div.home.welcome | div.home.welcome | ||
{ | { | ||
− | height: | + | height: 75px; |
} | } | ||
− | div.home.menu div, | + | div.home.menu div.insideborder, |
− | div.home.featured div, | + | div.home.featured div.insideborder, |
− | div.home.dnews div, | + | div.home.dnews div.insideborder, |
− | div.home.wnews div, | + | div.home.wnews div.insideborder, |
− | div.home.last div | + | div.home.last div.insideborder |
{ | { | ||
margin: 5px; | margin: 5px; | ||
Ligne 146 : | Ligne 242 : | ||
margin: 5px; | margin: 5px; | ||
border: 1px solid #EEEEEE; | border: 1px solid #EEEEEE; | ||
+ | background-color: white; | ||
} | } | ||
div.home.menu { | div.home.menu { | ||
float: left; | float: left; | ||
− | width: | + | width: 30%; |
background-color: #c8d8ff; | background-color: #c8d8ff; | ||
border-color: #8898bf; | border-color: #8898bf; | ||
} | } | ||
− | div.home. | + | div.home div.insideborder, |
− | div.home. | + | div.home div.insideborder{ |
− | height: | + | height: 290px; |
} | } | ||
div.home.featured { | div.home.featured { | ||
− | + | float: left; | |
− | + | width: 67%; | |
} | } | ||
− | div.home.featured div div{ | + | div.home.featured div.insideborder div.texte{ |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
overflow: hidden; | overflow: hidden; | ||
− | height: | + | height: 225px; |
+ | } | ||
+ | |||
+ | div.home.dnews, | ||
+ | div.home.wnews { | ||
+ | float: left; | ||
+ | /*width: 27.2%;*/ | ||
+ | width: 42%; | ||
+ | overflow: hidden; | ||
} | } | ||
div.home.dnews { | div.home.dnews { | ||
− | |||
− | |||
border-color: #fbc917; | border-color: #fbc917; | ||
background-color: #fde9ba; | background-color: #fde9ba; | ||
Ligne 180 : | Ligne 283 : | ||
div.home.wnews { | div.home.wnews { | ||
− | |||
− | |||
border-color: #97bf87; | border-color: #97bf87; | ||
background-color: #d7ffc7; | background-color: #d7ffc7; | ||
+ | } | ||
+ | |||
+ | div.home.last ul | ||
+ | { | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin-left: 10px; | ||
} | } | ||
div.home.last { | div.home.last { | ||
float: left; | float: left; | ||
− | width: | + | /*width: 41.1%;*/ |
+ | width: 55%; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
div.home.last span.comment, | div.home.last span.comment, | ||
+ | div.home.last li .mw-userlink, | ||
div.home.last span.mw-usertoollinks | div.home.last span.mw-usertoollinks | ||
{ | { | ||
Ligne 206 : | Ligne 316 : | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
+ | div.home .container | ||
+ | { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | div.home.featured div.insideborder div.texte dl{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div.home.featured div.insideborder div.texte h2{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div.home div.facebook | ||
+ | { | ||
+ | position: absolute; | ||
+ | right: -60px; | ||
+ | } | ||
+ | |||
+ | /*</pre>*/ |
Version actuelle datée du 3 décembre 2012 à 09:02
/*<pre>*/ /** Le CSS placé ici sera appliqué à toutes les apparences. */ /* APPARENCE DES MESSAGES D'ALERTE */ .alerte { padding:0.2em; background:#FFD; margin-bottom:0.4em; font-style: italic; } /* Nombre de caractères modifiés dans les modifications récentes et la liste de suivi. */ /* modif du 18/04/2010 */ .mw-plusminus-pos { color:#00B000 } .mw-plusminus-neg { color:#FF2050 } .mw-plusminus-null { color:#999999 } .mw-tag-markers { font-family:sans-serif; font-style:italic; font-size:90%; } /* Symbole de modification non vérifiée dans les modifications récentes et la liste de suivi. */ span.unpatrolled { color:#999 } /* HOMONYMIE */ /* Classe servant à personnaliser l'apparence des liens vers les pages d'homonymie. */ .homonymie { padding-left:2em; padding-bottom:.5em; margin-bottom:.5em; font-style:italic; border-bottom:1px #AAA solid; } /* fin */ /* WIKITABLE */ /* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */ /* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ table.wikitable { /* debut */ margin-top:1em; margin-bottom:1em; background:#F9F9F9; border:1px #AAA solid; border-collapse:collapse; } table.wikitable th, table.wikitable td { border:1px #AAA solid; padding:.3em; } table.wikitable th, .wikitable_header { background:#F2F2F2; text-align:center; } table.wikitable caption { margin-left:inherit; margin-right:inherit; } /* fin */ /* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche sans flottement en ajoutant le [[modèle:clr]] en bas du tableau, ou en précisant style="float:none" dans l'en-tête du tableau. */ table.gauche, table.left { float:left; margin:0 1em 1em 0; } table.droite, table.right { float:right; margin:0 0 1em 1em; } table.centre, table.center { margin:1em auto; } /* Pour les cas où le code de l'article contienne un paramètre align de valeur center */ table.wikitable[align=center] {margin:1em auto;} /* BANDEAUX D'AVERTISSEMENT */ /* style par défaut des bandeaux d'avertissement décidés sur Wikipédia:Prise de décision/Changement de style des messages d'avertissement Utilisé dans Modèle:Méta bandeau d'avertissement */ .bandeau { /* monobookocentré */ text-align: left; margin: 8px 10% 12px; border-style: solid; border-width: 1px 1px 1px 10px; padding: 2px 10px; } .bandeau table { background-color: transparent } .bandeau-niveau-grave { border-color: #aa0044; background-color: #ffcccc } .bandeau-niveau-modere { border-color: #ff8822; background-color: #ffeedd } .bandeau-niveau-ebauche { border-color: #ff8822; background-color: #ffeedd } .bandeau-niveau-information { border-color: #77ccff; background-color: #fbfbfb } .bandeau-icone { vertical-align: middle; text-align: center; min-width: 45px; padding-right: 10px } .bandeau-titre { font-size: 1em; line-height: 1.4em; margin-bottom: 0.5em } .bandeau-texte { font-size: 0.9em; line-height: 1.2em } /* Standard Navigationsleisten */ div.BoxenVerschmelzen, div.NavFrame { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.BoxenVerschmelzen div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #ffffff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } .NavToggle { font-size: x-small; float:right; } table td{ vertical-align: top; } .my_sortable th:after{ content: 'tri'; font-size: 10px; font-style: italic; font-weight: normal; } /*#ban_google { width: 120px; clear: left; position: fixed; !important position: absolute; padding: 35px 0px 0px 3px; float: right; right: 0px; top: 10px; z-index: 2; } #content { margin: 2.8em 120px 0 12.2em; }*/ #mini_ad_google{ width: 234px; height: 60px; /*position: fixed; !important*/ position: absolute; right: 4px; /*top: 19px; !important*/ top: -17px; } #content{ padding-top: 15px; margin-left: 13em; } #pub_menu_google { width: 160px; height: 600px; border: 1px solid #aaa; margin-top: 10px; margin-left: 0px; padding: 0; position: absolute; } /* Style de la page d'acceuil */ div.home.background { background: url(/_images/7/7a/Home_Background.jpg) no-repeat right bottom; } div.home.container { /*width: 827px;*/ max-width: 80%; min-width: 827px; } div.home.welcome { height: 75px; } div.home.menu div.insideborder, div.home.featured div.insideborder, div.home.dnews div.insideborder, div.home.wnews div.insideborder, div.home.last div.insideborder { margin: 5px; } div.home.menu, div.home.featured, div.home.dnews, div.home.wnews, div.home.last { margin: 5px; border: 1px solid #EEEEEE; background-color: white; } div.home.menu { float: left; width: 30%; background-color: #c8d8ff; border-color: #8898bf; } div.home div.insideborder, div.home div.insideborder{ height: 290px; } div.home.featured { float: left; width: 67%; } div.home.featured div.insideborder div.texte{ margin: 0; padding: 0; overflow: hidden; height: 225px; } div.home.dnews, div.home.wnews { float: left; /*width: 27.2%;*/ width: 42%; overflow: hidden; } div.home.dnews { border-color: #fbc917; background-color: #fde9ba; } div.home.wnews { border-color: #97bf87; background-color: #d7ffc7; } div.home.last ul { list-style-image: none; list-style-type: none; margin-left: 10px; } div.home.last { float: left; /*width: 41.1%;*/ width: 55%; overflow: hidden; } div.home.last span.comment, div.home.last li .mw-userlink, div.home.last span.mw-usertoollinks { display: none; } div.home.last li { white-space: nowrap; } div.home.last li.not-patrolled{ background-color: transparent; } div.home .container { position: relative; } div.home.featured div.insideborder div.texte dl{ display: none; } div.home.featured div.insideborder div.texte h2{ display: none; } div.home div.facebook { position: absolute; right: -60px; } /*</pre>*/