MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Fix logo overlapping sidebar |
Logo: top center |
||
| Line 1: | Line 1: | ||
/* Logo: top | /* Logo: top center, responsive */ | ||
#p-logo { | #p-logo { | ||
position: fixed; | position: fixed; | ||
left: | left: 50%; | ||
transform: translateX(-50%); | |||
top: 5px; | top: 5px; | ||
z-index: 1000; | z-index: 1000; | ||
| Line 8: | Line 9: | ||
} | } | ||
.mw-wiki-logo { | .mw-wiki-logo { | ||
background-size: contain !important; | background-size: contain !important; | ||
background-repeat: no-repeat !important; | background-repeat: no-repeat !important; | ||
background-position: center !important; | background-position: center !important; | ||
width: 200px !important; | |||
height: 75px !important; | |||
display: block; | display: block; | ||
} | } | ||
/* Push | /* Push top nav bar down to clear the logo */ | ||
#mw- | #mw-head { | ||
top: 85px; | |||
} | |||
#mw-head-base { | |||
height: 85px; | |||
} | |||
/* Push content area down too */ | |||
#mw-page-base { | |||
padding-top: 85px; | |||
} | } | ||
@media screen and (max-width: 720px) { | @media screen and (max-width: 720px) { | ||
.mw-wiki-logo { | .mw-wiki-logo { width: 130px !important; height: 50px !important; } | ||
#mw-head, #mw-head-base { top: 60px; height: 60px; } | |||
#mw- | |||
} | } | ||
Revision as of 23:38, 23 March 2026
/* Logo: top center, responsive */
#p-logo {
position: fixed;
left: 50%;
transform: translateX(-50%);
top: 5px;
z-index: 1000;
width: auto;
}
.mw-wiki-logo {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 200px !important;
height: 75px !important;
display: block;
}
/* Push top nav bar down to clear the logo */
#mw-head {
top: 85px;
}
#mw-head-base {
height: 85px;
}
/* Push content area down too */
#mw-page-base {
padding-top: 85px;
}
@media screen and (max-width: 720px) {
.mw-wiki-logo { width: 130px !important; height: 50px !important; }
#mw-head, #mw-head-base { top: 60px; height: 60px; }
}