Template:Spec.css: Difference between revisions
No edit summary |
Tag: Undo |
||
| (75 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
#content { | #content { | ||
font-family: 'Besley', serif !important; | font-family: 'Besley', serif !important; | ||
counter-reset: section; | |||
} | } | ||
#firstHeading { | #firstHeading { | ||
font-weight: | font-weight: 800; | ||
font-size: 2.5rem; | font-size: 2.5rem; | ||
font-family: 'Besley', serif !important; | font-family: 'Besley', serif !important; | ||
| Line 26: | Line 27: | ||
font-weight: 500; | font-weight: 500; | ||
color: var(--colour-grey-400); | color: var(--colour-grey-400); | ||
} | } | ||
} | } | ||
| Line 40: | Line 40: | ||
margin: auto; | margin: auto; | ||
color: var(--colour-grey-800); | color: var(--colour-grey-800); | ||
margin-bottom: 4rem; | |||
} | } | ||
| Line 95: | Line 96: | ||
.toctitle { | .toctitle { | ||
margin-bottom: .5rem; | margin-bottom: .5rem; | ||
display: | display: flex; | ||
justify-content: space-between; | |||
justify-content: | |||
align-items: baseline; | align-items: baseline; | ||
} | } | ||
| Line 119: | Line 119: | ||
letter-spacing: 7%; | letter-spacing: 7%; | ||
font-size: .85rem; | font-size: .85rem; | ||
margin-top: 0; | margin-top: 0; | ||
margin-right: 0.5rem; | |||
} | } | ||
| Line 128: | Line 128: | ||
#content h2 { | #content h2 { | ||
position: relative; | |||
border-bottom: 0; | border-bottom: 0; | ||
font-size: 1.75em; | font-size: 1.75em; | ||
font-weight: 500; | font-weight: 500; | ||
} | |||
h2 .mw-headline::before { | |||
position: absolute; | |||
right: 100%; | |||
top: 0.175rem; | |||
display: grid; | |||
align-content: center; | |||
justify-content: center; | |||
aspect-ratio: 1 / 1; | |||
width: auto; | |||
height: 100%; | |||
white-space: nowrap; | |||
counter-increment: section; | |||
content: counter(section); | |||
font-size: 1rem; | |||
color: var(--colour-grey-700); | |||
background-color: var(--colour-grey-100); | |||
font-weight: 600; | |||
margin-right: .5rem; | |||
} | } | ||
| Line 157: | Line 182: | ||
} | } | ||
s, .todo { | |||
color: var(--colour-grey-500) | color: var(--colour-grey-500); | ||
} | |||
.todo::before { | |||
content: "❊ todo: "; | |||
} | |||
.mw-highlight .nt { | |||
color: var(--colour-ectoplasm-700); | |||
} | |||
.mw-highlight .na { | |||
color: var(--colour-olive-700); | |||
} | |||
.mw-highlight .s { | |||
color: var(--colour-red-700); | |||
} | |||
.mw-highlight .cm { | |||
color: var(--colour-weezer-700); | |||
} | |||
pre, code, .mw-code { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-50); | |||
border: 1px solid var(--colour-grey-200); | |||
} | |||
code { | |||
white-space: nowrap; | |||
} | |||
.wikitable { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-50); | |||
& > tr > th, > * > tr > th { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-100); | |||
} | |||
& > tr > th, > tr > td, > * > tr > th, > * > tr > td { | |||
border: 1px solid var(--colour-grey-300); | |||
& > code, > * > code { | |||
background-color: white; | |||
} | |||
} | |||
} | |||
.tocnumber, .toctext { | |||
font-variant-numeric: oldstyle-nums; | |||
} | } | ||