MediaWiki:Common.css

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é & sécurité → Effacer les données d’exploration → Images et fichiers en cache.

/**
 * MediaWiki style sheet for general styles on complex content
 *
 * Styles for complex things which are a standard part of page content
 * (ie: the CSS classing built into the system), like the TOC.
 */

/* Table of Contents */
#toc,
.toc,
.mw-warning {
        border: 1px solid #aaa;
        background-color: #f9f9f9; 
        padding: 5px;
        font-size: 95%;
}

/**
 * We want to display the ToC element with intrinsic width in block mode. The fit-content
 * value for width is however not supported by large groups of browsers.
 *
 * We use display:table. Even though it should only contain other table-* display
 * elements, there are no known problems with using this.
 *
 * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
 * using inline-block mode, which features at least intrinsic width, but won't clear preceding
 * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
 * this is an acceptable sacrifice.
 */
#toc,
.toc {  
        display: -moz-inline-block;
        display: inline-block;
        display: table;

        /* IE7 and earlier */
        zoom: 1;
        *display: inline;

        padding: 7px;
}

/* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
table#toc,
table.toc {
        border-collapse: collapse;
}
/* Remove additional paddings inside table-cells that are not present in <div>s */
table#toc td,
table.toc td {
        padding: 0;
}

#toc h2,
.toc h2 {
        display: inline;
        border: none;
        padding: 0;
        font-size: 100%;
        font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
        text-align: center;
}
#toc ul,
.toc ul {
        list-style-type: none;
        list-style-image: none;
        margin-left: 0;
        padding: 0;
        text-align: left;
}
#toc ul ul,
.toc ul ul {
        margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
        font-size: 94%;
}

.toccolours {
        border: 1px solid #aaa;
        background-color: #f9f9f9; 
        padding: 5px;
        font-size: 95%;
}

/* Warning */
.mw-warning {
        margin-left: 50px;
        margin-right: 50px;
        text-align: center;
}

/* Images */
/* @noflip */div.floatright, table.floatright {
        margin: 0 0 .5em .5em;
        border: 0;
}
div.floatright p { font-style: italic; }
/* @noflip */div.floatleft, table.floatleft {
        margin: 0 .5em .5em 0;
        border: 0;
}
div.floatleft p { font-style: italic; }
/* Thumbnails */
div.thumb {
        margin-bottom: .5em;
        width: auto;
        background-color: transparent;
}
div.thumbinner {
        border: 1px solid #ccc;
        padding: 3px !important;   
        background-color: #f9f9f9; 
        font-size: 94%;
        text-align: center;
        overflow: hidden;
}
html .thumbimage {
        border: 1px solid #ccc;
}
html .thumbcaption {
        border: none;
        line-height: 1.4em;
        padding: 3px !important;   
        font-size: 94%;
}
div.magnify {
        border: none !important;   
        background: none !important;
        margin-left: 3px;
}
div.magnify a, div.magnify img {   
        display: block;
        border: none !important;   
        background: none !important;
}
/* @noflip */div.tright {
        margin: .5em 0 1.3em 1.4em;
}
/* @noflip */div.tleft {
        margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
        border: 1px solid #dddddd; 
}

/**
 * Edit forms
 */
#editform textarea {
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

/**
 * Basic styles for the user login and create account forms
 */
#userlogin, #userloginForm {
        border: solid 1px #cccccc; 
        padding: 1.2em;
        margin: 0.5em;
}

#loginend {
        margin: 0.5em;
}

#loginend table {
        width: 100%;
}