|
|
| (One intermediate revision by the same user not shown) |
| 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 */ |
|
| |
| /* Center the logo and push the menu below on narrow screens (Minerva version) */
| |
| @media (max-width: 768px) {
| |
|
| |
| /* The header container itself */
| |
| .minerva-header {
| |
| display: block !important;
| |
| text-align: center !important;
| |
| padding: 0.5em 0;
| |
| }
| |
|
| |
| /* The logo */
| |
| .minerva-header .mw-logo,
| |
| .minerva-header .mw-wiki-logo {
| |
| display: block !important;
| |
| margin: 0 auto !important;
| |
| height: auto !important;
| |
| max-height: 90px !important;
| |
| }
| |
|
| |
| /* Menu and icons below logo */
| |
| .minerva-header .menu,
| |
| .minerva-header .minerva-user-navigation,
| |
| .minerva-header .toggle-list,
| |
| .minerva-header .minerva-icon {
| |
| display: block !important;
| |
| margin: 0.4em auto !important;
| |
| text-align: center !important;
| |
| }
| |
|
| |
| /* Optional: slightly shrink logo on smaller devices */
| |
| .minerva-header .mw-logo img {
| |
| max-width: 160px !important;
| |
| }
| |
| }
| |
