User:Krishj4/common.css: Difference between revisions
Heading accent: full-width wrapper, 2px red |
Heading accent: short red bar over a subtle grey rule |
||
| Line 41: | Line 41: | ||
} | } | ||
/* Subtle full-width grey rule + a short red brand bar at the left */ | |||
.skin-vector-2022 .mw-body h1.firstHeading, | .skin-vector-2022 .mw-body h1.firstHeading, | ||
.skin-vector-2022 .mw-body .mw-first-heading, | .skin-vector-2022 .mw-body .mw-first-heading, | ||
.skin-vector-2022 .mw-heading.mw-heading2 { | .skin-vector-2022 .mw-heading.mw-heading2 { | ||
border-bottom: | position: relative; | ||
border-bottom: 1px solid #c8ccd1; | |||
padding-bottom: 0.25em; | padding-bottom: 0.25em; | ||
} | |||
.skin-vector-2022 .mw-body h1.firstHeading::after, | |||
.skin-vector-2022 .mw-body .mw-first-heading::after, | |||
.skin-vector-2022 .mw-heading.mw-heading2::after { | |||
content: ""; | |||
position: absolute; | |||
left: 0; | |||
bottom: -1px; | |||
width: 2.5em; | |||
height: 2px; | |||
background-color: var(--rpi-red); | |||
} | } | ||