MediaWiki:Common.css: Difference between revisions

From Hidden Mickey Wiki

No edit summary
No edit summary
Line 20: Line 20:


:root {
:root {
   --mw-sidebar-width: clamp(200px, 16vw, 240px); /* min, preferred, max */
   --mw-sidebar-width: clamp(180px, 16vw, 240px); /* min, preferred, max */
}
}
@supports selector(.mw-body:has([role="navigation"])) {
@supports selector(.mw-body:has([role="navigation"])) {

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

:root {
  --mw-sidebar-width: clamp(180px, 16vw, 240px); /* min, preferred, max */
}
@supports selector(.mw-body:has([role="navigation"])) {
  /* nav before content -> shift content left */
  .mw-body:has([role="navigation"]) #content {
    margin-left: calc(var(--mw-sidebar-width) + 16px) !important;
    margin-right: 0 !important;
  }
  /* nav after content -> shift content right */
  .mw-body:has(#content + [role="navigation"]) #content {
    margin-right: calc(var(--mw-sidebar-width) + 16px) !important;
    margin-left: 0 !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 */
}