« MediaWiki:Chameleon.css » : différence entre les versions
De Wiki Campus Cyber
(Responsive) |
(p-navbar.collapsible .navbar-nav > div:last-child) |
||
Ligne 19 : | Ligne 19 : | ||
.p-navbar.collapsible .navbar-nav > div:last-child { | .p-navbar.collapsible .navbar-nav > div:last-child { | ||
width: 10%; | width: 10%; | ||
height: fit-content; | |||
} | } | ||
/* links -> buttons */ | /* links -> buttons */ | ||
#mw-navigation.p-navbar a.nav-link { | #mw-navigation.p-navbar a.nav-link { | ||
background-color: #2e3094; | background-color: #2e3094; | ||
color: white !important; | color: white !important; | ||
Ligne 45 : | Ligne 45 : | ||
/* ** RESPONSIVE ** */ | /* ** RESPONSIVE ** */ | ||
/* navbar */ | |||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
nav#mw-navigation.p-navbar { | nav#mw-navigation.p-navbar { | ||
margin-top: 0 !important; | margin-top: 0 !important; | ||
} | } | ||
} | } |
Version du 9 mai 2022 à 14:21
/* ***** TOP NAVBAR ***** */ /* navbar */ nav#mw-navigation.p-navbar { background-color: transparent; } .p-navbar.collapsible .navbar-nav { width: 100%; } /* logo */ .p-navbar .navbar-brand.p-logo { height: 100%; padding-top: 0.3125rem; } /* navbar div */ .p-navbar.collapsible .navbar-nav > div:not(:last-child) { width: 100%; text-align: center; } .p-navbar.collapsible .navbar-nav > div:last-child { width: 10%; height: fit-content; } /* links -> buttons */ #mw-navigation.p-navbar a.nav-link { background-color: #2e3094; color: white !important; transition: .25s; } /* buttons :hover */ #mw-navigation.p-navbar .mw-list-item:hover a.nav-link { background-color: #4042cc; } /* EchoIcons */ ul.navbar-tools.echo-icons { display: none; } /* PersonalToolsIcon */ a.navbar-userloggedin:before { margin-right: 0; color: white; } .navbar-tools.navbar-nav { background-color: #c2272f; } /* ** RESPONSIVE ** */ /* navbar */ @media (max-width: 768px) { nav#mw-navigation.p-navbar { margin-top: 0 !important; } }