MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 158: | Line 158: | ||
} | } | ||
/* ===== OOO | /* ========================================================= | ||
OOO TYPOGRAPHY SYSTEM (Theme Adaptive) | |||
========================================================= */ | |||
.mw-body h1 | /* ---------- Page Title ---------- */ | ||
#firstHeading, | |||
. | .mw-body h1 { | ||
font-size: 2rem; | |||
font-weight: 700; | |||
letter-spacing: 0.4px; | |||
border: none !important; | border: none !important; | ||
margin-bottom: 1rem; | |||
} | } | ||
/* ---------- Section Headings ---------- */ | |||
.mw-body h2 { | .mw-body h2 { | ||
font-size: 1.6rem; | |||
font-weight: 700; | |||
border: none !important; | |||
border-left: 4px solid var(--ooo-accent); | border-left: 4px solid var(--ooo-accent); | ||
padding-left: 10px; | padding-left: 10px; | ||
margin-top: | margin-top: 2.5rem; | ||
margin-bottom: 1rem; | |||
} | } | ||
.mw-body h3 { | .mw-body h3 { | ||
margin-top: | font-size: 1.3rem; | ||
font-weight: 600; | |||
margin-top: 2rem; | |||
margin-bottom: 0.8rem; | |||
border: none !important; | |||
} | |||
.mw-body h4 { | |||
font-size: 1.1rem; | |||
font-weight: 600; | |||
margin-top: 1.5rem; | |||
margin-bottom: 0.6rem; | |||
opacity: 0.9; | |||
} | |||
/* ---------- Paragraphs ---------- */ | |||
.mw-body p { | |||
line-height: 1.65; | |||
margin-bottom: 1rem; | |||
} | |||
/* ---------- Lists ---------- */ | |||
.mw-body ul, | |||
.mw-body ol { | |||
margin-bottom: 1rem; | |||
} | } | ||
/* ===== OOO Styled Wikitable ===== */ | /* ---------- Blockquotes ---------- */ | ||
.mw-body blockquote { | |||
margin: 1.5rem 0; | |||
padding: 0.8rem 1.2rem; | |||
border-left: 4px solid var(--ooo-accent); | |||
background: var(--background-color-neutral-subtle, rgba(0,0,0,0.03)); | |||
font-style: italic; | |||
} | |||
/* ---------- Preformatted (code blocks) ---------- */ | |||
.mw-body pre { | |||
padding: 1rem; | |||
border-radius: 6px; | |||
overflow-x: auto; | |||
background: var(--background-color-neutral, #f8f9fa); | |||
border: 1px solid var(--border-color-base, #ddd); | |||
font-size: 0.9rem; | |||
} | |||
/* ---------- Inline code ---------- */ | |||
.mw-body code { | |||
padding: 2px 6px; | |||
border-radius: 4px; | |||
background: var(--background-color-neutral, #f3f3f3); | |||
font-size: 0.9em; | |||
} | |||
/* ========================================================= | |||
OOO Styled Wikitable (Theme Adaptive) | |||
========================================================= */ | |||
.wikitable { | .wikitable { | ||
background: var(-- | background: var(--background-color-base, #ffffff); | ||
border: 1px solid var(-- | border: 1px solid var(--border-color-base, #a2a9b1); | ||
border-collapse: collapse; | border-collapse: collapse; | ||
width: 100%; | width: 100%; | ||
| Line 189: | Line 251: | ||
.wikitable th { | .wikitable th { | ||
background: # | background: var(--background-color-neutral, #f8f9fa); | ||
color: var(--ooo-accent); | color: var(--ooo-accent); | ||
text-align: left; | text-align: left; | ||
padding: 8px 10px; | padding: 8px 10px; | ||
font-weight: 600; | font-weight: 600; | ||
border: | border-bottom: 1px solid var(--border-color-base, #a2a9b1); | ||
} | } | ||
.wikitable td { | .wikitable td { | ||
padding: 8px 10px; | padding: 8px 10px; | ||
border-top: 1px solid var(-- | border-top: 1px solid var(--border-color-base, #a2a9b1); | ||
} | } | ||
| Line 207: | Line 269: | ||
/* ========================================================= | /* ========================================================= | ||
OOO HERO HEADER (Theme Adaptive – No | OOO HERO HEADER (Theme Adaptive – No Background Box) | ||
========================================================= */ | ========================================================= */ | ||
| Line 228: | Line 290: | ||
margin-top: 0.5rem; | margin-top: 0.5rem; | ||
opacity: 0.75; | opacity: 0.75; | ||
color: inherit; | color: inherit; | ||
} | } | ||