MediaWiki:Common.css : Différence entre versions
De Aide Battle Arenas
m |
|||
| (255 révisions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 3 : | Ligne 3 : | ||
/* WIKITABLE */ | /* WIKITABLE */ | ||
| − | |||
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="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. */ | /* Tableaux selon la charte graphique. Ils sont centrés par défaut. */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | table.wikitable | + | table.wikitable { |
| − | + | margin: 1em 1em 1em 0; | |
| − | + | background-color: #f9f9f9; | |
| + | border: 1px #000000 solid; | ||
| + | border-collapse: collapse; | ||
| + | color: black; | ||
} | } | ||
| − | + | table.wikitable > tr > th, | |
| − | table.wikitable th, . | + | table.wikitable > tr > td, |
| − | + | table.wikitable > * > tr > th, | |
| − | + | table.wikitable > * > tr > td { | |
| + | border: 1px #000000 solid; | ||
| + | padding: 0.2em; | ||
| + | } | ||
| + | table.wikitable > tr > th, | ||
| + | table.wikitable > * > tr > th { | ||
| + | background-color: #f2f2f2; | ||
| + | text-align: center; | ||
| + | } | ||
| + | table.wikitable > caption { | ||
| + | font-weight: bold; | ||
} | } | ||
| − | + | /** 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 { | |
| − | + | border: 1px #000000 solid; | |
| − | + | text-align: center; | |
| − | + | background: #FFFFFF; | |
| − | + | float: left; | |
| − | + | margin: 0 1em 1em 0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | table. | + | table.droite, |
| − | + | table.right { | |
| − | + | border: 1px #000000 solid; | |
| + | background: #FFFFFF; | ||
| + | text-align: center; | ||
| + | float: right; | ||
| + | margin: 0 0 1em 1em; | ||
} | } | ||
| − | table. | + | table.centre, |
| − | + | table.center { | |
| − | + | border: 1px #000000 solid; | |
| + | text-align: center; | ||
| + | background: #FFFFFF; | ||
| + | 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; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | /* ALTERNANCE */ | |
| − | + | ||
| − | + | /** Classes permettant d'alterner les couleurs de ligne | |
| + | * dans les tableaux selon le nombre de lignes d'en-tête : | ||
| + | *.alternance si nombre impair | ||
| + | *.alternance2 si nombre pair. | ||
| + | * | ||
| + | *.odd est un be kind to IE<9 qui n'implémente pas | ||
| + | * le sélecteur :nth-child, appliquée via Common.js | ||
| + | * | ||
| + | *.sortable : les tableaux triables nécessitent d'inverser | ||
| + | * l'alternance. | ||
| + | */ | ||
| + | |||
| + | table.alternance tr, | ||
| + | .alternance.wikitable th[scope="row"] { | ||
| + | background: #fff; | ||
} | } | ||
| − | table. | + | table.alternance tr:nth-child(odd), |
| − | + | .alternance.wikitable tr:nth-child(odd) th[scope="row"] { | |
| − | + | background: #E9E9E9; | |
} | } | ||
| − | table. | + | table.alternance tr.odd, |
| − | + | table.alternance.wikitable tr.odd th[scope="row"] { | |
| − | + | background: #E9E9E9; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | table. | + | table.alternance2 tr, |
| − | + | table.alternance.sortable tr { | |
| − | + | background: #E9E9E9; | |
} | } | ||
| − | table. | + | table.alternance2 tr:nth-child(odd), |
| − | + | table.alternance.sortable tr:nth-child(2n+1) { | |
| − | + | background: #fff; | |
} | } | ||
| + | |||
| + | table.alternance2 tr.odd, | ||
| + | table.alternance.sortable tr.odd { | ||
| + | background: #fff; | ||
| + | } | ||
| + | |||
| + | /** Collapsible tables ********************************************************* | ||
| + | * | ||
| + | * Description: Allows tables to be collapsed, showing only the header. See | ||
| + | * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. | ||
| + | * Maintainers: [[en:User:R. Koot]] | ||
| + | */ | ||
| + | |||
| + | table.collapsed tr.collapsible { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ | ||
| + | float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ | ||
| + | font-weight: normal; /* are styled here so they can be customised. */ | ||
| + | text-align: right; | ||
| + | width: auto; | ||
| + | } | ||
| + | |||
| + | /*<nowiki>*/ | ||
| + | /*Fonts*/ | ||
| + | @font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg');font-weight:normal;font-style:normal} | ||
| + | @font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg');font-weight:normal;font-style:italic} | ||
| + | @font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg');font-weight:bold;font-style:normal} | ||
| + | |||
| + | /* TOC display level limiter, will only display the TOC up to level N */ | ||
| + | .toc1 li.toclevel-2, | ||
| + | .toc1 li.toclevel-3,.toc2 li.toclevel-3, | ||
| + | .toc1 li.toclevel-4,.toc2 li.toclevel-4,.toc3 li.toclevel-4, | ||
| + | .toc1 li.toclevel-5,.toc2 li.toclevel-5,.toc3 li.toclevel-5,.toc4 li.toclevel-5, | ||
| + | .toc1 li.toclevel-6,.toc2 li.toclevel-6,.toc3 li.toclevel-6,.toc4 li.toclevel-6,.toc5 li.toclevel-6, | ||
| + | .hide,body.page-Main_Page.ns-subject h1.firstHeading {display:none} | ||
| + | |||
| + | /*TOC heading font*/ | ||
| + | #toc h2,.toc h2 {font-family:Arial, sans-serif!important} | ||
| + | |||
| + | /* Miscellaneous changes */ | ||
| + | table#mw-dismissable-notice {background:transparent} | ||
| + | ul.special abbr,ul.special acronym {border:none} | ||
| + | ol.references > li:target,sup.reference:target,cite:target {background:#EEF} | ||
| + | ol.references {font-size:90%} | ||
| + | sup,sub {line-height:1em} | ||
| + | |||
| + | /* Universal styles */ | ||
| + | .hidelist ul {list-style:none none;margin:0;padding:0} | ||
| + | .hidelist p {font-style:italic;margin:0 0 .2em} | ||
| + | .hidelist p + ul {margin-bottom:.5em} | ||
| + | |||
| + | #content .hiddenlinks a,#content .hiddenlinks a:link,#content .hiddenlinks a:visited {color:inherit} | ||
| + | |||
| + | /**MAIN PAGE STYLESHEET**/ | ||
| + | #mainpagenavigation { | ||
| + | display:block; | ||
| + | box-shadow:rgba(0,0,0,0.5) 0 0 .75em; | ||
| + | border-collapse:collapse; | ||
| + | text-align:left | ||
| + | } | ||
| + | |||
| + | #mainpagenavigation th { | ||
| + | font-family:EasonPro,"Times New Roman", serif; | ||
| + | font-size:1.7692307692em; | ||
| + | color:#fff; | ||
| + | text-shadow:rgba(0,0,0,0.75) 0 0 .25em; | ||
| + | background-color:#444; | ||
| + | background-image:url(http://wiki.guildwars2.com/images/3/3a/BG_gradient.jpg)!important; | ||
| + | font-weight:400; | ||
| + | height:48px; | ||
| + | text-align:center; | ||
| + | font-size-adjust:0.43 | ||
| + | } | ||
| + | |||
| + | #mainpagenavigation td { | ||
| + | background-color:#fff; | ||
| + | filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); | ||
| + | background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); | ||
| + | background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); | ||
| + | background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); | ||
| + | background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%); | ||
| + | background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%); | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #eee)); | ||
| + | } | ||
| + | |||
| + | #mainpagenavigation td.content {vertical-align:top;padding:.5em 2%} | ||
| + | #mainpagenavigation td.separator {border-right:#aaa solid 1px} | ||
| + | |||
| + | body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em} | ||
| + | |||
| + | /*older IE hacks*/ | ||
| + | #mainpagenavigation td.content > * {width:88%\0/} | ||
| + | #mainpagenavigation td.content > [class*=float] {width:auto\0/} | ||
| + | :root #mainpagenavigation td.content > * {width:auto} | ||
Version actuelle en date du 22 mars 2013 à 05:05
/* Le CSS placé ici sera appliqué à tous les habillages. */
#f-poweredbyico { display: none; }
/* 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 {
margin: 1em 1em 1em 0;
background-color: #f9f9f9;
border: 1px #000000 solid;
border-collapse: collapse;
color: black;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px #000000 solid;
padding: 0.2em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background-color: #f2f2f2;
text-align: center;
}
table.wikitable > caption {
font-weight: bold;
}
/** 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 {
border: 1px #000000 solid;
text-align: center;
background: #FFFFFF;
float: left;
margin: 0 1em 1em 0;
}
table.droite,
table.right {
border: 1px #000000 solid;
background: #FFFFFF;
text-align: center;
float: right;
margin: 0 0 1em 1em;
}
table.centre,
table.center {
border: 1px #000000 solid;
text-align: center;
background: #FFFFFF;
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;
}
/* ALTERNANCE */
/** Classes permettant d'alterner les couleurs de ligne
* dans les tableaux selon le nombre de lignes d'en-tête :
*.alternance si nombre impair
*.alternance2 si nombre pair.
*
*.odd est un be kind to IE<9 qui n'implémente pas
* le sélecteur :nth-child, appliquée via Common.js
*
*.sortable : les tableaux triables nécessitent d'inverser
* l'alternance.
*/
table.alternance tr,
.alternance.wikitable th[scope="row"] {
background: #fff;
}
table.alternance tr:nth-child(odd),
.alternance.wikitable tr:nth-child(odd) th[scope="row"] {
background: #E9E9E9;
}
table.alternance tr.odd,
table.alternance.wikitable tr.odd th[scope="row"] {
background: #E9E9E9;
}
table.alternance2 tr,
table.alternance.sortable tr {
background: #E9E9E9;
}
table.alternance2 tr:nth-child(odd),
table.alternance.sortable tr:nth-child(2n+1) {
background: #fff;
}
table.alternance2 tr.odd,
table.alternance.sortable tr.odd {
background: #fff;
}
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/
table.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/*<nowiki>*/
/*Fonts*/
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic') format('svg');font-weight:normal;font-style:italic}
@font-face{font-family:'EasonPro';src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot');src:url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.woff') format('woff'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.ttf') format('truetype'),url('https://d1h9a8s8eodvjz.cloudfront.net//fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold') format('svg');font-weight:bold;font-style:normal}
/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,.toc2 li.toclevel-3,
.toc1 li.toclevel-4,.toc2 li.toclevel-4,.toc3 li.toclevel-4,
.toc1 li.toclevel-5,.toc2 li.toclevel-5,.toc3 li.toclevel-5,.toc4 li.toclevel-5,
.toc1 li.toclevel-6,.toc2 li.toclevel-6,.toc3 li.toclevel-6,.toc4 li.toclevel-6,.toc5 li.toclevel-6,
.hide,body.page-Main_Page.ns-subject h1.firstHeading {display:none}
/*TOC heading font*/
#toc h2,.toc h2 {font-family:Arial, sans-serif!important}
/* Miscellaneous changes */
table#mw-dismissable-notice {background:transparent}
ul.special abbr,ul.special acronym {border:none}
ol.references > li:target,sup.reference:target,cite:target {background:#EEF}
ol.references {font-size:90%}
sup,sub {line-height:1em}
/* Universal styles */
.hidelist ul {list-style:none none;margin:0;padding:0}
.hidelist p {font-style:italic;margin:0 0 .2em}
.hidelist p + ul {margin-bottom:.5em}
#content .hiddenlinks a,#content .hiddenlinks a:link,#content .hiddenlinks a:visited {color:inherit}
/**MAIN PAGE STYLESHEET**/
#mainpagenavigation {
display:block;
box-shadow:rgba(0,0,0,0.5) 0 0 .75em;
border-collapse:collapse;
text-align:left
}
#mainpagenavigation th {
font-family:EasonPro,"Times New Roman", serif;
font-size:1.7692307692em;
color:#fff;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
background-color:#444;
background-image:url(http://wiki.guildwars2.com/images/3/3a/BG_gradient.jpg)!important;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}
#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #eee 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #eee));
}
#mainpagenavigation td.content {vertical-align:top;padding:.5em 2%}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}
body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}
/*older IE hacks*/
#mainpagenavigation td.content > * {width:88%\0/}
#mainpagenavigation td.content > [class*=float] {width:auto\0/}
:root #mainpagenavigation td.content > * {width:auto}