Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will affect users of the Vector skin: #p-logo { top: -233px; →From -160px. Distance from the top: height: 236px; →From 160px. Height of logo: }...") |
|||
| Line 6: | Line 6: | ||
#p-logo a { | #p-logo a { | ||
height: 236px; /* From 160px. Height of logo */ | height: 236px; /* From 160px. Height of logo */ | ||
| + | } | ||
| + | |||
| + | :root { | ||
| + | --hf-hero-bg: var(--hf-h2-bg, #3c553c); /* falls back to your section color */ | ||
| + | --hf-hero-fg: #fff; | ||
| + | --hf-hero-border: #ccc; | ||
| + | } | ||
| + | |||
| + | /* HeaderTemplate */ | ||
| + | .hf-hero { | ||
| + | margin-top: .7em; | ||
| + | } | ||
| + | .hf-hero-table { | ||
| + | width: 100%; | ||
| + | border-collapse: separate; | ||
| + | border: 1px solid var(--hf-hero-border); | ||
| + | border-radius: 12px; | ||
| + | background: var(--hf-hero-bg); | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .hf-hero-left, | ||
| + | .hf-hero-right { | ||
| + | color: var(--hf-hero-fg); | ||
| + | vertical-align: middle; | ||
| + | padding: .6em .8em; | ||
| + | } | ||
| + | .hf-hero-left { width: 45%; white-space: nowrap; text-align: center; } | ||
| + | .hf-hero-right { font-size: 125%; text-align: center; } | ||
| + | .hf-hero-title { | ||
| + | font-size: 195%; | ||
| + | font-weight: 700; | ||
| + | margin: 0; | ||
} | } | ||
Revision as of 19:40, 24 September 2025
/* CSS placed here will affect users of the Vector skin */
#p-logo {
top: -233px; /* From -160px. Distance from the top */
height: 236px; /* From 160px. Height of logo */
}
#p-logo a {
height: 236px; /* From 160px. Height of logo */
}
:root {
--hf-hero-bg: var(--hf-h2-bg, #3c553c); /* falls back to your section color */
--hf-hero-fg: #fff;
--hf-hero-border: #ccc;
}
/* HeaderTemplate */
.hf-hero {
margin-top: .7em;
}
.hf-hero-table {
width: 100%;
border-collapse: separate;
border: 1px solid var(--hf-hero-border);
border-radius: 12px;
background: var(--hf-hero-bg);
overflow: hidden;
}
.hf-hero-left,
.hf-hero-right {
color: var(--hf-hero-fg);
vertical-align: middle;
padding: .6em .8em;
}
.hf-hero-left { width: 45%; white-space: nowrap; text-align: center; }
.hf-hero-right { font-size: 125%; text-align: center; }
.hf-hero-title {
font-size: 195%;
font-weight: 700;
margin: 0;
}