MediaWiki:Common.css: Difference between revisions

Revision as of 10:07, 24 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;
}

/* Shrink the top gap in main content page */
#content,
.mw-body,
.mw-body-content {
  margin-top: -15px !important;
  padding-top: 0 !important;       /* don’t fight margin with padding */
  line-height: 1.5 !important;     /* ensure consistent vertical rhythm */
}

/* Medik sidebar width */
.medik-sidebar {
    flex: 0 0 160px; /* adjust width here */
    max-width: 200px;
    min-width: 160px;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Medik sidebar wrapper */
.medik-container {
    display: flex !important;          /* ensure flex layout */
    flex-direction: row !important;    /* sidebar + main content side by side */
}

/* Sidebar */
.medik-sidebar {
    flex: 0 0 200px !important;        /* adjust desired width */
    max-width: 200px !important;
    min-width: 160px !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

/* Main content next to sidebar */
.medik-main {
    flex: 1 1 auto !important;
    margin-left: 16px !important;      /* gap between sidebar & content */
    min-width: 0 !important;           /* allow shrinking inside flex */
}

/* Header/navbar safe */
.medik-header {
    position: relative !important;
    z-index: 9999 !important;
}