MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 95: | Line 95: | ||
.bc-hero .bc-kicker { | .bc-hero .bc-kicker { | ||
color: rgba(255,255,255,.80) !important; | color: rgba(255,255,255,.80) !important; | ||
} | |||
/* Remove MediaWiki heading underline inside hero */ | |||
.bc-hero h1, | |||
.bc-hero h2, | |||
.bc-hero .mw-heading1, | |||
.bc-hero .mw-heading2 { | |||
border-bottom: none !important; | |||
padding-bottom: 0 !important; | |||
} | } | ||
| Line 151: | Line 160: | ||
font-size: 13px; | font-size: 13px; | ||
} | } | ||
} | |||
/* ============================================================ | |||
HERO – center alignment | |||
============================================================ */ | |||
.bc-hero { | |||
text-align: center; | |||
} | |||
/* Center meta + kicker text */ | |||
.bc-hero .bc-meta, | |||
.bc-hero .bc-kicker { | |||
text-align: center; | |||
} | |||
/* Center pill rows and wrapped pills */ | |||
.bc-hero .bc-pillrow { | |||
justify-content: center; /* centers pills horizontally */ | |||
} | |||
/* Optional: keep max-width content visually centered */ | |||
.bc-hero p { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | } | ||
| Line 243: | Line 277: | ||
.bc-btn span { | .bc-btn span { | ||
font-size: | font-size: 13px; | ||
color: #555; | color: #555; | ||
} | } | ||
| Line 286: | Line 320: | ||
/* ============================================================ | /* ============================================================ | ||
HEADER — LARGE LOGO, TIGHT HEIGHT, BODY-ALIGNED | HEADER — LARGE LOGO, TIGHT HEIGHT, PERFECTLY BODY-ALIGNED | ||
============================================================ */ | ============================================================ */ | ||
/* Hide default Vector wordmark/tagline */ | |||
.mw-logo-wordmark, | .mw-logo-wordmark, | ||
.mw-logo-tagline { | .mw-logo-tagline { | ||
| Line 294: | Line 329: | ||
} | } | ||
/* Disable logo link */ | |||
.mw-logo a, | .mw-logo a, | ||
.mw-logo a * { | .mw-logo a * { | ||
| Line 300: | Line 336: | ||
} | } | ||
/* Use Vector’s own layout width so header & body match exactly */ | |||
.vector-header { | .vector-header { | ||
background: #fff; | background: #fff; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
| Line 312: | Line 347: | ||
margin-right: auto !important; | margin-right: auto !important; | ||
width: 100% !important; | width: 100% !important; | ||
padding-left: var(--padding-inline-page-container, 16px) !important; | |||
padding-right: var(--padding-inline-page-container, 16px) !important; | |||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
/* Header height control */ | |||
.mw-header { | .mw-header { | ||
height: 90px; | height: 90px; | ||
| Line 322: | Line 360: | ||
} | } | ||
/* Prevent Vector forcing tall minimums */ | |||
.mw-header, | .mw-header, | ||
.vector-header, | .vector-header, | ||
| Line 328: | Line 367: | ||
} | } | ||
/* Left cluster flush */ | |||
.vector-header-start { | |||
margin-left: 0 !important; | |||
padding-left: 0 !important; | |||
} | |||
/* Hamburger safety */ | |||
#mw-panel-button, | |||
.vector-main-menu-dropdown { | |||
margin-left: 0 !important; | |||
} | |||
/* Logo sizing */ | |||
.mw-logo { | .mw-logo { | ||
display: flex; | display: flex; | ||
| Line 334: | Line 386: | ||
} | } | ||
.mw-logo img { | .mw-logo img, | ||
#p-logo img { | |||
height: 135px !important; | height: 135px !important; | ||
width: auto; | width: auto; | ||
| Line 340: | Line 393: | ||
} | } | ||
/* ============================================================ | /* ============================================================ | ||
| Line 482: | Line 531: | ||
line-height:1.35; | line-height:1.35; | ||
opacity:.85; | opacity:.85; | ||
} | |||
/* ============================================================ | |||
Wikipedia-style infobox | |||
(restores float-right + wrap + smaller type) | |||
============================================================ */ | |||
.mw-parser-output .infobox { | |||
float: right; | |||
clear: right; | |||
width: 22em; | |||
margin: 0 0 1em 1em; | |||
font-size: 88%; | |||
line-height: 1.35; | |||
border: 1px solid var(--border-color-base, #a2a9b1); | |||
background: var(--background-color-base, #f8f9fa); | |||
color: inherit; | |||
border-spacing: 3px; | |||
} | |||
.mw-parser-output .infobox caption, | |||
.mw-parser-output .infobox > caption { | |||
font-size: 125%; | |||
font-weight: 700; | |||
text-align: center; | |||
padding: .2em; | |||
} | |||
.mw-parser-output .infobox th, | |||
.mw-parser-output .infobox td { | |||
padding: .25em .4em; | |||
vertical-align: top; | |||
} | |||
.mw-parser-output .infobox th { | |||
text-align: left; | |||
font-weight: 700; | |||
white-space: nowrap; | |||
} | |||
.mw-parser-output .infobox td { | |||
text-align: left; | |||
} | |||
.mw-parser-output .infobox .infobox-image, | |||
.mw-parser-output .infobox .infobox-above, | |||
.mw-parser-output .infobox .infobox-header, | |||
.mw-parser-output .infobox .infobox-subheader { | |||
text-align: center; | |||
} | |||
.mw-parser-output .infobox a.image img { | |||
height: auto; | |||
max-width: 100%; | |||
} | } | ||