MediaWiki:Chameleon.css

Note : après avoir publié 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 appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
Opera : appuyez sur Ctrl + F5.

/* TOC */

#toc {
    position: fixed;
    top: 4px;
    right: 4px;
    max-width: 14.5%;
    padding: 6px;
    box-shadow: none;
    background: white;
}
@media (max-width: 1500px) {
    #toc {
        position: static;
        max-width: 100%;
        float: right;
        margin: 0 0 .8rem 1rem;
    }
}

#toc li span,
#toc a {
    color: black;
}

span.toctext {
    display: inline;
}



/* ------------ Fix Navbar en mode édition ------------ */

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
    top: 94px;
}



/* ------------------ Header - Footer ------------------ */
/* Overwrite grey color */
.bg-light, .p-navbar {
    background-color: white !important;
}


/* Header */
div.container:not(.mt-4) > .row:nth-child(1),
div.container:not(.mt-4) > .row:nth-child(2) {
    background: white;
    box-shadow: 0px 3px 2px #eeeeee;
}
div.container:not(.mt-4) > .row:nth-child(3){
	background: white;
    box-shadow: 0px 3px 2px #eeeeee;
    border-radius: 0 0 6px 6px;
}


/* Footer */
.mb-2.mt-4.container {
    box-shadow: 0px -1px 2px #eeeeee;
    border-radius: 6px 6px 0 0;
}

@media (min-width: 1105px) {
    .navbar-expand-cmln .navbar-nav, .p-navbar.collapsible .navbar-nav {
        flex-wrap: wrap;
    }
}

/* ---------- Modification du Layout par rapport à l'Archive  ----------  */
div.container:not(.mt-4) > .row:nth-child(1),
div.container:not(.mt-4) > .row:nth-child(2) {
    position: sticky;
    top: 0;
    height: 46px;
    z-index: 100;
}
div.container:not(.mt-4) > .row:nth-child(2) {
    top: 46px;
    border-radius: 6px;
}

nav#mw-navigation {
    margin-bottom: 0 !important;
}



/* ----------- Icônes et search bar ----------- */
.ml-auto.col-12.col-cmln.col > .row {
    justify-content: flex-end;
}

@media (max-width: 992px) {
    .ml-auto.col-12.col-cmln.col > .row {
        justify-content: center;
    }
    .nav-searchBar {
        max-width: 100% !important;
        flex: 0 0 60%;
    }
}

.nav-pageTools, .nav-personalTools {
    flex-grow: 0;
    width: -webkit-fill-available;
    padding: 0;
}

.nav-pageTools *, .nav-personalTools * {
    padding: 0;
    margin: 0;
}

.nav-pageTools .navbar-tools.navbar-nav,
.nav-personalTools .p-navbar.collapsible .navbar-nav {
    flex-wrap: nowrap;
}

.p-navbar .navbar-nav .navbar-tools {
    padding: 0;
}

.nav-personalTools .navbar-nav .echo-icons li {
    margin-right: 6px;
}

.nav-searchBar {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.nav-searchBar #p-search {
    width: 100%;
}

.nav-searchBar #p-search #searchform .input-group {
    height: 38px;
}

.nav-searchBar #p-search #searchform input#searchInput,
.nav-searchBar #p-search #searchform button#searchGoButton {
    height: 100%;
    border-radius: 0;
}

/* fix boutton */
@media (min-width: 768px) {
    .navbar-expand-md .navbar-toggler {
        display: block;
    }
}
@media (min-width: 992px) {
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}



/* ------------------ Main content ------------------ */

.flex-fill.container {
    max-width: 99% !important;
}