MediaWiki:Common.css : Différence entre versions
De Aide Battle Arenas
m |
m |
||
(195 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 2 : | Ligne 2 : | ||
#f-poweredbyico { display: none; } | #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 |
− | table. | + | * 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. | + | 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}