MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /************************************************* | ||
BorderConnect Main Page Portal Styles | BorderConnect Main Page Portal Styles | ||
Scoped to .bc-wrap so it won't impact other wiki pages. | Scoped to .bc-wrap so it won't impact other wiki pages. | ||
*************************************************/ | |||
.bc-wrap { | .bc-wrap { | ||
| Line 11: | Line 11: | ||
} | } | ||
/* Ensure portal content inherits | /* Ensure portal content inherits base sizing */ | ||
.bc-wrap .bc-card, | .bc-wrap .bc-card, | ||
.bc-wrap .bc-cleanlist, | .bc-wrap .bc-cleanlist, | ||
| Line 21: | Line 21: | ||
} | } | ||
/* | /************************************************* | ||
HERO | HERO | ||
*************************************************/ | |||
.bc-hero { | .bc-hero { | ||
| Line 59: | Line 59: | ||
} | } | ||
/* | /************************************************* | ||
Pills | Pills | ||
*************************************************/ | |||
.bc-pillrow { | .bc-pillrow { | ||
| Line 76: | Line 76: | ||
background: rgba(255,255,255,.10); | background: rgba(255,255,255,.10); | ||
font-size: 13px; | font-size: 13px; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| Line 90: | Line 89: | ||
} | } | ||
/* | /************************************************* | ||
Layout / Cards | Layout / Cards | ||
*************************************************/ | |||
.bc-grid { | .bc-grid { | ||
| Line 124: | Line 123: | ||
} | } | ||
.bc-card h2 { | .bc-card h2 { | ||
margin: 0 0 10px; | margin: 0 0 10px; | ||
font-size: 18px; | font-size: 18px; | ||
} | } | ||
| Line 134: | Line 131: | ||
margin: 14px 0 8px; | margin: 14px 0 8px; | ||
font-size: 15px; | font-size: 15px; | ||
} | } | ||
| Line 147: | Line 143: | ||
} | } | ||
/* | /************************************************* | ||
Buttons | Buttons | ||
*************************************************/ | |||
.bc-btngrid { | .bc-btngrid { | ||
| Line 187: | Line 183: | ||
} | } | ||
/* | /************************************************* | ||
HEADER LOGO — ICON ONLY, | HEADER LOGO — LARGE, ICON-ONLY, BODY-ALIGNED | ||
*************************************************/ | |||
/* Hide site name | /* Hide site name text */ | ||
.mw-logo-wordmark, | .mw-logo-wordmark, | ||
.mw-logo-tagline { | .mw-logo-tagline { | ||
| Line 204: | Line 200: | ||
} | } | ||
/* Header container height (controls | /* Align header content width to article body */ | ||
.mw-header-content { | |||
max-width: var(--width-content); | |||
margin-left: auto; | |||
margin-right: auto; | |||
padding-left: 16px; | |||
padding-right: 16px; | |||
box-sizing: border-box; | |||
} | |||
/* Header container height (controls bar height) */ | |||
.mw-header { | .mw-header { | ||
height: 90px; | height: 90px; | ||
| Line 211: | Line 217: | ||
} | } | ||
/* | /* Remove forced min height */ | ||
.mw-header, | .mw-header, | ||
.mw-header-content { | .mw-header-content { | ||
| Line 217: | Line 223: | ||
} | } | ||
/* Center logo | /* Center logo inside shorter header */ | ||
.mw-header-content, | .mw-header-content, | ||
.mw-logo { | .mw-logo { | ||
| Line 225: | Line 231: | ||
} | } | ||
/* Large logo ( | /* Large logo (intentional overflow) */ | ||
.mw-logo img { | .mw-logo img { | ||
height: 135px !important; | height: 135px !important; | ||
| Line 238: | Line 244: | ||
} | } | ||
/* | /************************************************* | ||
Night Mode Support | Night Mode Support | ||
*************************************************/ | |||
@media screen { | @media screen { | ||