1295 lines
46 KiB
CSS
1295 lines
46 KiB
CSS
@charset "UTF-8";
|
||
/*
|
||
* Fonts
|
||
*/
|
||
/*
|
||
* Commented out until I decide to buy a licence for Input Mono.
|
||
*
|
||
* @font-face {
|
||
* font-family: "Input Mono";
|
||
* src: url(/fonts/InputMono-Regular.ttf);
|
||
* }
|
||
*/
|
||
@font-face {
|
||
font-family: Domitian;
|
||
src: url("/fonts/Domitian-Roman.woff2") format("woff2"); }
|
||
|
||
@font-face {
|
||
font-family: Domitian;
|
||
src: url("/fonts/Domitian-Bold.woff2") format("woff2");
|
||
font-weight: bold; }
|
||
|
||
@font-face {
|
||
font-family: Domitian;
|
||
src: url("/fonts/Domitian-Italic.woff2") format("woff2");
|
||
font-style: italic; }
|
||
|
||
@font-face {
|
||
font-family: Domitian;
|
||
src: url("/fonts/Domitian-BoldItalic.woff2") format("woff2");
|
||
font-weight: bold;
|
||
font-style: italic; }
|
||
|
||
/*
|
||
* Base
|
||
*/
|
||
html {
|
||
font-size: 16px;
|
||
color: #020202;
|
||
background-color: #fffff0;
|
||
font-family: "Domitian", "Palatino Linotype", "Book Antiqua", palatino, garamond, serif;
|
||
font-variant-numeric: 'oldstyle-nums slashed-zero';
|
||
writing-mode: horizontal-tb; }
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-weight: normal;
|
||
margin: 0; }
|
||
|
||
a {
|
||
text-decoration-skip-ink: auto;
|
||
color: #020202;
|
||
text-decoration: underline;
|
||
opacity: 0.8; }
|
||
a:hover {
|
||
text-decoration: none;
|
||
opacity: 1; }
|
||
|
||
/*
|
||
* Quotations
|
||
*/
|
||
q:lang(en) {
|
||
quotes: "‘" "’" "“" "”"; }
|
||
|
||
/*
|
||
* Citations
|
||
*/
|
||
cite,
|
||
cite.book,
|
||
cite.film,
|
||
cite.tv-show,
|
||
cite.comic,
|
||
cite.podcast,
|
||
cite.album,
|
||
cite.report {
|
||
font-style: italic; }
|
||
|
||
cite.book--proper-noun {
|
||
font-style: inherit; }
|
||
|
||
cite.legislation,
|
||
cite.smallcite,
|
||
cite.comic-strip,
|
||
cite.short-story,
|
||
cite.article,
|
||
cite.episode,
|
||
cite.video,
|
||
cite.chapter,
|
||
cite.poem,
|
||
cite.software,
|
||
cite.website,
|
||
cite.campaign,
|
||
cite.song,
|
||
cite.speech,
|
||
cite.course,
|
||
cite.presentation {
|
||
font-style: normal; }
|
||
|
||
cite.smallcite::before,
|
||
cite.article::before,
|
||
cite.comic-strip::before,
|
||
cite.short-story::before,
|
||
cite.episode::before,
|
||
cite.video::before,
|
||
cite.chapter::before,
|
||
cite.song::before,
|
||
cite.poem::before,
|
||
cite.campaign::before,
|
||
cite.speech::before,
|
||
cite.course::before,
|
||
cite.presentation::before {
|
||
content: "“"; }
|
||
|
||
cite.smallcite::after,
|
||
cite.article::after,
|
||
cite.comic-strip::after,
|
||
cite.short-story::after,
|
||
cite.episode::after,
|
||
cite.video::after,
|
||
cite.chapter::after,
|
||
cite.song::after,
|
||
cite.poem::after,
|
||
cite.campaign::after,
|
||
cite.speech::after,
|
||
cite.course::after,
|
||
cite.presentation::after {
|
||
content: "”"; }
|
||
|
||
cite.article--shortcite::before,
|
||
cite.article--shortcite::after {
|
||
content: none; }
|
||
|
||
cite,
|
||
.cite {
|
||
font-style: italic; }
|
||
cite[itemtype$="Code"], cite[itemtype$="SocialMediaPosting"], cite[itemtype$="SoftwareApplication"], cite[itemtype$="WebApplication"], cite[itemtype$="MobileApplication"], cite[itemtype$="WebSite"], cite[itemtype$="WebContent"], cite[itemtype$="Comment"], cite[itemtype$="Statement"], cite[itemtype$="CreativeWorkSeason"], cite[itemtype$="PodcastSeason"], cite[itemtype$="RadioSeason"], cite[itemtype$="TVSeason"], cite[itemtype$="CreativeWorkSeries"], cite[itemtype$="BookSeries"], cite[itemtype$="MovieSeries"], cite[itemtype$="VideoGameSeries"], cite[itemtype$="Legislation"], cite--inherit,
|
||
.cite[itemtype$="Code"],
|
||
.cite[itemtype$="SocialMediaPosting"],
|
||
.cite[itemtype$="SoftwareApplication"],
|
||
.cite[itemtype$="WebApplication"],
|
||
.cite[itemtype$="MobileApplication"],
|
||
.cite[itemtype$="WebSite"],
|
||
.cite[itemtype$="WebContent"],
|
||
.cite[itemtype$="Comment"],
|
||
.cite[itemtype$="Statement"],
|
||
.cite[itemtype$="CreativeWorkSeason"],
|
||
.cite[itemtype$="PodcastSeason"],
|
||
.cite[itemtype$="RadioSeason"],
|
||
.cite[itemtype$="TVSeason"],
|
||
.cite[itemtype$="CreativeWorkSeries"],
|
||
.cite[itemtype$="BookSeries"],
|
||
.cite[itemtype$="MovieSeries"],
|
||
.cite[itemtype$="VideoGameSeries"],
|
||
.cite[itemtype$="Legislation"],
|
||
.cite--inherit {
|
||
font-style: inherit; }
|
||
cite[itemtype$="Article"], cite[itemtype$="BlogPosting"], cite[itemtype$="NewsArticle"], cite[itemtype$="AnalysisNewsArticle"], cite[itemtype$="ReportageNewsArticle"], cite[itemtype$="OpinionNewsArticle"], cite[itemtype$="ScholarlyArticle"], cite[itemtype$="TechArticle"], cite[itemtype$="Event"], cite[itemtype$="Chapter"], cite[itemtype$="Clip"], cite[itemtype$="MovieClip"], cite[itemtype$="RadioClip"], cite[itemtype$="TVClip"], cite[itemtype$="VideoGameClip"], cite[itemtype$="Course"], cite[itemtype$="DigitalDocument"], cite[itemtype$="NoteDigitalDocument"], cite[itemtype$="PresentationDigitalDocument"], cite[itemtype$="TextDigitalDocument"], cite[itemtype$="Episode"], cite[itemtype$="PodcastEpisode"], cite[itemtype$="RadioEpisode"], cite[itemtype$="TVEpisode"], cite[itemtype$="MusicRecording"], cite[itemtype$="MusicComposition"], cite[itemtype$="Message"], cite--enquote,
|
||
.cite[itemtype$="Article"],
|
||
.cite[itemtype$="BlogPosting"],
|
||
.cite[itemtype$="NewsArticle"],
|
||
.cite[itemtype$="AnalysisNewsArticle"],
|
||
.cite[itemtype$="ReportageNewsArticle"],
|
||
.cite[itemtype$="OpinionNewsArticle"],
|
||
.cite[itemtype$="ScholarlyArticle"],
|
||
.cite[itemtype$="TechArticle"],
|
||
.cite[itemtype$="Event"],
|
||
.cite[itemtype$="Chapter"],
|
||
.cite[itemtype$="Clip"],
|
||
.cite[itemtype$="MovieClip"],
|
||
.cite[itemtype$="RadioClip"],
|
||
.cite[itemtype$="TVClip"],
|
||
.cite[itemtype$="VideoGameClip"],
|
||
.cite[itemtype$="Course"],
|
||
.cite[itemtype$="DigitalDocument"],
|
||
.cite[itemtype$="NoteDigitalDocument"],
|
||
.cite[itemtype$="PresentationDigitalDocument"],
|
||
.cite[itemtype$="TextDigitalDocument"],
|
||
.cite[itemtype$="Episode"],
|
||
.cite[itemtype$="PodcastEpisode"],
|
||
.cite[itemtype$="RadioEpisode"],
|
||
.cite[itemtype$="TVEpisode"],
|
||
.cite[itemtype$="MusicRecording"],
|
||
.cite[itemtype$="MusicComposition"],
|
||
.cite[itemtype$="Message"],
|
||
.cite--enquote {
|
||
font-style: inherit; }
|
||
cite[itemtype$="Article"]::before, cite[itemtype$="BlogPosting"]::before, cite[itemtype$="NewsArticle"]::before, cite[itemtype$="AnalysisNewsArticle"]::before, cite[itemtype$="ReportageNewsArticle"]::before, cite[itemtype$="OpinionNewsArticle"]::before, cite[itemtype$="ScholarlyArticle"]::before, cite[itemtype$="TechArticle"]::before, cite[itemtype$="Event"]::before, cite[itemtype$="Chapter"]::before, cite[itemtype$="Clip"]::before, cite[itemtype$="MovieClip"]::before, cite[itemtype$="RadioClip"]::before, cite[itemtype$="TVClip"]::before, cite[itemtype$="VideoGameClip"]::before, cite[itemtype$="Course"]::before, cite[itemtype$="DigitalDocument"]::before, cite[itemtype$="NoteDigitalDocument"]::before, cite[itemtype$="PresentationDigitalDocument"]::before, cite[itemtype$="TextDigitalDocument"]::before, cite[itemtype$="Episode"]::before, cite[itemtype$="PodcastEpisode"]::before, cite[itemtype$="RadioEpisode"]::before, cite[itemtype$="TVEpisode"]::before, cite[itemtype$="MusicRecording"]::before, cite[itemtype$="MusicComposition"]::before, cite[itemtype$="Message"]::before, cite--enquote::before,
|
||
.cite[itemtype$="Article"]::before,
|
||
.cite[itemtype$="BlogPosting"]::before,
|
||
.cite[itemtype$="NewsArticle"]::before,
|
||
.cite[itemtype$="AnalysisNewsArticle"]::before,
|
||
.cite[itemtype$="ReportageNewsArticle"]::before,
|
||
.cite[itemtype$="OpinionNewsArticle"]::before,
|
||
.cite[itemtype$="ScholarlyArticle"]::before,
|
||
.cite[itemtype$="TechArticle"]::before,
|
||
.cite[itemtype$="Event"]::before,
|
||
.cite[itemtype$="Chapter"]::before,
|
||
.cite[itemtype$="Clip"]::before,
|
||
.cite[itemtype$="MovieClip"]::before,
|
||
.cite[itemtype$="RadioClip"]::before,
|
||
.cite[itemtype$="TVClip"]::before,
|
||
.cite[itemtype$="VideoGameClip"]::before,
|
||
.cite[itemtype$="Course"]::before,
|
||
.cite[itemtype$="DigitalDocument"]::before,
|
||
.cite[itemtype$="NoteDigitalDocument"]::before,
|
||
.cite[itemtype$="PresentationDigitalDocument"]::before,
|
||
.cite[itemtype$="TextDigitalDocument"]::before,
|
||
.cite[itemtype$="Episode"]::before,
|
||
.cite[itemtype$="PodcastEpisode"]::before,
|
||
.cite[itemtype$="RadioEpisode"]::before,
|
||
.cite[itemtype$="TVEpisode"]::before,
|
||
.cite[itemtype$="MusicRecording"]::before,
|
||
.cite[itemtype$="MusicComposition"]::before,
|
||
.cite[itemtype$="Message"]::before,
|
||
.cite--enquote::before {
|
||
content: "“"; }
|
||
cite[itemtype$="Article"]::after, cite[itemtype$="BlogPosting"]::after, cite[itemtype$="NewsArticle"]::after, cite[itemtype$="AnalysisNewsArticle"]::after, cite[itemtype$="ReportageNewsArticle"]::after, cite[itemtype$="OpinionNewsArticle"]::after, cite[itemtype$="ScholarlyArticle"]::after, cite[itemtype$="TechArticle"]::after, cite[itemtype$="Event"]::after, cite[itemtype$="Chapter"]::after, cite[itemtype$="Clip"]::after, cite[itemtype$="MovieClip"]::after, cite[itemtype$="RadioClip"]::after, cite[itemtype$="TVClip"]::after, cite[itemtype$="VideoGameClip"]::after, cite[itemtype$="Course"]::after, cite[itemtype$="DigitalDocument"]::after, cite[itemtype$="NoteDigitalDocument"]::after, cite[itemtype$="PresentationDigitalDocument"]::after, cite[itemtype$="TextDigitalDocument"]::after, cite[itemtype$="Episode"]::after, cite[itemtype$="PodcastEpisode"]::after, cite[itemtype$="RadioEpisode"]::after, cite[itemtype$="TVEpisode"]::after, cite[itemtype$="MusicRecording"]::after, cite[itemtype$="MusicComposition"]::after, cite[itemtype$="Message"]::after, cite--enquote::after,
|
||
.cite[itemtype$="Article"]::after,
|
||
.cite[itemtype$="BlogPosting"]::after,
|
||
.cite[itemtype$="NewsArticle"]::after,
|
||
.cite[itemtype$="AnalysisNewsArticle"]::after,
|
||
.cite[itemtype$="ReportageNewsArticle"]::after,
|
||
.cite[itemtype$="OpinionNewsArticle"]::after,
|
||
.cite[itemtype$="ScholarlyArticle"]::after,
|
||
.cite[itemtype$="TechArticle"]::after,
|
||
.cite[itemtype$="Event"]::after,
|
||
.cite[itemtype$="Chapter"]::after,
|
||
.cite[itemtype$="Clip"]::after,
|
||
.cite[itemtype$="MovieClip"]::after,
|
||
.cite[itemtype$="RadioClip"]::after,
|
||
.cite[itemtype$="TVClip"]::after,
|
||
.cite[itemtype$="VideoGameClip"]::after,
|
||
.cite[itemtype$="Course"]::after,
|
||
.cite[itemtype$="DigitalDocument"]::after,
|
||
.cite[itemtype$="NoteDigitalDocument"]::after,
|
||
.cite[itemtype$="PresentationDigitalDocument"]::after,
|
||
.cite[itemtype$="TextDigitalDocument"]::after,
|
||
.cite[itemtype$="Episode"]::after,
|
||
.cite[itemtype$="PodcastEpisode"]::after,
|
||
.cite[itemtype$="RadioEpisode"]::after,
|
||
.cite[itemtype$="TVEpisode"]::after,
|
||
.cite[itemtype$="MusicRecording"]::after,
|
||
.cite[itemtype$="MusicComposition"]::after,
|
||
.cite[itemtype$="Message"]::after,
|
||
.cite--enquote::after {
|
||
content: "”"; }
|
||
cite--normal,
|
||
.cite--normal {
|
||
font-style: normal !important; }
|
||
cite--normal::before,
|
||
.cite--normal::before {
|
||
content: none !important; }
|
||
cite--normal::after,
|
||
.cite--normal::after {
|
||
content: none !important; }
|
||
|
||
/*
|
||
* Code
|
||
*/
|
||
pre {
|
||
padding-inline-start: 1em;
|
||
border-inline-start: 2px outset #020202;
|
||
display: inline-block;
|
||
overflow: hidden;
|
||
max-inline-size: 80%;
|
||
overflow: scroll; }
|
||
@media only screen and (min-width: 1248px) {
|
||
pre {
|
||
margin-block: 1em;
|
||
margin-inline: 2em; } }
|
||
code,
|
||
samp,
|
||
var,
|
||
pre {
|
||
font-family: "Input Mono", "Lucida Console", monaco, monospace;
|
||
font-size: 1em; }
|
||
|
||
code,
|
||
samp,
|
||
var {
|
||
background-color: #d1d1d1;
|
||
border-radius: 5px;
|
||
padding: 2px; }
|
||
|
||
samp {
|
||
display: block;
|
||
inline-size: 80ch;
|
||
margin-block: 1em;
|
||
margin-inline: 4em;
|
||
border-inline-start: 2px solid #ccc;
|
||
color: #333; }
|
||
|
||
h1 code,
|
||
pre code,
|
||
pre samp,
|
||
pre var,
|
||
h1 samp,
|
||
h1 var,
|
||
.post-title code,
|
||
.post-title samp,
|
||
.post-title var {
|
||
background-color: transparent;
|
||
padding: 0; }
|
||
|
||
.heading code,
|
||
.subheading code {
|
||
background-color: transparent; }
|
||
|
||
kbd {
|
||
padding-block: 0.1em;
|
||
padding-inline: 0.6em;
|
||
border: 1px solid #ccc;
|
||
font-size: 11px;
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
background-color: #f7f7f7;
|
||
color: #333;
|
||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
|
||
border-radius: 3px;
|
||
display: inline-block;
|
||
margin-block: 0;
|
||
margin-inline: 0.1em;
|
||
text-shadow: 0 1px 0 white;
|
||
line-height: 1.4;
|
||
white-space: nowrap; }
|
||
|
||
/*
|
||
* Special Text
|
||
*/
|
||
.pre-nominals,
|
||
.post-nominals {
|
||
font-size: 0.6em;
|
||
font-variant: small-caps; }
|
||
|
||
.sic::after {
|
||
content: " [sic]";
|
||
font-style: italic; }
|
||
|
||
.latex {
|
||
display: inline !important; }
|
||
|
||
.MathJax {
|
||
font-size: 1em !important; }
|
||
|
||
:where([title]) {
|
||
text-decoration: underline;
|
||
text-decoration: underline dotted; }
|
||
:where([title]):not(a *) {
|
||
cursor: help; }
|
||
|
||
dfn {
|
||
font-variant: small-caps; }
|
||
|
||
.site-container {
|
||
display: grid;
|
||
grid-template-columns: 2.5% 1fr 2.5%;
|
||
grid-template-rows: auto 1fr 2.5%;
|
||
grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer";
|
||
min-block-size: calc(100vh - 4em);
|
||
border-block-start: 0; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-container {
|
||
margin-block-end: 2em;
|
||
grid-template-areas: "header header header" ". page-container ." "footer footer footer";
|
||
border: 2px solid black;
|
||
margin-inline: 2em; } }
|
||
.site-container--homepage {
|
||
align-items: center;
|
||
grid-template-rows: auto 2.5%;
|
||
grid-template-areas: "page-container page-container page-container" "footer footer footer";
|
||
margin: 2em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-container--homepage {
|
||
border: 2px solid black;
|
||
grid-template-areas: ". page-container ." "footer footer footer"; } }
|
||
.site-container--list, .site-container--section {
|
||
align-items: center; }
|
||
|
||
.site-header {
|
||
display: grid;
|
||
grid-area: header;
|
||
grid-gap: 0;
|
||
grid-template-columns: 1fr;
|
||
grid-template-rows: auto auto auto auto;
|
||
grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav";
|
||
inset-block-start: 0;
|
||
inset-inline-start: 0;
|
||
inline-size: 100%;
|
||
text-align: center;
|
||
z-index: 1; }
|
||
.site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav {
|
||
background-color: #fffff0;
|
||
margin: 0; }
|
||
.site-header__title, .site-header__tagline, .site-header__icons {
|
||
padding-block: 5px;
|
||
padding-inline: 0; }
|
||
.site-header__title {
|
||
font-weight: normal;
|
||
grid-area: header-title; }
|
||
.site-header__tagline {
|
||
grid-area: header-tagline; }
|
||
.site-header__icons {
|
||
grid-area: header-icons;
|
||
border-block-end: 2px solid #020202;
|
||
margin-block-end: 0; }
|
||
.site-header__nav {
|
||
grid-area: header-nav;
|
||
margin: auto;
|
||
inline-size: 100%; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-header__nav {
|
||
inline-size: 60%; } }
|
||
.site-header__nav ul {
|
||
margin-block: 0; }
|
||
.site-header__nav ul li {
|
||
inline-size: calc(100% / 3);
|
||
display: block;
|
||
float: inline-start;
|
||
border-block-end: 2px solid black;
|
||
border-inline: 1px solid black;
|
||
padding: 0.4em;
|
||
background-color: inherit; }
|
||
.site-header__nav ul li:hover {
|
||
background-color: #ffffd0; }
|
||
.site-header__nav ul li a {
|
||
inline-size: 100%;
|
||
block-size: 100%;
|
||
display: block; }
|
||
.site-header__nav ul a:first-child li {
|
||
border-inline-start: 2px solid black; }
|
||
.site-header__nav ul a:last-child li {
|
||
border-inline-start: 2px solid black; }
|
||
|
||
.site-footer {
|
||
grid-area: footer;
|
||
display: block;
|
||
inline-size: 100%;
|
||
/* Overflows right of viewport otherwise */
|
||
position: fixed;
|
||
inset-block-end: 0; }
|
||
.site-footer p {
|
||
text-align: center;
|
||
background: #fffff0;
|
||
padding: 0.4em;
|
||
margin-block-end: unset;
|
||
border-block-end: none;
|
||
font-size: 1em;
|
||
border-block-start: 2px solid black; }
|
||
@media only screen and (min-width: 768px) {
|
||
.site-footer p {
|
||
inline-size: fit-content;
|
||
margin: auto;
|
||
border-inline: 2px solid black; } }
|
||
.site-content {
|
||
grid-area: page-container; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content {
|
||
margin: 2em; } }
|
||
.blockquote {
|
||
padding-inline-start: 1em;
|
||
border-inline-start: 2px outset #020202;
|
||
display: inline-block;
|
||
max-inline-size: 85%; }
|
||
@media only screen and (min-width: 1024px) {
|
||
.blockquote {
|
||
margin-block: 0.5em;
|
||
margin-inline: 1em; } }
|
||
.blockquote__body p:first-child {
|
||
margin-block-start: 0; }
|
||
.blockquote__body p:last-of-type {
|
||
margin-block-end: 0.5em; }
|
||
.blockquote__caption {
|
||
display: none;
|
||
text-align: end;
|
||
font-style: normal;
|
||
margin-inline-start: 5em;
|
||
inline-size: 80%;
|
||
orphans: 3; }
|
||
.blockquote__caption::before {
|
||
content: "—"; }
|
||
.blockquote--epigram {
|
||
font-size: 1.1em;
|
||
text-align: center;
|
||
display: block;
|
||
margin-block: 0;
|
||
margin-inline: auto;
|
||
border-inline-start: 0;
|
||
padding-inline-start: 0;
|
||
inline-size: 100%;
|
||
padding-block-start: 1em;
|
||
padding-block-end: 1.2em;
|
||
border-block-start: 2px outset #020202;
|
||
border-block-end: 2px inset #020202; }
|
||
.blockquote--epigram .blockquote__caption {
|
||
display: block; }
|
||
.blockquote--script .blockquote__body {
|
||
display: grid;
|
||
grid-template-columns: auto 1fr 0.2fr;
|
||
padding-block-end: 0.4em;
|
||
text-align: start; }
|
||
.blockquote--script .blockquote__body > p::before, .blockquote--script .blockquote__body > p::after {
|
||
content: none !important; }
|
||
.blockquote--script .blockquote__body > .script-line__character {
|
||
margin-inline: 2em 0.5em;
|
||
margin-block: 0.5em;
|
||
font-style: italic; }
|
||
.blockquote--script .blockquote__body > .script-line__text {
|
||
grid-column-start: 2;
|
||
grid-column-end: 4;
|
||
margin: 0.5em; }
|
||
|
||
.label--button {
|
||
cursor: pointer;
|
||
display: block;
|
||
inline-size: fit-content;
|
||
margin-inline: auto; }
|
||
|
||
.button {
|
||
border: 2px solid #020202;
|
||
background-color: #fffff0;
|
||
padding: 0.4em 1em;
|
||
cursor: pointer; }
|
||
.button:hover {
|
||
box-shadow: 2px 2px gray; }
|
||
|
||
.chart-container {
|
||
position: relative;
|
||
margin-inline: auto;
|
||
block-size: 50vh;
|
||
inline-size: 95vw;
|
||
display: flex;
|
||
justify-content: center; }
|
||
@media (orientation: landscape) {
|
||
.chart-container {
|
||
block-size: 75vh;
|
||
inline-size: 95vw; } }
|
||
@media only screen and (min-width: 1248px) {
|
||
.chart-container {
|
||
block-size: 50vh;
|
||
inline-size: 50vw; } }
|
||
.chart-container + .chart-container {
|
||
margin-block-start: 1em; }
|
||
|
||
.comment__author {
|
||
display: inline;
|
||
font-weight: bold;
|
||
margin-inline-end: 0.5em; }
|
||
|
||
.comment__publish-date {
|
||
display: inline;
|
||
font-style: italic; }
|
||
|
||
.comment__source {
|
||
font-style: italic;
|
||
font-size: 0.8em; }
|
||
|
||
.comment__subheading {
|
||
font-weight: bold;
|
||
margin-block-end: 1em;
|
||
margin-block-start: 1em; }
|
||
|
||
.comment__thread, .comment__subthread {
|
||
list-style: none;
|
||
margin-block-start: 1em;
|
||
padding-inline-start: 1em;
|
||
border-inline-start: 1px dotted #020202;
|
||
margin-inline-start: 0; }
|
||
|
||
details summary {
|
||
cursor: pointer; }
|
||
|
||
.figure {
|
||
inline-size: fit-content;
|
||
margin: 16px auto; }
|
||
.figure__caption {
|
||
block-size: auto;
|
||
margin: auto;
|
||
text-align: center; }
|
||
.figure__caption--no-height {
|
||
height: 0; }
|
||
.figure__caption .figcaption__caption {
|
||
font-size: 0.9em;
|
||
font-style: italic; }
|
||
.figure__caption .figcaption__title {
|
||
font-size: 0.95em;
|
||
font-weight: bold; }
|
||
.figure__caption .figcaption__attr {
|
||
background-color: #020202;
|
||
font-size: 0.7em;
|
||
color: #fffff0;
|
||
inline-size: fit-content;
|
||
inset-block-start: -2em;
|
||
position: relative;
|
||
padding: 0.2em 0.5em;
|
||
opacity: 0.8;
|
||
margin: 0 auto; }
|
||
.figure__caption .figcaption__attr + .figcaption__caption {
|
||
margin-block-start: -0.5em; }
|
||
.figure__caption .figcaption__full-size-link {
|
||
font-size: 0.6em;
|
||
padding-inline-start: 1em; }
|
||
.figure__caption .figcaption__full-size-link::before {
|
||
content: "["; }
|
||
.figure__caption .figcaption__full-size-link::after {
|
||
content: "]"; }
|
||
|
||
.gallery {
|
||
display: grid;
|
||
grid-gap: 10px;
|
||
grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
|
||
grid-template-rows: 1fr auto;
|
||
overflow-inline: scroll; }
|
||
.gallery__caption {
|
||
grid-column-end: -1;
|
||
grid-column-start: 1; }
|
||
|
||
img,
|
||
video {
|
||
max-inline-size: 100%;
|
||
block-size: auto;
|
||
inline-size: auto;
|
||
max-block-size: 50vh;
|
||
margin: auto;
|
||
display: block; }
|
||
|
||
.picture {
|
||
display: block;
|
||
inline-size: auto;
|
||
max-inline-size: 100%;
|
||
margin: auto;
|
||
block-size: auto;
|
||
max-block-size: 50vh; }
|
||
|
||
.feed-icon {
|
||
display: inline-block;
|
||
block-size: 1em;
|
||
inline-size: 1em;
|
||
margin-block-end: 0.2em; }
|
||
|
||
.site-header__icons a {
|
||
text-decoration: none; }
|
||
|
||
.link--tile {
|
||
text-decoration: none;
|
||
box-sizing: border-box;
|
||
border: 2px solid transparent; }
|
||
.link--tile:hover {
|
||
border-color: #020202; }
|
||
|
||
.site-container--section .item-tile.lazy {
|
||
background-image: none !important; }
|
||
|
||
.item-tile {
|
||
display: grid;
|
||
min-block-size: 180px;
|
||
grid-template-columns: 5% auto 5%;
|
||
grid-template-rows: 2.5% auto 2.5%;
|
||
grid-template-areas: ". . ." ". tile-details ." ". . .";
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
word-break: break-word; }
|
||
@media (prefers-reduced-data: reduce) {
|
||
.item-tile {
|
||
background: none !important; } }
|
||
.item-tile__header {
|
||
text-align: center;
|
||
background-color: #020202;
|
||
opacity: 0.9;
|
||
display: grid;
|
||
grid-area: tile-details;
|
||
grid-template-columns: 5px auto 5px;
|
||
grid-template-rows: 0 1.8em auto auto;
|
||
grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; }
|
||
.item-tile--heading {
|
||
font-size: 3em; }
|
||
.item-tile--heading .item-tile__header, .item-tile--heading .item-tile__redacted {
|
||
opacity: 1;
|
||
grid-template-rows: auto;
|
||
grid-template-areas: ". tile-title ."; }
|
||
.item-tile--ohwhatohjeez {
|
||
border: 2px solid #ff8900; }
|
||
.item-tile--oldphaloskepsis {
|
||
border: 2px solid #003d52; }
|
||
.item-tile--omphaloskepsis {
|
||
border: 2px solid #fffff0; }
|
||
.item-tile__banner {
|
||
padding-inline: 0.75em;
|
||
grid-area: banner;
|
||
inline-size: auto;
|
||
margin-inline: auto;
|
||
border-start-start-radius: 0;
|
||
border-start-end-radius: 0;
|
||
border-end-end-radius: 10px;
|
||
border-end-start-radius: 10px;
|
||
text-align: center;
|
||
text-decoration: none !important;
|
||
line-height: 1.8em;
|
||
background-color: #ebebeb; }
|
||
.item-tile__title, .item-tile__subtitle {
|
||
color: #fffff0;
|
||
margin: 0;
|
||
font-weight: normal; }
|
||
.item-tile__title {
|
||
font-size: 1.4em;
|
||
line-height: 1em;
|
||
grid-area: tile-title;
|
||
align-self: center; }
|
||
.item-tile__title--long {
|
||
font-size: 1em; }
|
||
.item-tile__subtitle {
|
||
font-size: 1em;
|
||
grid-area: tile-subtitle;
|
||
align-self: start; }
|
||
|
||
/* TODO: Not currently used */
|
||
@media screen and (max-width: 480px) {
|
||
.table-scroller {
|
||
overflow-inline: auto;
|
||
inline-size: 320px; } }
|
||
|
||
table {
|
||
border: 1px solid #020202;
|
||
margin: auto; }
|
||
table thead {
|
||
background-color: #808080;
|
||
color: #fffff0;
|
||
z-index: 1;
|
||
position: sticky;
|
||
vertical-align: middle;
|
||
inset-block-start: 0;
|
||
max-block-size: 1.8em; }
|
||
table thead th {
|
||
font-weight: bold;
|
||
text-align: start;
|
||
padding: 1em;
|
||
font-size: 1.4em;
|
||
border: 1px solid #020202; }
|
||
table tbody tr:nth-child(2n) {
|
||
background-color: #DDDDD0; }
|
||
table tbody tr td {
|
||
padding: 0.5em 1em;
|
||
border: 1px solid #020202; }
|
||
|
||
video {
|
||
background-color: black; }
|
||
|
||
.site-content--homepage {
|
||
text-align: center; }
|
||
.site-content--homepage .page-title {
|
||
font-size: 2.5em;
|
||
margin-block-end: 1em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--homepage .page-title {
|
||
font-size: 4em; } }
|
||
.site-content--homepage .page-title span {
|
||
display: block !important; }
|
||
|
||
.site-content--section,
|
||
.site-content--list {
|
||
display: grid;
|
||
grid-gap: 10px;
|
||
grid-template-columns: 0.2fr 1fr 0.2fr;
|
||
grid-template-rows: auto auto auto;
|
||
justify-items: center;
|
||
align-items: center;
|
||
grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer";
|
||
margin-block-start: 5em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--section,
|
||
.site-content--list {
|
||
grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } }
|
||
.site-content--section .site-content__header,
|
||
.site-content--list .site-content__header {
|
||
grid-area: list-page-header;
|
||
text-align: center; }
|
||
.site-content--section .site-content__header .page-header__minor-links,
|
||
.site-content--list .site-content__header .page-header__minor-links {
|
||
text-align: center;
|
||
overflow: auto; }
|
||
.site-content--section .site-content__header .page-header__minor-links ul,
|
||
.site-content--list .site-content__header .page-header__minor-links ul {
|
||
list-style: none; }
|
||
.site-content--section .site-content__header .page-header__minor-links ul li,
|
||
.site-content--list .site-content__header .page-header__minor-links ul li {
|
||
float: inline-start;
|
||
margin-block: 0;
|
||
margin-inline: 1em; }
|
||
.site-content--section .site-content__header .page-header__minor-links ul li *,
|
||
.site-content--list .site-content__header .page-header__minor-links ul li * {
|
||
display: inline-block; }
|
||
.site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
|
||
.site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
|
||
inline-size: fit-content;
|
||
margin: auto;
|
||
display: block;
|
||
overflow: auto; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
|
||
.site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
|
||
font-size: 1em !important; } }
|
||
.site-content--section .site-content__header .page-header__minor-links .minor-links__years,
|
||
.site-content--list .site-content__header .page-header__minor-links .minor-links__years {
|
||
display: block;
|
||
margin: auto;
|
||
inline-size: fit-content; }
|
||
.site-content--section .site-content__header .page-header__minor-links .minor-links__years li,
|
||
.site-content--list .site-content__header .page-header__minor-links .minor-links__years li {
|
||
inline-size: fit-content;
|
||
min-inline-size: fit-content;
|
||
padding: 0.5em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--section .site-content__header .page-header__minor-links .minor-links__years li,
|
||
.site-content--list .site-content__header .page-header__minor-links .minor-links__years li {
|
||
padding: 0; } }
|
||
.site-content--section .site-content__body,
|
||
.site-content--list .site-content__body {
|
||
inline-size: 100%;
|
||
display: grid;
|
||
grid-gap: 10px;
|
||
grid-area: list-page-grid;
|
||
grid-template-columns: 1fr;
|
||
grid-template-rows: repeat(8, 1fr);
|
||
justify-items: stretch;
|
||
align-items: stretch; }
|
||
@media only screen and (min-width: 768px) {
|
||
.site-content--section .site-content__body,
|
||
.site-content--list .site-content__body {
|
||
grid-template-columns: repeat(2, 1fr);
|
||
grid-template-rows: repeat(4, 1fr); } }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--section .site-content__body,
|
||
.site-content--list .site-content__body {
|
||
grid-template-columns: repeat(4, 1fr);
|
||
grid-template-rows: repeat(2, 1fr); } }
|
||
.site-content--section .site-content__body--list,
|
||
.site-content--list .site-content__body--list {
|
||
grid-template-columns: 1fr auto 1fr;
|
||
grid-template-rows: auto;
|
||
grid-template-areas: ". sections-list ."; }
|
||
.site-content--section .site-content__body--chart,
|
||
.site-content--list .site-content__body--chart {
|
||
grid-template-columns: 1em 100% 1fr;
|
||
grid-template-rows: auto auto;
|
||
grid-template-areas: ". section-chart ." ". section-content ."; }
|
||
.site-content--section .site-content__footer,
|
||
.site-content--list .site-content__footer {
|
||
grid-area: list-page-footer; }
|
||
|
||
.site-content--single {
|
||
display: grid;
|
||
column-gap: 2em;
|
||
grid-template-columns: 0.4fr 0.6fr;
|
||
grid-template-rows: auto auto auto auto 60px; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single {
|
||
grid-template-rows: auto auto auto auto; } }
|
||
.site-content--single .site-content__header, .site-content--single .site-content__footer {
|
||
display: grid;
|
||
grid-column-start: 1;
|
||
grid-column-end: 3;
|
||
background-color: #fffff0;
|
||
filter: brightness(80%); }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__header, .site-content--single .site-content__footer {
|
||
border: 2px solid #020202;
|
||
grid-column-end: 2;
|
||
padding: 2em; } }
|
||
.site-content--single .site-content__header {
|
||
grid-row-start: 1;
|
||
grid-row-end: 2;
|
||
overflow: auto;
|
||
border-block-end: 2px solid #020202;
|
||
margin-block-end: 2em;
|
||
padding-inline: 1em; }
|
||
.site-content--single .site-content__header .article-header {
|
||
text-align: center;
|
||
background-color: #020202;
|
||
opacity: 0.8;
|
||
color: #fffff0;
|
||
display: grid;
|
||
grid-area: post-header-details;
|
||
grid-template-columns: 1fr;
|
||
padding: 20px;
|
||
grid-template-rows: 1fr auto auto 1fr;
|
||
justify-items: center;
|
||
align-items: center;
|
||
grid-template-areas: "." "post-title" "post-subtitle" "."; }
|
||
.site-content--single .site-content__header .article-header__series {
|
||
margin-block: 0 1em;
|
||
margin-inline: auto;
|
||
font-size: 1.2em; }
|
||
.site-content--single .site-content__header .article-header__featured-image {
|
||
display: grid;
|
||
grid-template-columns: 15% 1fr 15%;
|
||
grid-template-rows: 20% 1fr 20%;
|
||
grid-template-areas: ". . ." ". post-header-details ." ". . .";
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
block-size: 40vh;
|
||
min-block-size: 380px;
|
||
inline-size: 100%;
|
||
border: 2px solid #020202; }
|
||
.site-content--single .site-content__header .article-header__featured-image .attr {
|
||
background-color: #020202;
|
||
font-size: 0.7em;
|
||
color: #fffff0;
|
||
inline-size: fit-content;
|
||
position: fixed;
|
||
padding-block: 0.2em;
|
||
padding-inline: 0.5em;
|
||
opacity: 0.8;
|
||
margin-block: 0;
|
||
margin-inline: auto; }
|
||
.site-content--single .site-content__header .article-header__featured-image .attr a {
|
||
color: #fffff0; }
|
||
.site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle {
|
||
border-block-end: 2px inset #020202;
|
||
margin-block: 0;
|
||
line-height: 1.2em; }
|
||
.site-content--single .site-content__header .article-header__subtitle {
|
||
font-size: 1.5em; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper {
|
||
display: grid;
|
||
grid-area: post-header-details;
|
||
background-color: #020202;
|
||
opacity: 0.8;
|
||
text-align: center;
|
||
grid-template-columns: 1fr;
|
||
padding: 20px;
|
||
grid-template-rows: 1fr auto auto 1fr;
|
||
justify-items: center;
|
||
align-items: center;
|
||
grid-template-areas: "." "post-title" "post-subtitle" "."; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper--no-title {
|
||
visibility: hidden; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle {
|
||
color: #fffff0; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper .article-header__title {
|
||
grid-area: post-title;
|
||
font-weight: bold; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long {
|
||
font-size: 1.5em; }
|
||
.site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle {
|
||
grid-area: post-subtitle; }
|
||
.site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date {
|
||
font-size: 1.2em;
|
||
margin-block: 0.2rem;
|
||
margin-inline: auto; }
|
||
.site-content--single .site-content__header .article-header__word-count {
|
||
margin-block-start: 1rem; }
|
||
.site-content--single .site-content__header .article-header__warnings, .site-content--single .site-content__header .article-header__notes {
|
||
inline-size: 90%;
|
||
margin-block: 1.6em;
|
||
margin-inline: auto;
|
||
display: block;
|
||
padding-inline-end: 1em; }
|
||
.site-content--single .site-content__header .article-header__warnings ul, .site-content--single .site-content__header .article-header__notes ul {
|
||
list-style: circle; }
|
||
.site-content--single .site-content__header .article-header__warnings ul li, .site-content--single .site-content__header .article-header__notes ul li {
|
||
margin-block: 0.5em;
|
||
margin-inline: 0; }
|
||
.site-content--single .site-content__header .article-header__warnings {
|
||
border: 4px solid darkred;
|
||
background-color: #fc3a3a;
|
||
color: #fffff0;
|
||
font-weight: 500; }
|
||
.site-content--single .site-content__header .article-header__warnings ul {
|
||
list-style: disc; }
|
||
.site-content--single .site-content__header .article-header__warnings + .article-header__notes {
|
||
margin-block-start: 0; }
|
||
.site-content--single .site-content__header .article-header__notes {
|
||
background-color: #fffff0;
|
||
filter: brightness(70%);
|
||
border: 1px solid gray; }
|
||
.site-content--single .site-content__header .article-header__table-of-contents ul {
|
||
list-style-type: arabic;
|
||
padding-inline-start: 2em;
|
||
margin-block-end: 0; }
|
||
.site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda {
|
||
list-style-type: circle;
|
||
margin-block-start: 0; }
|
||
.site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--appendices ol, .site-content--single .site-content__header .article-header__table-of-contents ul.toc-list--corrigenda ol {
|
||
padding-inline-start: 2em;
|
||
list-style-type: upper-latin !important; }
|
||
.site-content--single .site-content__header .article-header__table-of-contents ul li {
|
||
padding-block: 0.8em;
|
||
padding-inline: 0; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__header .article-header__table-of-contents ul li {
|
||
padding: 0; } }
|
||
.site-content--single .site-content__body {
|
||
grid-column-start: 1;
|
||
grid-column-end: 3;
|
||
grid-row-start: 2;
|
||
grid-row-end: 3;
|
||
padding-inline: 1em;
|
||
/* Temporary until I've fixed all the figures */
|
||
overflow-inline: clip; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__body {
|
||
grid-row-start: 1;
|
||
grid-row-end: 5;
|
||
grid-column-start: 2; } }
|
||
.site-content--single .site-content__body .article__links {
|
||
background-color: #fffff0;
|
||
filter: brightness(80%);
|
||
inline-size: 60%;
|
||
margin-inline: auto;
|
||
margin-block: auto 1em;
|
||
border: 2px solid #020202;
|
||
padding: 1em; }
|
||
.site-content--single .site-content__body .article-body__summary {
|
||
display: none; }
|
||
.site-content--single .site-content__body .heading {
|
||
text-align: center;
|
||
font-size: 2em;
|
||
font-weight: bold; }
|
||
.site-content--single .site-content__body .heading::before, .site-content--single .site-content__body .heading::after {
|
||
content: " ~ "; }
|
||
.site-content--single .site-content__body .heading-anchor {
|
||
font-size: 0.6em;
|
||
line-height: 1em;
|
||
text-decoration: none;
|
||
vertical-align: middle; }
|
||
.site-content--single .site-content__body .subheading {
|
||
font-size: 1.6em;
|
||
border-block-end: 2px inset #020202;
|
||
margin-block: 0.5em;
|
||
line-height: 1.2em;
|
||
text-align: center; }
|
||
.site-content--single .site-content__body .subheading--appendices, .site-content--single .site-content__body .subheading--comments {
|
||
text-decoration: underline;
|
||
border-block-end: none;
|
||
font-size: 2em;
|
||
padding-block-start: 1em;
|
||
border-block-start: 1px dashed #020202; }
|
||
.site-content--single .site-content__body .subheading__subtitle {
|
||
font-size: 1em;
|
||
border-block-end: 1px dashed #020202;
|
||
line-height: 1em;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
inline-size: fit-content;
|
||
margin-block: 0 1em;
|
||
margin-inline: auto;
|
||
padding-block: 0 0.5em;
|
||
padding-inline: 3em 0.4em; }
|
||
.site-content--single .site-content__body .subsubheading {
|
||
font-size: 1.4em;
|
||
border-block-end: 1px dashed #020202;
|
||
margin-block-start: 1em;
|
||
margin-block-end: 1em;
|
||
padding-block-end: 0.5em;
|
||
line-height: 1em;
|
||
text-align: start;
|
||
font-weight: bold; }
|
||
.site-content--single .site-content__body .subsubsubheading {
|
||
font-size: 1.2em;
|
||
margin-block-start: 1em;
|
||
margin-block-end: 1em;
|
||
line-height: 1em;
|
||
text-align: start;
|
||
font-weight: bold; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote {
|
||
padding-inline-start: 1em;
|
||
border-inline-start: 2px outset #020202;
|
||
display: inline-block;
|
||
max-inline-size: 85%; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote footer {
|
||
text-align: end;
|
||
font-style: normal;
|
||
display: inline-block;
|
||
margin-inline-start: 5em; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote footer::before {
|
||
content: "—"; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote p:first-child {
|
||
margin-block-start: 0; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote p:last-of-type {
|
||
margin-block-end: 0.5em; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote.script {
|
||
display: grid;
|
||
grid-template-columns: auto 1fr 0.2fr;
|
||
padding-block-end: 0.4em;
|
||
text-align: end; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote.script > p::before, .site-content--single .site-content__body .article-body__content > blockquote.script > p::after {
|
||
content: none !important; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote.script > .script-line__character {
|
||
grid-column: 1;
|
||
margin: 0.5em 2em 0.5em 0.5em;
|
||
font-style: italic; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote.script > .script-line__text {
|
||
grid-column-start: 2;
|
||
grid-column-end: 4;
|
||
margin: 0.5em; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote.script footer {
|
||
grid-column-start: 1;
|
||
grid-column-end: 3; }
|
||
.site-content--single .site-content__body .article-body__content > blockquote:not(.blockquote):first-child {
|
||
font-size: 1.2em;
|
||
text-align: center;
|
||
display: block;
|
||
margin: 0 auto;
|
||
border-inline-start: 0;
|
||
padding-inline-start: 0;
|
||
inline-size: 100%;
|
||
padding-block-start: 1em;
|
||
padding-block-end: 1.2em;
|
||
border-block-start: 2px outset #020202;
|
||
border-block-end: 2px inset #020202; }
|
||
@media only screen and (min-width: 1024px) {
|
||
.site-content--single .site-content__body blockquote {
|
||
margin: 1em 2em; } }
|
||
.site-content--single .site-content__comments {
|
||
grid-column-start: 1;
|
||
grid-column-end: 3;
|
||
grid-row-start: 3;
|
||
grid-row-end: 4;
|
||
font-size: 0.8em;
|
||
padding-inline-start: 1em;
|
||
padding-inline-end: 1em;
|
||
margin-block-end: 2em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__comments {
|
||
grid-column-end: 2;
|
||
grid-row-start: 2;
|
||
grid-row-end: 3;
|
||
padding: 1em 3em 1em 2em;
|
||
border-inline-end: 2px solid #020202; } }
|
||
.site-content--single .site-content__comments + .site_content__footer {
|
||
grid-row-start: 4;
|
||
grid-row-end: 5; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__comments + .site_content__footer {
|
||
margin-block-end: 2em;
|
||
grid-row-start: 3;
|
||
grid-row-end: 4; } }
|
||
.site-content--single .site-content__footer {
|
||
grid-row-start: 3;
|
||
grid-row-end: 4;
|
||
border-block-start: 2px solid #020202;
|
||
padding-inline-start: 1em;
|
||
padding-inline-end: 1em; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__footer {
|
||
margin-block-end: 2em;
|
||
grid-row-start: 2;
|
||
grid-row-end: 3; } }
|
||
.site-content--single .site-content__footer h2 {
|
||
margin: 1rem 0; }
|
||
.site-content--single .site-content__footer ul {
|
||
margin: 0; }
|
||
.site-content--single .site-content__footer ul li {
|
||
padding: 0.8em 0; }
|
||
@media only screen and (min-width: 1248px) {
|
||
.site-content--single .site-content__footer ul li {
|
||
padding: 0; } }
|
||
.site-content--single .site-content__footer section {
|
||
margin: 1rem 0; }
|
||
.site-content--single .site-content__footer #map {
|
||
border: 2px solid #020202; }
|
||
|
||
.organisations-table {
|
||
grid-column-start: 1;
|
||
grid-column-end: 5; }
|
||
.organisations-table__items-icon {
|
||
text-align: center;
|
||
float: inline-start;
|
||
padding-inline-end: 1em; }
|
||
.organisations-table__items-icon--none {
|
||
opacity: 0.4; }
|
||
|
||
.organisation__description {
|
||
margin-block-end: 2em; }
|
||
.organisation__description details {
|
||
margin-inline-start: 1em;
|
||
padding-inline-start: 1em;
|
||
border-inline-start: 2px solid #020202; }
|
||
.organisation__description details summary {
|
||
font-style: italic; }
|
||
|
||
.organisation__timeline {
|
||
margin-block-end: 1em; }
|
||
.organisation__timeline #timeline {
|
||
clear: both; }
|
||
.organisation__timeline #timeline > div > div {
|
||
block-size: unset !important; }
|
||
.organisation__timeline #timeline > div > div > div {
|
||
position: unset !important;
|
||
inline-size: unset !important;
|
||
block-size: unset !important; }
|
||
.organisation__timeline #timeline > div > div > div > div:first-of-type {
|
||
overflow: unset !important;
|
||
position: unset !important; }
|
||
|
||
.organisation__related .related-section {
|
||
text-align: center; }
|
||
.organisation__related .related-section--list {
|
||
text-align: start;
|
||
inline-size: 50%;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
padding-block: 0;
|
||
padding-inline: 2em; }
|
||
.organisation__related .related-section .related-items {
|
||
margin-block: 2em; }
|
||
.organisation__related .related-section .related-items--tiles .index {
|
||
display: grid;
|
||
grid-gap: 1em;
|
||
grid-template-columns: repeat(4, 1fr); }
|
||
.organisation__related .related-section .related-items--collapsible {
|
||
margin-block-end: 1em; }
|
||
.organisation__related .related-section .related-items--collapsible summary {
|
||
text-align: center;
|
||
cursor: pointer;
|
||
padding-block-end: 1em; }
|
||
.organisation__related .related-section .related-items--collapsible summary::marker {
|
||
font-size: 2em;
|
||
padding-inline-start: 2em;
|
||
display: inline-block; }
|
||
.organisation__related .related-section .related-items--list .related-item__expiry, .organisation__related .related-section .related-items--list .related-item__grade {
|
||
font-size: 0.8em;
|
||
display: block;
|
||
margin-inline-start: 0.5em; }
|
||
.organisation__related .related-section .related-items-title {
|
||
border-block-end: none;
|
||
display: inline-block; }
|
||
.organisation__related .related-section .related-items .related-item--expired {
|
||
opacity: 0.4; }
|
||
|
||
.organisation-table__logo {
|
||
max-inline-size: 5em;
|
||
max-block-size: 5em; }
|
||
|
||
.timeline__legend > fieldset {
|
||
inline-size: 45%;
|
||
float: inline-start;
|
||
text-align: center;
|
||
border: none; }
|
||
.timeline__legend > fieldset legend {
|
||
display: block;
|
||
inline-size: 100%; }
|
||
|
||
#hierarchy ul {
|
||
list-style: none;
|
||
padding-inline-start: 1em; }
|
||
#hierarchy ul .hierarchy-item::before {
|
||
content: "\21B3";
|
||
margin-block: 0;
|
||
margin-inline: 0.4em; }
|
||
#hierarchy ul .hierarchy-item--current {
|
||
font-weight: bold; }
|
||
#hierarchy ul .hierarchy-item--child::before {
|
||
content: "\2192"; }
|
||
|
||
.timeline__legend .legend__button {
|
||
cursor: pointer; }
|
||
.timeline__legend .legend__button span {
|
||
margin-block: 0;
|
||
margin-inline: 1em;
|
||
display: inline-block; }
|
||
.timeline__legend .legend__button span.colour-square {
|
||
inline-size: 1em;
|
||
block-size: 1em;
|
||
border-radius: 2.5px;
|
||
border: 1px solid #020202; }
|
||
.timeline__legend .legend__button span.colour-square--unpaid-current {
|
||
background-color: #bbbbb0; }
|
||
.timeline__legend .legend__button span.colour-square--unpaid-past {
|
||
background-color: #fffff0; }
|
||
.timeline__legend .legend__button span.colour-square--paid-current {
|
||
background-color: #bcbc7e; }
|
||
.timeline__legend .legend__button span.colour-square--paid-past {
|
||
background-color: #fcfca6; }
|
||
.timeline__legend .legend__button--disabled {
|
||
text-decoration: line-through; }
|
||
|
||
.site-content__body--chart #timeline, .site-content__body--chart #map {
|
||
inline-size: 100%;
|
||
max-inline-size: 100%;
|
||
grid-area: section-chart; }
|
||
|
||
.site-content__body--list .site-content__sections-list {
|
||
grid-area: sections-list;
|
||
display: block;
|
||
list-style: none;
|
||
margin: auto;
|
||
padding-inline-start: 0; }
|
||
.site-content__body--list .site-content__sections-list li * {
|
||
display: inline-block; }
|
||
|
||
/* @import "themes/dark"; */
|