« MediaWiki:Chameleon.css » : différence entre les versions
De fablabo
						
						| Aucun résumé des modifications | Aucun résumé des modifications | ||
| Ligne 60 : | Ligne 60 : | ||
| } | } | ||
| /* Modification du Layout par rapport à l'Archive */ | /* ---------- Modification du Layout par rapport à l'Archive  ----------  */ | ||
| .ml-auto.col-12.col-cmln.col > .row { | |||
|     justify-content: flex-end; | |||
| } | |||
| .nav-pageTools, .nav-personalTools { | .nav-pageTools, .nav-personalTools { | ||
|      flex-grow: 0; |      flex-grow: 0; | ||
|      width: -webkit-fill-available; |      width: -webkit-fill-available; | ||
|     padding: 0; | |||
| } | } | ||
| Ligne 76 : | Ligne 81 : | ||
| } | } | ||
| .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- | .nav-searchBar #p-search { | ||
|      width: 100%; | |||
| } | } | ||
| .p- | .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; | |||
| } | } | ||
Version du 20 décembre 2024 à 14:37
/* 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  ----------  */
.ml-auto.col-12.col-cmln.col > .row {
    justify-content: flex-end;
}
.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;
}