From 46bd22362725b8ab95622670f00f4765e76fcd19 Mon Sep 17 00:00:00 2001 From: Ben Goldsworthy Date: Tue, 23 Jul 2024 10:08:36 +0200 Subject: [PATCH] various fixes --- css/leaflet-fullscreen/leaflet.fullscreen.css | 40 + css/leaflet/leaflet.css | 656 +++++++++ ...e3d68793a54865a2396a1c4d388d64e1605018.css | 1292 +++++++++++++++++ ...9e4abdbc5e4fa58702cc2c0fda3df7601e4207.css | 1290 ++++++++++++++++ ...b2b0614c8188931504ad2e9e84b60d2cd086e7.css | 1292 +++++++++++++++++ ...8481402c6be615287a0094063e946a3f75b91c.css | 1292 +++++++++++++++++ layouts/_default/baseof.html | 4 + layouts/_default/single.html | 17 +- layouts/blog/section.html | 53 +- layouts/blog/single.html | 27 +- layouts/cv/section.html | 2 +- layouts/locations/list.html | 37 +- layouts/partials/cite.html.tmpl | 24 +- .../get_top_level_ancestor.html.tmpl | 11 + layouts/partials/cv/timeline-legend.html.tmpl | 26 +- layouts/partials/header/site-header.html | 2 +- layouts/partials/items-grid.html | 4 +- layouts/partials/math.html | 9 + layouts/partials/media/video.html.tmpl | 4 +- layouts/portfolio/section.html | 1 - layouts/shortcodes/abbr.html | 4 +- layouts/shortcodes/blockquote.html | 84 +- layouts/shortcodes/button.html | 33 + layouts/shortcodes/chart.html | 16 +- layouts/shortcodes/cite.html | 8 +- layouts/shortcodes/comment.html | 2 +- layouts/shortcodes/figure.html | 2 +- layouts/shortcodes/picture.html | 9 +- layouts/shortcodes/video.html | 4 +- 29 files changed, 6093 insertions(+), 152 deletions(-) create mode 100644 css/leaflet-fullscreen/leaflet.fullscreen.css create mode 100644 css/leaflet/leaflet.css create mode 100644 css/main.1a23eaf82ef5f808509227cb9fe3d68793a54865a2396a1c4d388d64e1605018.css create mode 100644 css/main.2274d95b2e884b8e8d4e4995419e4abdbc5e4fa58702cc2c0fda3df7601e4207.css create mode 100644 css/main.31105adade7e1babaf9894b19bb2b0614c8188931504ad2e9e84b60d2cd086e7.css create mode 100644 css/main.b33ac823d1201b7a7c4b848e0f8481402c6be615287a0094063e946a3f75b91c.css create mode 100644 layouts/partials/cv/organisation/get_top_level_ancestor.html.tmpl create mode 100644 layouts/partials/math.html create mode 100644 layouts/shortcodes/button.html diff --git a/css/leaflet-fullscreen/leaflet.fullscreen.css b/css/leaflet-fullscreen/leaflet.fullscreen.css new file mode 100644 index 0000000..f489257 --- /dev/null +++ b/css/leaflet-fullscreen/leaflet.fullscreen.css @@ -0,0 +1,40 @@ +.leaflet-control-fullscreen a { + background:#fff url(fullscreen.png) no-repeat 0 0; + background-size:26px 52px; + } + .leaflet-touch .leaflet-control-fullscreen a { + background-position: 2px 2px; + } + .leaflet-fullscreen-on .leaflet-control-fullscreen a { + background-position:0 -26px; + } + .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a { + background-position: 2px -24px; + } + +/* Do not combine these two rules; IE will break. */ +.leaflet-container:-webkit-full-screen { + width:100%!important; + height:100%!important; + } +.leaflet-container.leaflet-fullscreen-on { + width:100%!important; + height:100%!important; + } + +.leaflet-pseudo-fullscreen { + position:fixed!important; + width:100%!important; + height:100%!important; + top:0!important; + left:0!important; + z-index:99999; + } + +@media + (-webkit-min-device-pixel-ratio:2), + (min-resolution:192dpi) { + .leaflet-control-fullscreen a { + background-image:url(fullscreen@2x.png); + } + } diff --git a/css/leaflet/leaflet.css b/css/leaflet/leaflet.css new file mode 100644 index 0000000..9e8423c --- /dev/null +++ b/css/leaflet/leaflet.css @@ -0,0 +1,656 @@ +/* required styles */ + +.leaflet-pane, +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-tile-container, +.leaflet-pane > svg, +.leaflet-pane > canvas, +.leaflet-zoom-box, +.leaflet-image-layer, +.leaflet-layer { + position: absolute; + left: 0; + top: 0; + } +.leaflet-container { + overflow: hidden; + } +.leaflet-tile, +.leaflet-marker-icon, +.leaflet-marker-shadow { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; + } +/* Prevents IE11 from highlighting tiles in blue */ +.leaflet-tile::selection { + background: transparent; +} +/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ +.leaflet-safari .leaflet-tile { + image-rendering: -webkit-optimize-contrast; + } +/* hack that prevents hw layers "stretching" when loading new tiles */ +.leaflet-safari .leaflet-tile-container { + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; + } +.leaflet-marker-icon, +.leaflet-marker-shadow { + display: block; + } +/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ +/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ +.leaflet-container .leaflet-overlay-pane svg { + max-width: none !important; + max-height: none !important; + } +.leaflet-container .leaflet-marker-pane img, +.leaflet-container .leaflet-shadow-pane img, +.leaflet-container .leaflet-tile-pane img, +.leaflet-container img.leaflet-image-layer, +.leaflet-container .leaflet-tile { + max-width: none !important; + max-height: none !important; + width: auto; + padding: 0; + } + +.leaflet-container.leaflet-touch-zoom { + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; + } +.leaflet-container.leaflet-touch-drag { + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; +} +.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { + -ms-touch-action: none; + touch-action: none; +} +.leaflet-container { + -webkit-tap-highlight-color: transparent; +} +.leaflet-container a { + -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); +} +.leaflet-tile { + filter: inherit; + visibility: hidden; + } +.leaflet-tile-loaded { + visibility: inherit; + } +.leaflet-zoom-box { + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; + } +/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ +.leaflet-overlay-pane svg { + -moz-user-select: none; + } + +.leaflet-pane { z-index: 400; } + +.leaflet-tile-pane { z-index: 200; } +.leaflet-overlay-pane { z-index: 400; } +.leaflet-shadow-pane { z-index: 500; } +.leaflet-marker-pane { z-index: 600; } +.leaflet-tooltip-pane { z-index: 650; } +.leaflet-popup-pane { z-index: 700; } + +.leaflet-map-pane canvas { z-index: 100; } +.leaflet-map-pane svg { z-index: 200; } + +.leaflet-vml-shape { + width: 1px; + height: 1px; + } +.lvml { + behavior: url(#default#VML); + display: inline-block; + position: absolute; + } + + +/* control positioning */ + +.leaflet-control { + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } +.leaflet-top, +.leaflet-bottom { + position: absolute; + z-index: 1000; + pointer-events: none; + } +.leaflet-top { + top: 0; + } +.leaflet-right { + right: 0; + } +.leaflet-bottom { + bottom: 0; + } +.leaflet-left { + left: 0; + } +.leaflet-control { + float: left; + clear: both; + } +.leaflet-right .leaflet-control { + float: right; + } +.leaflet-top .leaflet-control { + margin-top: 10px; + } +.leaflet-bottom .leaflet-control { + margin-bottom: 10px; + } +.leaflet-left .leaflet-control { + margin-left: 10px; + } +.leaflet-right .leaflet-control { + margin-right: 10px; + } + + +/* zoom and fade animations */ + +.leaflet-fade-anim .leaflet-popup { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; + } +.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { + opacity: 1; + } +.leaflet-zoom-animated { + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + } +svg.leaflet-zoom-animated { + will-change: transform; +} + +.leaflet-zoom-anim .leaflet-zoom-animated { + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); + transition: transform 0.25s cubic-bezier(0,0,0.25,1); + } +.leaflet-zoom-anim .leaflet-tile, +.leaflet-pan-anim .leaflet-tile { + -webkit-transition: none; + -moz-transition: none; + transition: none; + } + +.leaflet-zoom-anim .leaflet-zoom-hide { + visibility: hidden; + } + + +/* cursors */ + +.leaflet-interactive { + cursor: pointer; + } +.leaflet-grab { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; + } +.leaflet-crosshair, +.leaflet-crosshair .leaflet-interactive { + cursor: crosshair; + } +.leaflet-popup-pane, +.leaflet-control { + cursor: auto; + } +.leaflet-dragging .leaflet-grab, +.leaflet-dragging .leaflet-grab .leaflet-interactive, +.leaflet-dragging .leaflet-marker-draggable { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; + } + +/* marker & overlays interactivity */ +.leaflet-marker-icon, +.leaflet-marker-shadow, +.leaflet-image-layer, +.leaflet-pane > svg path, +.leaflet-tile-container { + pointer-events: none; + } + +.leaflet-marker-icon.leaflet-interactive, +.leaflet-image-layer.leaflet-interactive, +.leaflet-pane > svg path.leaflet-interactive, +svg.leaflet-image-layer.leaflet-interactive path { + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; + } + +/* visual tweaks */ + +.leaflet-container { + background: #ddd; + outline-offset: 1px; + } +.leaflet-container a { + color: #0078A8; + } +.leaflet-zoom-box { + border: 2px dotted #38f; + background: rgba(255,255,255,0.5); + } + + +/* general typography */ +.leaflet-container { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; + font-size: 0.75rem; + line-height: 1.5; + } + + +/* general toolbar styles */ + +.leaflet-bar { + box-shadow: 0 1px 5px rgba(0,0,0,0.65); + border-radius: 4px; + } +.leaflet-bar a { + background-color: #fff; + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; + } +.leaflet-bar a, +.leaflet-control-layers-toggle { + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; + } +.leaflet-bar a:hover, +.leaflet-bar a:focus { + background-color: #f4f4f4; + } +.leaflet-bar a:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +.leaflet-bar a:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; + } +.leaflet-bar a.leaflet-disabled { + cursor: default; + background-color: #f4f4f4; + color: #bbb; + } + +.leaflet-touch .leaflet-bar a { + width: 30px; + height: 30px; + line-height: 30px; + } +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 2px; + border-top-right-radius: 2px; + } +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + } + +/* zoom control */ + +.leaflet-control-zoom-in, +.leaflet-control-zoom-out { + font: bold 18px 'Lucida Console', Monaco, monospace; + text-indent: 1px; + } + +.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { + font-size: 22px; + } + + +/* layers control */ + +.leaflet-control-layers { + box-shadow: 0 1px 5px rgba(0,0,0,0.4); + background: #fff; + border-radius: 5px; + } +.leaflet-control-layers-toggle { + background-image: url(/images/layers.png); + width: 36px; + height: 36px; + } +.leaflet-retina .leaflet-control-layers-toggle { + background-image: url(/images/layers-2x.png); + background-size: 26px 26px; + } +.leaflet-touch .leaflet-control-layers-toggle { + width: 44px; + height: 44px; + } +.leaflet-control-layers .leaflet-control-layers-list, +.leaflet-control-layers-expanded .leaflet-control-layers-toggle { + display: none; + } +.leaflet-control-layers-expanded .leaflet-control-layers-list { + display: block; + position: relative; + } +.leaflet-control-layers-expanded { + padding: 6px 10px 6px 6px; + color: #333; + background: #fff; + } +.leaflet-control-layers-scrollbar { + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; + } +.leaflet-control-layers-selector { + margin-top: 2px; + position: relative; + top: 1px; + } +.leaflet-control-layers label { + display: block; + font-size: 13px; + font-size: 1.08333em; + } +.leaflet-control-layers-separator { + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; + } + +/* Default icon URLs */ +.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ + background-image: url(/images/marker-icon.png); + } + + +/* attribution and scale controls */ + +.leaflet-container .leaflet-control-attribution { + background: #fff; + background: rgba(255, 255, 255, 0.8); + margin: 0; + } +.leaflet-control-attribution, +.leaflet-control-scale-line { + padding: 0 5px; + color: #333; + line-height: 1.4; + } +.leaflet-control-attribution a { + text-decoration: none; + } +.leaflet-control-attribution a:hover, +.leaflet-control-attribution a:focus { + text-decoration: underline; + } +.leaflet-attribution-flag { + display: inline !important; + vertical-align: baseline !important; + width: 1em; + height: 0.6669em; + } +.leaflet-left .leaflet-control-scale { + margin-left: 5px; + } +.leaflet-bottom .leaflet-control-scale { + margin-bottom: 5px; + } +.leaflet-control-scale-line { + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + white-space: nowrap; + -moz-box-sizing: border-box; + box-sizing: border-box; + background: rgba(255, 255, 255, 0.8); + text-shadow: 1px 1px #fff; + } +.leaflet-control-scale-line:not(:first-child) { + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; + } +.leaflet-control-scale-line:not(:first-child):not(:last-child) { + border-bottom: 2px solid #777; + } + +.leaflet-touch .leaflet-control-attribution, +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + box-shadow: none; + } +.leaflet-touch .leaflet-control-layers, +.leaflet-touch .leaflet-bar { + border: 2px solid rgba(0,0,0,0.2); + background-clip: padding-box; + } + + +/* popup */ + +.leaflet-popup { + position: absolute; + text-align: center; + margin-bottom: 20px; + } +.leaflet-popup-content-wrapper { + padding: 1px; + text-align: left; + border-radius: 12px; + } +.leaflet-popup-content { + margin: 13px 24px 13px 20px; + line-height: 1.3; + font-size: 13px; + font-size: 1.08333em; + min-height: 1px; + } +.leaflet-popup-content p { + margin: 17px 0; + margin: 1.3em 0; + } +.leaflet-popup-tip-container { + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-top: -1px; + margin-left: -20px; + overflow: hidden; + pointer-events: none; + } +.leaflet-popup-tip { + width: 17px; + height: 17px; + padding: 1px; + + margin: -10px auto 0; + pointer-events: auto; + + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } +.leaflet-popup-content-wrapper, +.leaflet-popup-tip { + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0,0,0,0.4); + } +.leaflet-container a.leaflet-popup-close-button { + position: absolute; + top: 0; + right: 0; + border: none; + text-align: center; + width: 24px; + height: 24px; + font: 16px/24px Tahoma, Verdana, sans-serif; + color: #757575; + text-decoration: none; + background: transparent; + } +.leaflet-container a.leaflet-popup-close-button:hover, +.leaflet-container a.leaflet-popup-close-button:focus { + color: #585858; + } +.leaflet-popup-scrolled { + overflow: auto; + } + +.leaflet-oldie .leaflet-popup-content-wrapper { + -ms-zoom: 1; + } +.leaflet-oldie .leaflet-popup-tip { + width: 24px; + margin: 0 auto; + + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + } + +.leaflet-oldie .leaflet-control-zoom, +.leaflet-oldie .leaflet-control-layers, +.leaflet-oldie .leaflet-popup-content-wrapper, +.leaflet-oldie .leaflet-popup-tip { + border: 1px solid #999; + } + + +/* div icon */ + +.leaflet-div-icon { + background: #fff; + border: 1px solid #666; + } + + +/* Tooltip */ +/* Base styles for the element that has a tooltip */ +.leaflet-tooltip { + position: absolute; + padding: 6px; + background-color: #fff; + border: 1px solid #fff; + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0,0,0,0.4); + } +.leaflet-tooltip.leaflet-interactive { + cursor: pointer; + pointer-events: auto; + } +.leaflet-tooltip-top:before, +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; + } + +/* Directions */ + +.leaflet-tooltip-bottom { + margin-top: 6px; +} +.leaflet-tooltip-top { + margin-top: -6px; +} +.leaflet-tooltip-bottom:before, +.leaflet-tooltip-top:before { + left: 50%; + margin-left: -6px; + } +.leaflet-tooltip-top:before { + bottom: 0; + margin-bottom: -12px; + border-top-color: #fff; + } +.leaflet-tooltip-bottom:before { + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: #fff; + } +.leaflet-tooltip-left { + margin-left: -6px; +} +.leaflet-tooltip-right { + margin-left: 6px; +} +.leaflet-tooltip-left:before, +.leaflet-tooltip-right:before { + top: 50%; + margin-top: -6px; + } +.leaflet-tooltip-left:before { + right: 0; + margin-right: -12px; + border-left-color: #fff; + } +.leaflet-tooltip-right:before { + left: 0; + margin-left: -12px; + border-right-color: #fff; + } + +/* Printing */ + +@media print { + /* Prevent printers from removing background-images of controls. */ + .leaflet-control { + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + } diff --git a/css/main.1a23eaf82ef5f808509227cb9fe3d68793a54865a2396a1c4d388d64e1605018.css b/css/main.1a23eaf82ef5f808509227cb9fe3d68793a54865a2396a1c4d388d64e1605018.css new file mode 100644 index 0000000..a536b9e --- /dev/null +++ b/css/main.1a23eaf82ef5f808509227cb9fe3d68793a54865a2396a1c4d388d64e1605018.css @@ -0,0 +1,1292 @@ +@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; } + +.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"; */ diff --git a/css/main.2274d95b2e884b8e8d4e4995419e4abdbc5e4fa58702cc2c0fda3df7601e4207.css b/css/main.2274d95b2e884b8e8d4e4995419e4abdbc5e4fa58702cc2c0fda3df7601e4207.css new file mode 100644 index 0000000..ba8be1c --- /dev/null +++ b/css/main.2274d95b2e884b8e8d4e4995419e4abdbc5e4fa58702cc2c0fda3df7601e4207.css @@ -0,0 +1,1290 @@ +@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; } + @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; } + +.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"; */ diff --git a/css/main.31105adade7e1babaf9894b19bb2b0614c8188931504ad2e9e84b60d2cd086e7.css b/css/main.31105adade7e1babaf9894b19bb2b0614c8188931504ad2e9e84b60d2cd086e7.css new file mode 100644 index 0000000..8e737c2 --- /dev/null +++ b/css/main.31105adade7e1babaf9894b19bb2b0614c8188931504ad2e9e84b60d2cd086e7.css @@ -0,0 +1,1292 @@ +@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; } + @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; } + .chart-container + .chart-container canvas { + margin-inline: auto; } + +.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; } + +.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"; */ diff --git a/css/main.b33ac823d1201b7a7c4b848e0f8481402c6be615287a0094063e946a3f75b91c.css b/css/main.b33ac823d1201b7a7c4b848e0f8481402c6be615287a0094063e946a3f75b91c.css new file mode 100644 index 0000000..797f625 --- /dev/null +++ b/css/main.b33ac823d1201b7a7c4b848e0f8481402c6be615287a0094063e946a3f75b91c.css @@ -0,0 +1,1292 @@ +@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; } + @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 canvas { + margin-inline: auto; } + .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; } + +.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"; */ diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index e86efaa..59e2f84 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -34,6 +34,10 @@ {{- $printStylesheet := resources.Get "css/print.scss" }} {{- $printStylesheet := $printStylesheet | resources.ToCSS | resources.Fingerprint }} + + {{- if .Param "math" -}} + {{- partialCached "math.html" . -}} + {{- end -}} {{- block "header-scripts" . -}}{{- end -}} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index c221af3..ad98198 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -6,7 +6,7 @@ {{ define "header-scripts" }} {{ with .Params.locations }} - + {{ end }} {{ end }} @@ -15,7 +15,7 @@ {{ end }} {{ with .Params.locations }} - + {{ end }} {{ end }} @@ -44,14 +44,9 @@ {{ end }} {{ with .Params.scripts }} - {{ if in . "mathjax" }} - - - - {{ end }} {{ if in . "charts" }} {{ $chartsConfigJS := $.Page.Resources.GetMatch "charts-init" | fingerprint }} - + {{ end }} {{ end }} @@ -94,9 +89,9 @@ {{ end }} -

~{{ .FuzzyWordCount | lang.NumFmt 0 }} words

-

Published:

-

Last modified: {{ .Lastmod.Format "January 2" }}{{ if in (slice 1 21 31) .Lastmod.Day}}st{{ else if in (slice 2 22) .Lastmod.Day}}nd{{ else if in (slice 3 23) .Lastmod.Day}}rd{{ else }}th{{ end }}, 1{{ .Lastmod.Format "2006" | lang.NumFmt 0 }} HE

+

~{{ .FuzzyWordCount | lang.FormatNumberCustom 0 }} words

+

Published:

+

Last modified: {{ .Lastmod.Format "January 2" }}{{ if in (slice 1 21 31) .Lastmod.Day}}st{{ else if in (slice 2 22) .Lastmod.Day}}nd{{ else if in (slice 3 23) .Lastmod.Day}}rd{{ else }}th{{ end }}, 1{{ .Lastmod.Format "2006" | lang.FormatNumberCustom 0 }} HE

{{ $post_age_in_years := math.Round ( div ( div ( now.Sub .PublishDate ).Hours 24 ) 365 ) }} {{ if ( or .Params.site .Params.controversial ( gt $post_age_in_years 2 ) ) }} diff --git a/layouts/blog/section.html b/layouts/blog/section.html index c9e7a7b..6b8506e 100644 --- a/layouts/blog/section.html +++ b/layouts/blog/section.html @@ -7,58 +7,7 @@ {{ define "main-type" }}{{ .Params.mainType }}{{ end }} {{ define "footer-scripts" }} - + {{ end }} {{ define "main-header" }} diff --git a/layouts/blog/single.html b/layouts/blog/single.html index db99087..7dca89f 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -6,7 +6,7 @@ {{ define "header-scripts" }} {{ with .Params.locations }} - + {{ end }} {{ end }} @@ -15,7 +15,7 @@ {{ end }} {{ with .Params.locations }} - + {{ end }} {{ end }} @@ -44,16 +44,9 @@ if (map.getZoom() < 10) map.setZoom(10); {{ end }} - {{ with .Params.scripts }} - {{ if in . "mathjax" }} - - - - {{ end }} - {{ end }} {{ if $.HasShortcode "chart" }} {{ $chartsConfigJS := $.Page.Resources.GetMatch "charts-init" | fingerprint }} - + {{ end }} {{ end }} @@ -130,11 +123,11 @@ {{ end }} -

~{{ .FuzzyWordCount | lang.NumFmt 0 }} words

+

~{{ .FuzzyWordCount | lang.FormatNumberCustom 0 }} words

-

Published:

+

Published:

-

Last modified:

+

Last modified:

Author{{ with .Params.authors }}s{{ end }}:  {{- with .Params.authors -}} @@ -216,9 +209,9 @@

@@ -229,9 +222,9 @@ diff --git a/layouts/cv/section.html b/layouts/cv/section.html index e87b74e..eca61a3 100644 --- a/layouts/cv/section.html +++ b/layouts/cv/section.html @@ -8,7 +8,7 @@ {{ define "header-scripts" }} {{ if ( or ( eq .Type "cv" ) ( .IsDescendant ( .GetPage "/cv/organisations" ) ) ) }} - + {{ end }} {{ end }} diff --git a/layouts/locations/list.html b/layouts/locations/list.html index 3299608..c2b50c4 100644 --- a/layouts/locations/list.html +++ b/layouts/locations/list.html @@ -5,26 +5,45 @@ {{ define "main-class" }}--section location-map{{ end }} {{ define "header-scripts" }} - + + + {{ end }} {{ define "footer-scripts" }} - - + + + + + + + + + diff --git a/layouts/partials/cite.html.tmpl b/layouts/partials/cite.html.tmpl index 0d3476c..58b9cb9 100644 --- a/layouts/partials/cite.html.tmpl +++ b/layouts/partials/cite.html.tmpl @@ -1,4 +1,4 @@ - +*/ -}} @@ -19,9 +19,12 @@ {{- $titleTr := default .Params.titleTr ( .Scratch.Get "titleTr" ) -}} {{- $schemaType := default .Params.schemaType ( .Scratch.Get "schemaType" ) -}} - +{{- if ( strings.Contains $cite "#" ) -}} + {{- erroridf "cite-with-fragment" "Cite parameter includes fragment identifier, which probably isn't what you want." -}} + {{- $cite = delimit ( split $cite "#" ) "" -}} +{{- end -}} - + {{- if ( and ( isset .Params "citeStyle" ) ( not ( in ( slice "inherit" "enquote" "normal" ) .Params.citeStyle ) ) ) -}} {{- erroridf "invalid-citeStyle" "Invalid `citeStyle` value %q for %q" .Params.citeStyle $title -}} @@ -33,6 +36,8 @@ {{- erroridf "invalid-schemaType" "Invalid Schema.org type value %q for %q" $schemaType $title -}} {{- end -}} + + {{- if ( or $titleLang $titleTr ) -}} {{- if ( not ( and $titleLang $titleTr ) ) -}} {{- erroridf "invalid-foreign-title" "Must have both title translation and language set for foreign language title %q" $title -}} @@ -60,7 +65,16 @@ {{- end -}} {{- if $titleLang -}} - + {{- end -}} {{- ( default $title .Params.shortTitle ) | markdownify | safeHTML -}} diff --git a/layouts/partials/cv/organisation/get_top_level_ancestor.html.tmpl b/layouts/partials/cv/organisation/get_top_level_ancestor.html.tmpl new file mode 100644 index 0000000..11f995f --- /dev/null +++ b/layouts/partials/cv/organisation/get_top_level_ancestor.html.tmpl @@ -0,0 +1,11 @@ + + +{{- $organisation_page := default . ( index .Ancestors.Reverse 3 ) -}} +{{- $organisation_title := default $organisation_page.Title $organisation_page.Params.markup_title -}} + +{{- return $organisation_title -}} + diff --git a/layouts/partials/cv/timeline-legend.html.tmpl b/layouts/partials/cv/timeline-legend.html.tmpl index ade0eaa..e88827e 100644 --- a/layouts/partials/cv/timeline-legend.html.tmpl +++ b/layouts/partials/cv/timeline-legend.html.tmpl @@ -1,16 +1,14 @@ diff --git a/layouts/partials/header/site-header.html b/layouts/partials/header/site-header.html index 0e0d324..a8ac92c 100644 --- a/layouts/partials/header/site-header.html +++ b/layouts/partials/header/site-header.html @@ -2,7 +2,7 @@ {{ block "header" . }}

{{ .Site.Title }}

Views my own. Discussion ≠ endorsement. Do try this at home.

-

~ 📧 ~ 💻 ~ 🔐 ~ RSS feed ~

+

~ ✉️ ~ 🧑‍💻 ~ 🔐 ~ RSS feed ~