« MediaWiki:Chameleon.css » : différence entre les versions
De fablabo
Aucun résumé des modifications |
toc |
||
| (11 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 3 : | Ligne 3 : | ||
#toc { | #toc { | ||
position: fixed; | position: fixed; | ||
top: | top: 90px; | ||
right: 4px; | right: 4px; | ||
max-width: 14.5%; | max-width: 14.5%; | ||
padding: 6px; | |||
box-shadow: none; | |||
background: white; | |||
} | } | ||
@media (max-width: 1500px) { | @media (max-width: 1500px) { | ||
| Ligne 16 : | Ligne 19 : | ||
} | } | ||
#toc | #toc li span, | ||
#toc a { | |||
color: black; | |||
} | } | ||
| Ligne 28 : | Ligne 30 : | ||
/* ---------- Header - Footer ---------- */ | /* ------------ Fix Navbar en mode édition ------------ */ | ||
.ve-ui-toolbar-floating > .oo-ui-toolbar-bar { | |||
top: 48px; | |||
} | |||
/* ------------------ Header - Footer ------------------ */ | |||
/* Overwrite grey color */ | /* Overwrite grey color */ | ||
.bg-light, .p-navbar { | .bg-light, .p-navbar { | ||
| Ligne 36 : | Ligne 46 : | ||
/* Header */ | /* Header */ | ||
div.container:not(.mt-4) > .row:nth-child(1 | div.container.navContainer:not(.mt-4) > .row:nth-child(1) { | ||
background: white; | background: white; | ||
box-shadow: 0px 3px 2px #eeeeee; | box-shadow: 0px 3px 2px #eeeeee; | ||
} | } | ||
/* Footer */ | /* Footer */ | ||
.mb-2.mt-4.container { | .mb-2.mt-4.container.navContainer { | ||
box-shadow: 0px -1px 2px #eeeeee; | box-shadow: 0px -1px 2px #eeeeee; | ||
border-radius: 6px 6px 0 0; | border-radius: 6px 6px 0 0; | ||
| Ligne 61 : | Ligne 65 : | ||
/* ---------- Modification du Layout par rapport à l'Archive ---------- */ | /* ---------- Modification du Layout par rapport à l'Archive ---------- */ | ||
div.container:not(.mt-4) > .row:nth-child(1 | div.container.navContainer:not(.mt-4) > .row:nth-child(1) { | ||
position: sticky; | position: sticky; | ||
top: 0; | top: 0; | ||
height: 46px; | height: 46px; | ||
z-index: 100; | z-index: 100; | ||
} | } | ||
nav#mw-navigation { | nav#mw-navigation { | ||
margin-bottom: 0 !important; | margin-bottom: 0 !important; | ||
width: 100% !important; | |||
height: 46px; | |||
} | |||
/* 1250px */ | |||
.nav-searchBar { | |||
max-width: 300px; | |||
height: 46px; | |||
} | |||
.flex-fill.container.navContainer { | |||
max-width: 100% !important; | |||
position: sticky; | |||
top: 0; | |||
z-index: 1000; | |||
flex: 0 !important; | |||
} | } | ||
/* ---- Icônes et search bar ---- */ | |||
/* ----------- Icônes et search bar ----------- */ | |||
.ml-auto.col-12.col-cmln.col > .row { | .ml-auto.col-12.col-cmln.col > .row { | ||
justify-content: flex-end; | justify-content: flex-end; | ||
} | } | ||
@media ( | @media (max-width: 992px) { | ||
.ml-auto.col-12.col-cmln.col > .row { | .ml-auto.col-12.col-cmln.col > .row { | ||
justify-content: center; | justify-content: center; | ||
| Ligne 146 : | Ligne 163 : | ||
display: none; | display: none; | ||
} | } | ||
} | |||
/* ------------------ Main content ------------------ */ | |||
.mainContent.row { | |||
margin-top: 2rem; | |||
} | } | ||
