MediaWiki:Minerva.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the MinervaNeue skin */ | /* All CSS here will be loaded for users of the MinervaNeue skin */ | ||
/* | /* Fix overlapping logo on mobile and clean up header layout */ | ||
.minerva-header { | .skin-minerva .minerva-header { | ||
display: flex !important; | display: flex !important; | ||
flex-direction: column !important; | flex-direction: column !important; | ||
align-items: center !important; | align-items: center !important; | ||
justify-content: flex-start !important; | |||
padding-top: 0.5em; | |||
} | } | ||
.minerva-header .mw-logo { | /* Center the logo and make it responsive */ | ||
.skin-minerva .minerva-header .mw-logo { | |||
display: block !important; | |||
text-align: center; | text-align: center !important; | ||
margin | margin: 0 auto 0.25em auto !important; | ||
width: auto !important; | |||
} | } | ||
.minerva-header .mw-logo img { | .skin-minerva .minerva-header .mw-logo img { | ||
max-width: | max-width: 160px !important; | ||
height: auto; | height: auto !important; | ||
display: inline-block; | display: inline-block !important; | ||
} | } | ||
/* | /* Properly align menu icons under the logo */ | ||
.minerva-header .header { | .skin-minerva .minerva-header .minerva-user-navigation, | ||
.skin-minerva .minerva-header .minerva-menu { | |||
display: flex; | display: flex !important; | ||
justify-content: center !important; | justify-content: center !important; | ||
width: 100% !important; | |||
margin-top: 0.2em !important; | |||
} | } | ||
.minerva-header .minerva- | /* Prevent overlap and spacing issues */ | ||
.minerva-header . | .skin-minerva .minerva-header .minerva-user-navigation a, | ||
margin: 0 6px; | .skin-minerva .minerva-header .minerva-menu a { | ||
margin: 0 6px !important; | |||
} | } | ||
@media (max-width: 720px) { | |||
.skin-minerva .minerva-header { | |||
flex-wrap: wrap !important; | |||
} | |||
} | } | ||