RPI Wiki

User:Krishj4/common.css: Difference between revisions

← Older editNewer edit →
Krishj4 (talk | contribs)
Bureaucrats, Interface administrators, Administrators
30 edits
Heading accent: short red bar over a subtle grey rule
Heading accent: red underline matches text width
Line 41: Line 41:
}
}


/* Subtle full-width grey rule + a short red brand bar at the left */
/* Red underline that matches the width of the heading text */
.skin-vector-2022 .mw-body h1.firstHeading,
/* Drop Vector's full-width grey rule under section headings */
.skin-vector-2022 .mw-body .mw-first-heading,
.skin-vector-2022 .mw-heading.mw-heading2 {
.skin-vector-2022 .mw-heading.mw-heading2 {
position: relative;
border-bottom: none;
border-bottom: 1px solid #c8ccd1;
padding-bottom: 0.25em;
}
}


.skin-vector-2022 .mw-body h1.firstHeading::after,
/* Underline the text element itself so the rule = text width */
.skin-vector-2022 .mw-body .mw-first-heading::after,
.skin-vector-2022 .mw-body .mw-first-heading,
.skin-vector-2022 .mw-heading.mw-heading2::after {
.skin-vector-2022 .mw-heading.mw-heading2 h2 {
content: "";
width: fit-content;
position: absolute;
border-bottom: 2px solid var(--rpi-red);
left: 0;
padding-bottom: 0.15em;
bottom: -1px;
width: 2.5em;
height: 2px;
background-color: var(--rpi-red);
}
}


Retrieved from "https://rpiwiki.org/index.php/User:Krishj4/common.css"