MediaWiki:Chameleon.css

/* TOC */

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

#toc {
    padding: 6px;
    border: 4px solid #fcce15;
    box-shadow: -3px 3px 5px lightgray;
}

span.toctext {
    display: inline;
}



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