MediaWiki:Common.css: Difference between revisions

From Librarian Chick
Jump to navigation Jump to search
Fix logo overlapping sidebar
Logo: top center
Line 1: Line 1:
/* Logo: top left, responsive */
/* Logo: top center, responsive */
#p-logo {
#p-logo {
     position: fixed;
     position: fixed;
     left: 10px;
     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 {
    width: 180px !important;
    height: 70px !important;
     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 sidebar navigation below the logo */
/* Push top nav bar down to clear the logo */
#mw-panel .portal:first-of-type {
#mw-head {
     margin-top: 85px;
    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; }
        width: 110px !important;
     #mw-head, #mw-head-base { top: 60px; height: 60px; }
        height: 43px !important;
    }
     #mw-panel .portal:first-of-type {
        margin-top: 55px;
    }
}
}

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; }
}