MediaWiki:Common.css: Difference between revisions

Revision as of 11:53, 22 September 2025

/* CSS placed here will be applied to all skins */
/* Quote boxes */
blockquote { background-color: #e9ecef;padding: 5px;border-radius: 3px;font-style: italic;max-width: 860pt;word-wrap: break-word; }
blockquote cite { display: block;margin-top: 5px;font-size: 0.9em;color: #555;text-align: left; }

/* Disneyland fonts for the title bar; use larger font for desktop computers */
@font-face { font-family: 'Waltograph';src: url('/images/f/fb/Waltograph42.otf') format('opentype'); }
#p-logo a { font-family: 'Waltograph', sans-serif;font-size: 28px; }
@media (min-width: 768px) { #p-logo a { font-family: 'Waltograph', sans-serif;font-size: 42px; } }

/* Disable Discussion pages */
#ca-talk, .mw-indicator-talkpages { display: none !important; }

/* Hide DIVs whose class attribute is exactly "d-flex flex-row" or "flex-row d-flex"
   This causes the "Page / Action / Tools" dropdowns to disappear */
div[class="d-flex flex-row"],
div[class="flex-row d-flex"] {
    display: none !important;
}

/* Freeze the sidebar (skin-independent attempt) */

/* Vector & Vector-2022 */
#mw-panel,
.vector-sidebar-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 1000;
}

/* MonoBook & Modern */
#column-one,
#mw_portlets {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 1000;
}

/* Timeless */
#mw-related-navigation,
#mw-site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 1000;
}

/* Prevent content overlap:
   Give main content some breathing room */
#content,
#mw-content-text,
.mw-body,
#mw-main,
#mw-content {
    margin-left: 12em; /* Adjust to match sidebar width */
}

/* Disable fix on mobile (small screens) */
@media (max-width: 800px) {
    #mw-panel,
    .vector-sidebar-container,
    #column-one,
    #mw_portlets,
    #mw-related-navigation,
    #mw-site-navigation {
        position: static;
        height: auto;
        overflow: visible;
    }
    #content,
    #mw-content-text,
    .mw-body,
    #mw-main,
    #mw-content {
        margin-left: 0;
    }
}