MediaWiki:Common.css

De Wikimatica

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
  • Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
  • Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
  • Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

/*
body{
background: #222 !important;
}

#mw-header-container{
height: 50px !important;
background: #222 !important;
}

.mw-body h1.firstHeading{
border-bottom: 4px solid #004176;
}

.tools-inline li.selected{
border-bottom: 3px solid #004176;
}

#mw-header{
color: #fff !important; 
}

#mw-header span{
font-family: 'Poppins', sans-serif !important;
}

#p-banner{
font-family: 'Poppins', sans-serif !important;
color: #fff !important;
font-size: 30px;
}


.color-middle{
background: #004176;
}
.color-left{
background: #004176;
}
.color-right{
background: #004176;
}

#mw-footer-container{
background: #222 !important;
}

#mw-content-container{
border-bottom: 4px solid #004176 !important;
}

*/

.top-bar,
.top-bar-section ul,
.top-bar-section ul li.active > a,
.top-bar-section li a:not(.button),
.top-bar-section .has-form {
    background: #ffe4b2;
    color: #000;
}

.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: #ffe4b2;
}

/* Darker color for the hover over items */
.top-bar-section ul li.hover > a,
.top-bar-section ul li ul.dropdown li.hover > a {
    background: #ffae00;
}

/* Slightly darker color for the dropdowns */
.top-bar-section ul li ul.dropdown li > a {
    background: #ffe4b2;
}
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 300px;
}
.infobox-title {
    background: #e0e0e0;
    font-size: 2em;
    text-align: center;
    margin-bottom: 10px;
}
.infobox-image {
    text-align: center;
    margin-bottom: 10px;
}
.infobox .infosub{
    background: #e0e0e0;
    text-align: center;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

.infobox table{
    width: 100%;
}

.infobox td {
    vertical-align: top;
}

.infobox .param{
    font-weight: bold;
}