MediaWiki:Common.css

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

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


/* Couleurs des liens */
a {color:#099DFF; text-decoration: none;}
a:hover {color:#4D4D4D;text-decoration: none;}
a:active  {color:#4E8DAF;}
a:visited {color:#099DFF;text-decoration: none;}

/* Menu de gauche */
#mw-panel li a {color: #CB4627!important;text-decoration:none!important;}
#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;}

/* 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 > tr > th, table.wikitable > * > tr > th {background:#F8F6EB;}

/* Code (pour les commandes */

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

/**************** 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;
}




/* SK89Q'S WIKI wki.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);
}
pre {
    font-family: 'Consolas', 'DejaVu Sans', 'Lucida Console', monospace;
    border: 1px solid #a7d7f9;
    border-left: 0;
    border-right: 0;
    margin: 1em 2em;
    background: #efef;
}


/* 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 */