MediaWiki:Common.css : Différence entre versions

De Aide Battle Arenas
m
 
(240 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 { /* monobookocentré debut */
+
margin-top:1em;
+
table.wikitable {
margin-bottom:1em;
+
margin: 1em 1em 1em 0;
background:#F9F9F9;
+
background-color: #f9f9f9;
border:1px #AAA solid;
+
border: 1px #000000 solid;
border-collapse:collapse;
+
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.wikitable th, table.wikitable td {
+
table.gauche,
border:1px #AAA solid;
+
table.left {
padding:.3em;
+
  border: 1px #000000 solid;
 +
  text-align: center;
 +
  background: #FFFFFF;
 +
  float: left;
 +
  margin: 0 1em 1em 0;
 
}
 
}
 
   
 
   
table.wikitable th, .wikitable_header {
+
table.droite,
background:#E2E2E2;
+
table.right {
text-align:center;
+
  border: 1px #000000 solid;
 +
  background: #FFFFFF;
 +
  text-align: center;
 +
  float: right;
 +
  margin: 0 0 1em 1em;
 
}
 
}
 
   
 
   
table.wikitable caption {
+
table.centre,
margin-left:inherit;
+
table.center {
margin-right:inherit;
+
  border: 1px #000000 solid;
} /* monobookocentré fin */
+
  text-align: center;  
 +
  background: #FFFFFF;
 +
  margin: 1em auto;
 +
}
 
   
 
   
/* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche
+
/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */
  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.wikitable[align=center] {
 
+
  margin: 1em auto;
table.wikitablegauche, table.left {
+
float:left;
+
align:left;
+
margin-top:1em;
+
margin-bottom:1em;
+
background:#F9F9F9;
+
border:1px #AAA solid;
+
border-collapse:collapse;
+
margin:0 1em 1em 0;
+
 
}
 
}
 
   
 
   
table.wikitablegauche th, table.wikitable td {
+
/* ALTERNANCE */
  border:1px #AAA solid;
+
  padding:.3em;
+
/** 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.wikitablegauche th, .wikitable_header {
+
table.alternance tr:nth-child(odd),
background:#E2E2E2;
+
.alternance.wikitable tr:nth-child(odd) th[scope="row"] {
text-align:center;
+
  background: #E9E9E9;
 
}
 
}
 
   
 
   
table.wikitabledroite, table.right {
+
table.alternance tr.odd,
float:right;
+
table.alternance.wikitable tr.odd th[scope="row"] {
align:right; margin-top:1em;
+
  background: #E9E9E9;
margin-bottom:1em;
+
background:#F9F9F9;
+
border:1px #AAA solid;
+
border-collapse:collapse;
+
margin:0 0 1em 1em;
+
 
}
 
}
 
   
 
   
table.wikitabledroite th, table.wikitable td {
+
table.alternance2 tr,
border:1px #AAA solid;
+
table.alternance.sortable tr {
padding:.3em;
+
  background: #E9E9E9;
 
}
 
}
 
   
 
   
table.wikitabledroite th, .wikitable_header {
+
table.alternance2 tr:nth-child(odd),
background:#E2E2E2;
+
table.alternance.sortable tr:nth-child(2n+1) {
text-align:center;
+
  background: #fff;
 
}
 
}
 
   
 
   
table.wikitablecentre, table.center {
+
table.alternance2 tr.odd,
float:center;
+
table.alternance.sortable tr.odd {
align:center;
+
  background: #fff;
text-align:center;
+
}
margin-top:1em;
+
margin-bottom:1em;
+
background:#F9F9F9;
+
border:1px #AAA solid;
+
border-collapse:collapse;
+
margin:1em auto;
+
  
able.wikitablecentre th, table.wikitable td {
+
/** Collapsible tables *********************************************************
  border:1px #aaaaaa solid;
+
*
  padding:.3em;
+
*  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;
 
}
 
}
+
 
table.wikitablecentre th, .wikitable_header {
+
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
background:#E2E2E2;
+
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
text-align:center;
+
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}