Template:GuidePage/Stylez.css: Difference between revisions
No edit summary |
No edit summary Tag: Manual revert |
||
| (38 intermediate revisions by 2 users not shown) | |||
| Line 5: | Line 5: | ||
#firstHeading { | #firstHeading { | ||
display: none; | display: none; | ||
} | |||
:root { | |||
--content-border: color-mix(in srgb, var(--colour-theme-800), white 80%); | |||
--font-text: 'Nunito', sans-serif; | |||
} | |||
#content { | |||
background-color: var(--colour-theme-50) !important; | |||
border-color: var(--content-border); | |||
} | |||
.vector-menu-tabs-legacy .selected { | |||
background: linear-gradient(to top, var(--colour-theme-50) 0, #fff 100%); | |||
} | |||
.vector-menu-tabs-legacy li { | |||
background-image: linear-gradient(to top, var(--content-border) 0, var(--colour-theme-100) 1px, #fff 100%); | |||
} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom, transparent 0, var(--content-border) 100%); | |||
} | |||
.vector-menu-tabs-legacy li a { | |||
color: var(--colour-theme-600); | |||
} | |||
.guide { | |||
background-color: white; | |||
padding: 1rem; | |||
border-radius: 8px; | |||
margin: auto; | |||
max-width: 48rem; | |||
border: 1px solid color-mix(in srgb, var(--colour-theme-900), transparent 90%); | |||
font-family: var(--font-text); | |||
} | } | ||
.guide-header { | .guide-header { | ||
min-height: 8rem; | |||
display: grid; | display: grid; | ||
align-items: end; | align-items: end; | ||
color: var(--colour-grey-900); | color: var(--colour-grey-900); | ||
font-family: | font-family: var(--font-text); | ||
} | } | ||
| Line 25: | Line 57: | ||
font-weight: 1000; | font-weight: 1000; | ||
font-size: 3.5rem; | font-size: clamp(2rem, 6vw, 3.5rem); | ||
line-height: 1.25; | |||
margin-top: .5rem; | |||
margin-bottom: 1rem; | |||
color: var(--colour-theme-600); | |||
} | } | ||
.guide-header p { | .guide-header p { | ||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
background-color: var(--colour- | background-color: var(--colour-theme-600); | ||
color: white; | color: white; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
padding: .25rem .5rem; | padding: .25rem .5rem; | ||
font-size: . | font-size: .75rem; | ||
font-weight: 500; | font-weight: 500; | ||
letter-spacing: | letter-spacing: 5%; | ||
margin: 0; | margin: 0; | ||
} | |||
.guide-header p a { | |||
color: inherit; | |||
font-weight: inherit; | |||
} | } | ||
.guide-main { | .guide-main { | ||
font-family: 'Nunito', sans-serif; | |||
color: var(--colour-grey-900); | |||
} | |||
.guide-main h2 { | |||
font-family: inherit; | |||
border: none; | |||
} | |||
.guide-main h2 .mw-headline { | |||
font-weight: 800; | |||
} | |||
p.lede { | |||
font-size: 1.15rem; | |||
font-weight: 450; | |||
color: var(--colour-grey-800); | |||
text-wrap: balance; | |||
} | } | ||