MediaWiki:Common.css

/* Le CSS placé ici sera appliqué à tous les habillages. */


/**************** BIBEHCK (ME!) ******************************/

body { background-color: #FCFDFD; background-image: none; background-repeat: none;}

/* Couleurs des liens */
a {color:#0a7cc8; text-decoration: none;}
a:hover {color:#181D2E;text-decoration: none;}
a:active  {color:#4E8DAF;}
a:visited {color:#0a7cc8;text-decoration: none;}
.new a , #p-personal .new a,#quickbar .new a, .new a:hover, .new a:visited {font-weight:italic;}

/* Menu de gauche */
#mw-panel li a {color: #CB4627;text-decoration:none; font-size:1.1em;}
#mw-panel li a:hover {color:#2d2d2d;}

/* Onglet du content */
vectorTabs a {color:#099DFF; text-decoration: none;}
div.vectorTabs li a:hover {color:#4D4D4D;text-decoration: none;}
div.vectorTabs li a:active  {color:#4E8DAF;}
div.vectorTabs li a:visited {color:#4E8DAF;text-decoration: none;}

div.vectorTabs li.new a {color:#CB4627/*#FFCE7B*/; font-weight:italic;}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited {color:#4E8DAF;}
div.vectorMenu li a, div.vectorMenu li a  {color:#4E8DAF;}


/* Discussion */
/* Pseudo NS Special (light grey) */
.ns--2 #content { background-color: #f4f4f4; }
.ns--2 div.thumb { border-color: #f4f4f4; }
 
/* NS Project + Project_talk (light sky blue) */
.ns-4 #content,
.ns-5 #content { background-color: #f8fcff; }
.ns-4 div.thumb,
.ns-5 div.thumb { border-color: #f8fcff; }
 
/* NS MediaWiki + MediaWiki_talk (light grey) */
.ns-8 #content,
.ns-9 #content { background-color: #f4f4f4; }
.ns-8 div.thumb,
.ns-9 div.thumb { border-color: #f4f4f4; }
 
/* NS Manual + Manual_talk (light bluish violet) */
.ns-100 #content,
.ns-101 #content { background-color: #f3f3ff; }
.ns-100 div.thumb,
.ns-101 div.thumb { border-color: #f3f3ff; }
 
/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
.ns-12 #content {
	border-right: none;
	background-repeat: no-repeat;
	background-position: right top;
}
.ns-12 #bodyContent {
	background-image: url('//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
	background-repeat: no-repeat;
	/* @noflip */ background-position: right 5em;
}

/* Tableau */
table.wikitable {
margin: 1em 1em 1em 0;
background-color: #EFF6FA;
border: 1px #AAA solid;
border-collapse: collapse;
color: black;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
 border-radius: 0.3em;
 border: 1px solid #CCC;
 box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
}


.table-bordered {border:none;}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: none;
}

.tbody {
    background-color: none;
}

table.wikitable th, table.wikitable td,
table.wiki-table th, table.wiki-table td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0.35em 0.5em;
}
table.wikitable th, table.wikitable td.hl1, table.wikitable th.hl1,
table.wiki-table th, table.wiki-table td.hl1, table.wikitable th.hl1 {
    background: #F8F6EB;
    padding: 0.35em 0.5em;
    color: #000;
    text-align: left;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    text-shadow: none;
    border: 1px solid #ccc;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
    position: relative;
}
table.wikitable td.hl2, table.wikitable th.hl2,
table.wiki-table td.hl2, table.wiki-table th.hl2 {
    background: #fff;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable td.hl3, table.wikitable th.hl3,
table.wiki-table td.hl3, table.wiki-table th.hl3 {
    background: #ebf5f8;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable caption,
table.wiki-table caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
table.wikitable td,
table.wiki-table td {
    vertical-align: top;
}
table.wikitable td:nth-child(even), table.wiki-table td:nth-child(even) {
    background: #f7f7f7;
}
table.wikitable tr:hover td, table.wiki-table tr:hover td {
    background: #f5fafc;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
table.wikitable tr:hover td:nth-child(even), table.wiki-table tr:hover td:nth-child(even) {
    background: #eaf3f7;
}
 
/* Table 2 From sk89q */

 table.wikitable2,
table.wiki-table2 {
    margin: 1em -2px 1em -2px;
    background: #fff;
    border: 0;
    border-collapse: separate;
    empty-cells: show;
    border-spacing: 1px;
    border: 0;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
}
table.wikitable2 th, table.wikitable2 td,
table.wiki-table2 th, table.wiki-table2 td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0.35em 0.5em;
}
table.wikitable2 th, table.wikitable2 td.hl1, table.wikitable2 th.hl1,
table.wiki-table2 th, table.wiki-table2 td.hl1, table.wikitable2 th.hl1 {
    background: #f8f6eb;
    padding: 0.35em 0.5em;
    color: #000;
    text-align: left;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    position: relative;
}
table.wikitable2 td.hl2, table.wikitable2 th.hl2,
table.wiki-table2 td.hl2, table.wiki-table2 th.hl2 {
    background: #fff;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable2 td.hl3, table.wikitable2 th.hl3,
table.wiki-table2 td.hl3, table.wiki-table2 th.hl3 {
    background: #ebf5f8;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable2 caption,
table.wiki-table2 caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
table.wikitable2 td,
table.wiki-table2 td {
    vertical-align: top;
}
table.wikitable2 td:nth-child(even), table.wiki-table2 td:nth-child(even) {
    background: #f7f7f7;
}
table.wikitable2 tr:hover td, table.wiki-table2 tr:hover td {
    background: #f5fafc;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
table.wikitable2 tr:hover td:nth-child(even), table.wiki-table2 tr:hover td:nth-child(even) {
    background: #eaf3f7;
}


/* ---- wikitable3 ---- */

table.wikitable3,
table.wiki-table3 {
    margin: 1em -2px 1em -2px;
    background: #fff;
    border: 0;
    border-collapse: separate;
    empty-cells: show;
    border-spacing: 1px;
    border: 0;
   font-family: "Courier 10 Pitch",monospace,sans-serif;
}
table.wikitable3 th, table.wikitable3 td,
table.wiki-table3 th, table.wiki-table3 td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 0.35em 0.5em;
}
table.wikitable3 th, table.wikitable3 td.hl1, table.wikitable3 th.hl1,
table.wiki-table3 th, table.wiki-table3 td.hl1, table.wikitable3 th.hl1 {
    background: #f8f6eb;
    padding: 0.35em 0.5em;
    color: #000;
    text-align: left;
    position: relative;
}
table.wikitable3 td.hl2, table.wikitable3 th.hl2,
table.wiki-table3 td.hl2, table.wiki-table3 th.hl2 {
    background: #fff;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable3 td.hl3, table.wikitable3 th.hl3,
table.wiki-table3 td.hl3, table.wiki-table3 th.hl3 {
    background: #ebf5f8;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.wikitable3 caption,
table.wiki-table3 caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
table.wikitable3 td,
table.wiki-table3 td {
    vertical-align: top;
}

table.wikitable3 td .perm,
table.wiki-table3 td .perm {
    vertical-align: top;
    font-family: courier,sans-serif;
}
table.wikitable3 td:nth-child(even), table.wiki-table3 td:nth-child(even) {
    background: #f7f7f7;
}
/*
table.wikitable3 tr:hover td, table.wiki-table3 tr:hover td {
    background: #f5fafc;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}*/
table.wikitable3 tr:hover td:nth-child(even), table.wiki-table3 tr:hover td:nth-child(even) {
    background: #eaf3f7;
}

 
/*  Chronologie */

 table.chronologie,
table.chrono {
    margin: 1em -2px 1em -2px;
    background: #fff;
    border: 0;
    border-collapse: separate;
    empty-cells: show;
    border-spacing: 1px;
    border: 0;
}
table.chronologie th, table.chronologie td,
table.chrono th, table.chrono td {
    border: 0;
    border-bottom: 1px solid #D2D2D2;
    padding: 0.35em 0.5em;
}
table.chronologie th, table.chronologie td.hl1, table.chronologie th.hl1,
table.chrono th, table.chrono td.hl1, table.chronologie th.hl1 {
    background: #2D2D2D;
    padding: 0.35em 0.5em;
    color: #fff;
    text-align: left;
    position: relative;
}
table.chronologie td.hl2, table.chronologie th.hl2,
table.chrono td.hl2, table.chrono th.hl2 {
    background: #fff;
    color: #444;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0;
}
table.chronologie td.hl3, table.chronologie th.hl3,
table.chrono td.hl3, table.chrono th.hl3 {
    background: #ebf5f8;
    color: #444;
    text-align: center;
    border: 1px solid #D2D2D2;
    border-top: 0;
}
table.chronologie caption,
table.chrono caption {
    margin-left: inherit;
    margin-right: inherit;
    font-weight: bold;
}
table.chronologie td,
table.chrono td {
    vertical-align: top;
}
table.chronologie td:nth-child(even), table.chrono td:nth-child(even) {
    background: #fbfbfb;
}
table.chronologie tr:hover td, table.chrono tr:hover td {
    background: #f5fafc;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
}
table.chronologie tr:hover td:nth-child(even), table.chrono tr:hover td:nth-child(even) {
    background: #eaf3f7;
}


/* Code PRE TT (pour les commandes) */

code {
margin: 0 2px;
padding: 3px 5px;
white-space: nowrap;
border: 1px solid #EAEAEA;
background-color: #F8F6EB;
border-radius: 3px;
}

pre, code, tt {
font-size: 12px;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}




/****** AUTRES*********/

li { margin: 5px; }
/**************** FROM FR.WIKIPEDIA.ORG********************/
/* INFOBOX */
 
/** Style commun aux infobox ; utiliser :
 *  * class="infobox" dans l'en-tête.
 *  * class="infoboximage" pour l'image et sa description
 *  * class="infoboxsoustitre" pour le sous-titre.
 *  Voir [[Aide:Infobox]] et [[Projet:InfoBox]].
 */
 
.infobox {
  background: #EEE; /* couleur correspondant aux titres / colonne de gauche, th */
  color: #000;
  float: right;
  clear: right;
  align:right;
  font-size: 95%;
  border-collapse: collapse;
  margin: 0 0 .5em 1em;
  width: 250px;
}
 
/* monobookocentré debut  */
 
.infobox caption {
  background: #C0C0C0;
  border-left: 1px solid #AAA;
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  padding: .2em;
  margin-left: .57em;
  font-weight: bolder;
  text-align: center;
  color: #FFF;
  font-size: 160%;
}
 
.infobox th,
.infobox td {
  vertical-align: middle;
  border: 1px solid #AAA;
  padding: .2em .2em .2em .5em;
}
 
.infobox td {
  text-align: center;
}
 
.infobox th {
  font-weight: normal;
  text-align: left;
}
 
.infobox .infoboximage {
  /* emplacement pour les photos et une description */
  background: #FFF;
  padding: 0;
  margin-top: 0;
  color: #000;
  text-align: center;
}
 
.infobox .infoboxsoustitre {
  /* sous-titre */
  color: #000;
  font-weight: bold;
  font-size: 115%;
  line-height: 2;
  text-align: center;
}
 
.infobox dl {
  clear: both
}
 
.infobox dt {
  float: left;
  clear: left;
  width: 35%;
}
 
.infobox dd {
  margin-left: 40%
}


.infobox_v2 {
  /* monobookocentré debut */
  color: #000;
  font-size: 90%;
  line-height: 1.1em;
  float: right;
  clear: right;
align:right;
  /* haut droite bas gauche */
  margin: 0 0 .5em 1em;
  width: 300px;
   -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em;
        border: 1px solid #CCC;
        box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
  padding: 0.1em;
}
 
.infobox_v2 th {
  vertical-align: super;
  text-align: left;
}
 
.infobox_v2 .entete {
  height: 45px;
  vertical-align: middle;
  text-align: center;
  font-size: 150%;
  font-weight: bolder;
  line-height: 1.2em;
  color: #000;
}
 
.infobox_v2 .media {
  height: 35px;
  vertical-align: middle;
  text-align: center;
  font-weight: bolder;
  color: #000;
}

.table-bordered > tbody > tr > th {border:none)


/* ENTETES INFOBOXES
--------------------------------------------*/

.entete.construction {
  background-color: #03576C;
  background-image: url('//nefald.fr/wiki/images/e/ea/entete_construction.png') no-repeat top right;
  width:100%;
  height:60px;
}


.entete.plugin {
  background-color: #FDB600;
  background-image: url('//nefald.fr/wiki/images/6/67/entete_plugin.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.joueur {
  background-color: #0072B1;
  background-image: url('//nefald.fr/wiki/images/5/56/entete_joueur.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.personnage {
  background-color:#0072B1;
  background-image: url('//nefald.fr/wiki/images/f/f4/entete_personnage.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.grade {
  background-image: #3AACCA url('//nefald.fr/wiki/images/2/2b/entete_grade.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.guilde {
  background-color:#FF2D07;
  background-image: url('//nefald.fr/wiki/images/2/2f/entete_guilde.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.ville {
  background-color:#026B84;
  background-image: url('//nefald.fr/wiki/images/3/3e/entete_ville.png') no-repeat top right;
  width:100%;
  height:60px;
}


.entete.monde {
  background-color:#82C300;
  background-image: url('//nefald.fr/wiki/images/7/71/entete_monde.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.logiciel {
  background-color:#963DC7;
  background-image: url('//nefald.fr/wiki/images/e/e2/entete_logiciel.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.mod {
  background-color:#FFD644;
  background-image: url('//nefald.fr/wiki/images/0/0d/entete_mod.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.territoire {
  background-color:#578103;
  background-image: url('//nefald.fr/wiki/images/6/60/entete_territoire.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.application.mobile {
  background-color:#A4C639;
  background-image: url('//nefald.fr/wiki/images/1/16/entete_application_mobile.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.schematic {
  background-color:#596DDB;
  background-image: url('//nefald.fr/wiki/images/f/f5/entete_schematic.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.roleplay {
  background-color:#1E5C97;
  background-image: url('//nefald.fr/wiki/images/f/fe/entete_roleplay.png') no-repeat top right;
  width:100%;
  height:60px;
}


.entete.tutoriel {
  background-color:#488BDD;
  background-image: url('//nefald.fr/wiki/images/e/e5/entete_tutoriel.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.metier {
  background-color:#7BAFFF;
  background-image: url('//nefald.fr/wiki/images/e/e4/entete_metier.png') no-repeat top right;
  width:100%;
  height:60px;
}

.entete.divinite {
  background-color:#012946;
  background-image: url('//nefald.fr/wiki/images/4/45/entete_divinite.png') no-repeat top right;
  width:100%;
  height:60px;
}

/* SK89Q'S WIKI wiki.sk89q.com - WE LOVE IT! */

h2 {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1.6em 0 1em 0;
    padding: 0 0 0.2em 0;
    border-bottom: 1px solid #ccc;
    color: #555;
}
h3 {
    font-family: 'Helvetica', Arial, sans-serif;
    margin: 1.1em 0 0.4em 0;
}

/* SK89Q */


/* * BOÎTES ET MESSAGES * */
 
div.boite-a-droite {
  display: table;
  clear: right;
  float: right;
  margin: 1em 0 1em 1em;
  width: 20em;
  position: relative;  /* pour les images manuelles */
 
  border-style: solid;
  border-width: 1px;
  padding: 4px;
  text-align: left;
   -webkit-border-radius: 0.3em;
        -moz-border-radius: 0.3em;
        border-radius: 0.3em;
        border: 1px solid #CCC;
        box-shadow: 0 0.3em 0.3em rgba(0, 0, 0, 0.1);
  padding: 0.1em;
}
.boite-sans-fond {
  border-color: #aaa;    /* comme boite-grise */
}
.boite-grise {
  border-color: #aaa;
  background-color: #F9F9F9;
}

.boite-jaune { 
  border-color: #aaa;
  background-color: #FFE998;
}

.boite-bleu {  
  border-color: #aaa;
  background-color: #EFF6FA;
}

span.annexe {font-weight:bold;color:#0a7cc8;}
.annexe a,
.annexe a:active {color:#0a7cc8;}
.annexe a:hover { color:#CB4627;}

li.annexe {list-style:none;}

.titre-annexe {font-size:14px;font-weight:bold;font-style:italic;margin-left:10px;}


/* G A L L E R Y */

li.gallerybox div.thumb {
border: 1px solid #B4BEC3;
background-color: #f5f5f5;


/* S I T E N O T I C E */
.bignotice {border: 1px solid #f4f4f4;padding-top:15px;-webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;border-radius: 0.3em;border: 1px solid #CCC;box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);}


ul {
	/* @embed */
	list-style-image: none;
}


/* Styles de [[Modèle:Méta palette de navigation]] */
 
table.navbox {
  border: 1px solid #AAA;
  clear: both;
  font-size: 90%;
  margin: 1em 0 0;
  padding: 2px;
  text-align: center;
  width: 100%;
}
 
  table.navbox th {
  background: #CCF;
  padding-left: 1em;
  padding-right: 1em;
}
 
  table.navbox td.group {
  background: #DDF;
  vertical-align: middle;
  width: 150px;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: bold;
}
 
  table.navbox td.list {
  text-align: left
}
 
  table.navbox td.even {
  background: #EEF
}
 
  table.navbox td.banner {
  background: #DDF;
  vertical-align: middle;
  padding-left: 1em;
  padding-right: 1em;
}
 
/* Modèle de palettes groupées, [[Modèle:Palette]] */
 
div.navbox_group {
  border: 1px solid #aaaaaa;
  margin-top: 15px;
}
 
  div.navbox_group table.navbox {
  border: 0;
  margin: 0;
}
  
.navboxToggle,
.NavToggle {
  font-size: 90%;
  font-weight: normal;
  float: right ;
  min-width: 6em;
}

/*ARTICLE DETAILLE */


div.article-detail {
  border-color: #e7e7e7;
  background-color: #fdfdfd;
  display: block;
  /* Pour le [[modèle: Article détaillé]] et autres */
  margin: 0 0 .7em 2em;
  font-size: 95%;
  overflow: hidden;
  border-style: solid;
  border-width: 1px 0;
  padding: 2px 0 1px 4px;
  text-align: left;
}


/* blockquote */
blockquote {
  background: #F3F8FB;
  border-left: 10px solid #A7D7F9;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/* PAGE DE DISCUSSION
------------------------------- */
.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, .ns-talk dl dl dl dl dl dl dl dl dl dl dl, .ns-talk dl dl dl dl dl dl dl dl dl dl dl dl dl {
    background: none repeat scroll 0% 0% #F5FAFF;
}
.ns-talk dl {
    border-top: 1px solid #A7D7F9;
    border-left: 1px solid #A7D7F9;
    padding-top: 0.5em;
    padding-left: 0.5em;
    margin-left: 1em;
}


/** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	text-align: center;
	font-size: 110%;
}
.mw-charinsert-buttons a {
	color: black;
	background-color: #cde ;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}


/* List nolist */
#nolist li {
       list-style-type:none;
}