« MediaWiki:Common.css » : différence entre les versions

Version du 20 janvier 2026 à 13:25

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

/* ===================================================== */
/* 1. RÉPARTITION GÉNÉRALE & CENTRAGE (770px)            */
/* ===================================================== */

/* Conteneur principal centré avec marges automatiques */
.mw-body.container, 
.mw-body-fluid, 
#content.container {
    width: 770px !important;
    max-width: 770px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

/* Ligne principale (contenu + sidebar) */
#fluid-row {
    width: 770px !important;
    margin: 0 auto !important;
    display: flex !important;
}

/* Zone de texte principale */
#fluid-content {
    width: 510px !important; /* Largeur pour laisser la place à la sidebar */
    padding: 10px 20px 10px 10px !important;
    box-sizing: border-box;
}

/* Colonne de droite (Sidebar) */
#bodyTools.fluid-sidebar {
    width: 260px !important;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Footer aligné sur la même largeur */
#footer {
    padding: 0;
    margin: 20px auto !important;
    width: 770px !important;
    border-top: 1px solid #e9e9e9;
}

body {
    overflow-x: hidden;
    background-color: #fcfcfc;
}

/* ===================================================== */
/* 2. CORRECTIFS GRAPHIQUES (POINTS 1 À 12)             */
/* ===================================================== */

/* [1 & 1b] Taille des polices */
body, #content, .mw-body { 
    font-size: 16px !important; 
}

/* [3] Images flottantes (ex: la télé orange ou images d'articles) */
.mw-parser-output .floatleft, 
.mw-parser-output .tleft { 
    float: left !important; 
    margin: 0.5em 1.4em 0.8em 0 !important; 
}
.mw-parser-output .floatright, 
.mw-parser-output .tright { 
    float: right !important; 
    margin: 0.5em 0 0.8em 1.4em !important; 
}

/* [4] Hauteur du champ de recherche */
div#simpleSearch { 
    height: 32px !important; 
}

/* [5] Puces carrées vertes Wikimini */
.mw-parser-output ul { 
    list-style: none !important; 
    margin-left: 1.5em !important; 
}
.mw-parser-output ul li::before { 
    content: "■"; 
    color: #8cc63f; 
    font-size: 0.8em; 
    display: inline-block; 
    width: 1.2em; 
    margin-left: -1.2em; 
}

/* [6] Forcer l'affichage du sous-titre */
#siteSub { 
    display: block !important; 
    visibility: visible !important; 
}

/* [7] Bordures des cadres d'images (thumbnails) */
.thumbinner { 
    border: 1px solid #ccc !important; 
    padding: 4px !important; 
    background-color: #f9f9f9 !important; 
}

/* [8 & 9] Catégories : Suppression ligne et style "Tags" arrondis */
#catlinks { 
    border: none !important; 
    background: none !important; 
    padding: 15px 0 !important; 
    margin-top: 25px !important; 
}
#catlinks ul { 
    display: inline; 
    margin: 0; 
    padding: 0; 
    list-style: none !important; 
}
#catlinks li { 
    display: inline-block !important; 
    background: #f1f1f1; 
    border: 1px solid #ddd !important; 
    border-radius: 15px !important; 
    padding: 3px 12px !important; 
    margin: 0 5px 5px 0 !important; 
    font-size: 0.85em; 
    border-left: 1px solid #ddd !important; 
}

/* [10] Icône utilisateur (Avatar) */
li#pt-userpage, li#pt-login { 
    background: url("/w/skins/Wikimini/resources/images/user.gif") no-repeat left center !important; 
    padding-left: 22px !important; 
}

/* [11 & 12] Nettoyage (Logos validation et outils inutiles) */
#footer-icons, 
#f-list li:last-child, 
#t-print, 
#t-permalink, 
#t-info, 
#t-recentchangeslinked, 
#t-specialpages, 
#t-whatlinkshere { 
    display: none !important; 
}