1 line
5.4 KiB
CSS
1 line
5.4 KiB
CSS
:root{--text:#231f20;--background:#f4f4f4;--background-shade:#e8e8e8;--blue:#1291A9;--claret:#0e4e60}@media(prefers-color-scheme:dark){:root{--text:#f4f4f4;--background:#231f20;--background-shade:#1f1b1c;--blue:#1bbbdb;--claret:#5da8bb}}body{background-color:var(--background);color:var(--text);font-family:domaine text,serif;line-height:1.5;max-width:800px;margin-left:auto;margin-right:auto;padding:5%}a{color:var(--blue);text-decoration:none;border-bottom:thin dotted var(--blue)}sup{vertical-align:top;a { border: none; }}header{display:flex;justify-content:space-between;align-items:baseline}header h1{font-family:domaine display,Georgia,serif;font-style:italic;font-weight:400;a { color: var(--text); border: none; } svg { color: var(--blue); width: 10px; }}nav ul{list-style-type:none;padding:0;li { display: inline-block; } a { font-family: 'Domaine Display', Georgia, serif; font-weight: 900; text-transform: uppercase; } li:not(:last-child) { margin-right: 15px; }}@media only screen and (max-width:600px){header{display:block;text-align:center}}.home time::after,.page time::after,.section time::after{content:' ';background:var(--text);width:150px;height:1px;display:block;margin:2% auto 0}.home article h2,.page h1,.section article h2{font-family:domaine display,Georgia,serif;font-weight:900;text-transform:uppercase;font-size:3rem;text-align:center;margin:2% 0;line-height:1.2;word-spacing:.3rem}@media only screen and (max-width:600px){.home article h2,.page h1,.section article h2{font-size:2rem}}.home article time,.page time,.section article time{font-family:domaine display,Georgia,serif;font-weight:400;font-style:italic;font-size:1.75rem;display:block;text-align:center}@media only screen and (max-width:600px){.home article time,.page time,.section article time{font-size:1.25rem}}.home .barcode,.page .barcode,.section .barcode{font-family:libre barcode,sans-serif;font-size:2rem;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:600px){.home .barcode,.page .barcode,.section .barcode{font-size:1rem}}.tags ul{list-style-type:none;padding:0;font-family:domaine display,Georgia,serif;font-weight:900;text-transform:uppercase;display:flex;justify-content:center;li { display: flex; svg { margin-right: 5px; margin-left: 5px; } a { text-decoration: none; border-bottom: medium dotted var(--blue); } } li:not(:last-child):after { content: ''; margin-right: 10px; }}@media only screen and (max-width:600px){.tags ul{display:block}.tags ul li{justify-content:center}}.home article{border-top:1px dotted var(--text);padding:7.5% 0}.home article:first-of-type{border:none}@media only screen and (max-width:600px){.home blockquote,.section blockquote{margin:0}}.home article h2 a{text-decoration:none;border:none;color:var(--text)}.home .all{text-align:center;a { font-family: 'Domaine Display', Georgia, serif; font-weight: 900; text-transform: uppercase; font-size: 1.75rem; } svg { margin-left: 10px; }}.page article{padding-top:7.5%}.page article p,.page article ul{font-size:1.25rem}.page article li{margin-bottom:10px}.page article li::marker{color:var(--blue)}.page article blockquote{margin:0;padding:2.5% 5%;background-color:var(--background-shade);p { font-size: 1rem; }}.page article h2,h3{font-size:2rem;color:var(--claret)}.page article hr{border-top:1px solid var(--text);color:var(--background);width:350px;margin-top:5%;margin-bottom:5%}.page article .footnotes{margin:10% 0}.page article .footnotes,.page article .footnotes p{font-size:1rem}.page article .footnotes a{border:none}.page article .footnotes hr{display:none}.section article h2 a{text-decoration:none;border:none;color:var(--text)}.section h1{font-family:domaine display,Georgia,serif;font-weight:900;text-align:center;text-transform:uppercase;color:var(--claret)}.section article:first-of-type{padding-top:0}.section article{border-bottom:1px dotted var(--text);padding:7.5% 0}.pagination{list-style-type:none;padding:7.5% 0 0;display:flex;justify-content:center;gap:40px;font-family:domaine display,Georgia,serif;text-align:center;text-transform:uppercase;font-size:1.25rem}@media only screen and (max-width:600px){.pagination{gap:20px}}.pagination__item a{border:none}.pagination__item--current a{font-weight:900;color:var(--text)}.pagination__item svg{width:18px}.term h1{font-family:domaine display,Georgia,serif;font-weight:900;text-align:center;text-transform:uppercase;color:var(--claret);margin:0;padding-top:7.5%}.term article{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted var(--text);padding:2.5% 0;h2 { margin: 0; font-family: 'Domaine Display', Georgia, serif; text-transform: uppercase; font-size: 1.5rem; width: 80%; a { color: var(--text); border: none; } } time { font-family: 'Domaine Display', Georgia, serif; font-weight: normal; font-style: italic; }}footer{margin-top:10%}footer .social{list-style-type:none;padding:0;display:flex;justify-content:center;align-items:center;a { border-bottom: none; } svg { transform: scale(1.75); } li:not(:last-child) { margin-right: 35px; }}footer .forget{font-family:domaine display,Georgia,serif;font-weight:400;text-transform:uppercase;font-size:1.5rem;text-align:center;margin:10px 0}@media only screen and (max-width:600px){footer .forget{font-size:1.25rem}}footer .copyright{font-family:domaine display,Georgia,serif;font-weight:400;font-style:italic;text-transform:uppercase;text-align:center;margin:10px 0} |