« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
mAucun résumé des modifications |
mAucun résumé des modifications |
||
Ligne 871 : | Ligne 871 : | ||
width: 10px; | width: 10px; | ||
} | } | ||
/* blockquote */ | |||
blockquote { | |||
margin: 1em 3em; | |||
padding: .5em 1em; | |||
border-left: 5px solid #1A3651/*#fce27c*/; | |||
background-color: #F3F8FB/*#f6ebc1*/; } | |||
blockquote p { | |||
margin: 0; } |
Version du 18 mars 2014 à 21:19
/* Le CSS placé ici sera appliqué à tous les habillages. */
/**************** BIBEHCK (ME!) ******************************/
/* Couleurs des liens */
a {color:#0a7cc8; text-decoration: none;}
a:hover {color:#4D4D4D;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!important;}
/* Menu de gauche */
#mw-panel li a {color: #CB4627!important;text-decoration:none!important; font-size:1.1em;}
#mw-panel li a:hover {color:#2d2d2d!important;}
/* 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!important;}
/* 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!important;
-moz-border-radius: 0.3em!important;
border-radius: 0.3em!important;
border: 1px solid #CCC;
box-shadow: 0 0.3em 0.6em rgba(0, 0, 0, 0.1);
}
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;
}
/* ---- TABLEAU PERM/CMD ---- */
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;
}
/* 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 {
font-family: monospace,Courier;
border: 1px dashed #2f6fab;
border-left: 0;
border-right: 0;
margin: 1em 2em;
background: #efef;
}
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;
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;
background: #F9F9F9;
}
.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
* Voir : [[Utilisateur:Antaya/Infobox V2]]
*/
.infobox_v2 {
/* monobookocentré debut */
background: #f9f9f9;
color: #000;
font-size: 90%;
line-height: 1.1em;
float: right;
clear: 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 {
/* css V2 pour [[Modèle: Son]], etc. */;
height: 35px;
vertical-align: middle;
text-align: center;
font-weight: bolder;
color: #000;
}
/* ENTETES INFOBOXES
--------------------------------------------*/
.entete.construction {
background: url("//nefald.fr/mw/images/e/ea/entete_construction.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.plugin {
background: url("//nefald.fr/mw/images/6/67/entete_plugin.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.joueur {
background: url("//nefald.fr/mw/images/5/56/entete_joueur.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.grade {
background: url("//nefald.fr/mw/images/2/2b/entete_grade.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.guilde {
background: url("//nefald.fr/mw/images/2/2f/entete_guilde.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.ville {
background: url("//nefald.fr/mw/images/3/3e/entete_ville.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.monde {
background: url("//nefald.fr/mw/images/7/71/entete_monde.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.logiciel {
background: url("//nefald.fr/mw/images/e/e2/entete_logiciel.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.mod {
background: url("//nefald.fr/mw/images/0/0d/entete_mod.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.territoire {
background: url("//nefald.fr/mw/images/6/60/entete_territoire.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.application.mobile {
background: url("//nefald.fr/mw/images/1/16/entete_application_mobile.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.schematic {
background: url("//nefald.fr/mw/images/f/f5/entete_schematic.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.roleplay {
background: url("//nefald.fr/mw/images/f/fe/entete_roleplay.png") no-repeat top right;
width:100%;
height:60px;
}
.entete.tutoriel {
background: url("//nefald.fr/mw/images/e/e5/entete_tutoriel.png") no-repeat top right;
width:100%;
height:60px;
}
/* SK89Q'S WIKI wiki.sk89q.com - I LOVE IT! */
input {
font: inherit;
font-size: 10pt;
margin: 0;
line-height: 1;
}
input[type='text'], input[type='password'], input:not([type]) {
font: inherit;
font-size: 10pt;
background: #fff;
padding: 4px;
border: 1px solid #aaa;
-webkit-transition: border-color .2s;
-moz-transition: border .2s;
-o-transition: border-color .2s;
transition: border-color .2s;
line-height: 1;
}
input[type='text']:hover, input[type='password']:hover, input#searchInput:hover {
border-color: #999;
}
input[type='text']:focus, input[type='password']:focus, input#searchInput:focus {
outline: 0;
border-color: #a7d7f9;
box-shadow: 0 0 0.3em #999;
}
button, input[type='button'], input[type='submit'] {
font: inherit;
display: inline-block;
-webkit-transition: border-color .2s;
-moz-transition: border .2s;
-o-transition: border-color .2s;
transition: border-color .2s;
background: #f3f3f3;
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px #ccc;
border-radius: 2px;
margin: 0.3em 0;
padding: 6px 10px;
cursor: pointer;
font-size: 10pt;
line-height: 1;
}
button:hover, input[type='button']:hover, input[type='submit']:hover {
text-decoration: none;
border-color: #a7d7f9;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* Button */
.buttons a, .buttons a:link, .buttons a:visited {
display: block;
margin: 15px 0 15px 0;
text-decoration: none;
color: #fff;
position: relative;
padding: 10px 20px;
padding-right: 45px;
background: #a50000;
border-radius: 5px;
box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #581a27, 0px 7px 5px #999;
font-weight: bold;
font-size: 120%;
-moz-transition-property: background;
-moz-transition-duration: 0.5s;
-webkit-transition-property: background;
-webkit-transition-duration: 0.5s;
-o-transition-property: background;
-o-transition-duration: 0.5s;
border: 0;
max-width: 240px;
}
.buttons a:hover {
background: #d70014;
box-shadow: inset 0px 1px 0px #ff838e, 0px 5px 0px 0px #96000e, 0px 7px 5px #999;
}
.buttons a:active {
top: 3px;
background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
box-shadow: inset 0px 1px 0px #ff838e, 0px 2px 0px 0px #612127, 0px 5px 3px #999;
}
.buttons a::before {
background-color: #7e1b24;
background-image: url(/images/button_arrow.png);
background-repeat: no-repeat;
background-position: center center;
content: "";
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -9px;
border-radius: 50%;
box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
.buttons a:active::before {
top: 50%;
margin-top: -12px;
box-shadow: inset 0px 1px 0px #ff838e, 0px 3px 0px #612127, 0px 6px 3px #34090d;
}
.buttons a img {
vertical-align: middle;
}
h2 {
font-family: 'Trebuchet MS', 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: 'Trebuchet MS', 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!important;}
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);}
body {
background: #E6EFF4!important;
}
ul {
/* @embed */
list-style-image: none!important;
}
/* Styles de [[Modèle:Méta palette de navigation]] */
table.navbox {
background: #F9F9F9;
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;
}
/* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */
.navboxToggle,
.NavToggle {
font-size: 90%;
font-weight: normal;
float: right !important;
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;
}
/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
margin-top: 0.3em;
}
.treeview ul,
.treeview li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.treeview li {
display: table;
}
.treeview li li {
position: relative;
padding-left: 13px;
margin-left: 7px;
border-left: 1px solid #636363;
}
.treeview li li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
border-bottom: 1px solid #636363;
}
.treeview li li.first:before {
border-color: #636363;
border-style: solid;
border-width: 1px 0 0 1px;
height: 100%;
margin-top: 11px;
width: 10px;
}
.treeview li li.first,
.treeview li li:last-child {
border: 0;
padding-left: 14px;
}
.treeview li li:last-child:before {
border-left: 1px solid #636363;
width: 10px;
}
/* blockquote */
blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #1A3651/*#fce27c*/;
background-color: #F3F8FB/*#f6ebc1*/; }
blockquote p {
margin: 0; }