Jump to content

MediaWiki:Common.css: Difference between revisions

From Arcscribe Public Wiki
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* 1. Constrain and center the entire top header layout (tabs, user links, search bar) */
/* 1. Force hide the plain text "Arcscribe Public Wiki" title text */
#mw-head,  
.mw-logo-wordmark,
#mw-page-base {
.mw-logo-title,
    max-width: 1200px;
span.mw-logo-title {
     margin: 0 auto;
     display: none !important;
     left: 0;
     visibility: hidden !important;
     right: 0;
     width: 0 !important;
}
}


/* 2. Constrain and center the main article container */
/* 2. Scale up the actual image asset container to allow a larger logo */
#content {
.mw-logo {
     max-width: 1200px;
     min-width: 160px !important;
    margin: 0 auto;
     height: 40px !important;
     border-left: 1px solid #a2a9b1;
    border-right: 1px solid #a2a9b1;
}
}


/* 3. Keep text lines at the optimal reading width while letting the infobox sit perfectly on the right edge */
/* 3. Force the image itself to scale up larger and not get clipped */
#mw-content-text {
img.mw-logo-icon {
     max-width: 850px;
     width: 150px !important;
     line-height: 1.6;
     height: auto !important;
}
     max-height: 36px !important;
 
/* 4. Fix sidebar padding so it doesn't get squished by the centering */
#mw-panel {
     padding-left: 1em;
}
 
/* 5. Clear floats cleanly at the bottom */
#catlinks, .printfooter, #footer {
    clear: both;
}
}

Latest revision as of 11:56, 7 July 2026

/* 1. Force hide the plain text "Arcscribe Public Wiki" title text */
.mw-logo-wordmark,
.mw-logo-title,
span.mw-logo-title {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
}

/* 2. Scale up the actual image asset container to allow a larger logo */
.mw-logo {
    min-width: 160px !important;
    height: 40px !important;
}

/* 3. Force the image itself to scale up larger and not get clipped */
img.mw-logo-icon {
    width: 150px !important;
    height: auto !important;
    max-height: 36px !important;
}