MediaWiki:Common.css: Difference between revisions
From Hidden Mickey Wiki
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 28: | Line 28: | ||
} | } | ||
/* Medik | /* === Medik Sidebar Narrowing (Responsive & Safe) === */ | ||
/* | /* Ensure main container uses flex layout */ | ||
.medik-container { | .medik-container { | ||
display: flex !important; | display: flex !important; | ||
flex-direction: row !important; | flex-direction: row !important; /* sidebar + main content side by side */ | ||
} | } | ||
/* Sidebar */ | /* Sidebar */ | ||
.medik-sidebar { | .medik-sidebar { | ||
flex: 0 0 200px !important; | flex: 0 0 200px !important; /* adjust width here */ | ||
max-width: 200px !important; | max-width: 200px !important; | ||
min-width: 160px !important; | min-width: 160px !important; | ||
| Line 55: | Line 48: | ||
/* Main content next to sidebar */ | /* Main content next to sidebar */ | ||
.medik-main { | .medik-main { | ||
flex: 1 1 auto !important; | flex: 1 1 auto !important; /* fill remaining space */ | ||
margin-left: 16px !important; | margin-left: 16px !important; /* gap between sidebar & content */ | ||
min-width: 0 !important; | min-width: 0 !important; /* critical in flex layout */ | ||
} | } | ||
Revision as of 10:08, 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 Narrowing (Responsive & Safe) === */
/* Ensure main container uses flex layout */
.medik-container {
display: flex !important;
flex-direction: row !important; /* sidebar + main content side by side */
}
/* Sidebar */
.medik-sidebar {
flex: 0 0 200px !important; /* adjust width here */
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; /* fill remaining space */
margin-left: 16px !important; /* gap between sidebar & content */
min-width: 0 !important; /* critical in flex layout */
}
/* Header/navbar safe */
.medik-header {
position: relative !important;
z-index: 9999 !important;
}
