985 lines
29 KiB
CSS
985 lines
29 KiB
CSS
|
@charset "UTF-8";
|
|||
|
|
/*
|
|||
|
|
Put this file in /static/css/hugo-easy-gallery.css
|
|||
|
|
Documentation and licence at https://github.com/liwenyip/hugo-easy-gallery/
|
|||
|
|
*/
|
|||
|
|
/*
|
|||
|
|
Grid Layout Styles
|
|||
|
|
*/
|
|||
|
|
.gallery {
|
|||
|
|
overflow: hidden; }
|
|||
|
|
|
|||
|
|
.gallery .box {
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
/* Default: 1 tile wide */
|
|||
|
|
width: 100%;
|
|||
|
|
padding-bottom: 100%; }
|
|||
|
|
|
|||
|
|
@media only screen and (min-width: 365px) {
|
|||
|
|
/* Tablet view: 2 tiles */
|
|||
|
|
.gallery .box {
|
|||
|
|
width: 50%;
|
|||
|
|
padding-bottom: 50%; } }
|
|||
|
|
|
|||
|
|
@media only screen and (min-width: 480px) {
|
|||
|
|
/* Small desktop / ipad view: 3 tiles */
|
|||
|
|
.gallery .box {
|
|||
|
|
width: 33.3%;
|
|||
|
|
padding-bottom: 33.3%;
|
|||
|
|
/* */ } }
|
|||
|
|
|
|||
|
|
@media only screen and (min-width: 9999px) {
|
|||
|
|
/* Medium desktop: 4 tiles */
|
|||
|
|
.box {
|
|||
|
|
width: 25%;
|
|||
|
|
padding-bottom: 25%; } }
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
Transition styles
|
|||
|
|
*/
|
|||
|
|
.gallery.hover-transition figure,
|
|||
|
|
.gallery.hover-effect-zoom .img,
|
|||
|
|
.gallery:not(.caption-effect-appear) figcaption,
|
|||
|
|
.fancy-figure:not(.caption-effect-appear) figcaption {
|
|||
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|||
|
|
-moz-transition: all 0.3s ease-in-out;
|
|||
|
|
-o-transition: all 0.3s ease-in-out;
|
|||
|
|
transition: all 0.3s ease-in-out; }
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
figure styles
|
|||
|
|
*/
|
|||
|
|
figure {
|
|||
|
|
position: relative;
|
|||
|
|
/* purely to allow absolution positioning of figcaption */
|
|||
|
|
overflow: hidden; }
|
|||
|
|
|
|||
|
|
.gallery figure {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 5px;
|
|||
|
|
right: 5px;
|
|||
|
|
top: 5px;
|
|||
|
|
bottom: 5px; }
|
|||
|
|
|
|||
|
|
.gallery.hover-effect-grow figure:hover {
|
|||
|
|
transform: scale(1.05); }
|
|||
|
|
|
|||
|
|
.gallery.hover-effect-shrink figure:hover {
|
|||
|
|
transform: scale(0.95); }
|
|||
|
|
|
|||
|
|
.gallery.hover-effect-slidedown figure:hover {
|
|||
|
|
transform: translateY(5px); }
|
|||
|
|
|
|||
|
|
.gallery.hover-effect-slideup figure:hover {
|
|||
|
|
transform: translateY(-5px); }
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
img / a styles
|
|||
|
|
*/
|
|||
|
|
.gallery .img {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background-size: cover;
|
|||
|
|
background-position: 50% 50%;
|
|||
|
|
background-repeat: no-repeat; }
|
|||
|
|
|
|||
|
|
.gallery.hover-effect-zoom figure:hover .img {
|
|||
|
|
transform: scale(1.05); }
|
|||
|
|
|
|||
|
|
.gallery img {
|
|||
|
|
display: none !important;
|
|||
|
|
/* only show the img if not inside a gallery */ }
|
|||
|
|
|
|||
|
|
.gallery figure a {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0; }
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
figcaption styles
|
|||
|
|
*/
|
|||
|
|
.gallery figcaption,
|
|||
|
|
.fancy-figure figcaption {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
background: #000;
|
|||
|
|
color: #FFF;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 75%;
|
|||
|
|
/* change this if you want bigger text */
|
|||
|
|
background: rgba(0, 0, 0, 0.5);
|
|||
|
|
opacity: 1;
|
|||
|
|
cursor: pointer; }
|
|||
|
|
|
|||
|
|
.gallery.caption-position-none figcaption,
|
|||
|
|
.fancy-figure.caption-position-none figcaption {
|
|||
|
|
display: none; }
|
|||
|
|
|
|||
|
|
.gallery.caption-position-center figcaption,
|
|||
|
|
.fancy-figure.caption-position-center figcaption {
|
|||
|
|
top: 0;
|
|||
|
|
padding: 40% 5px; }
|
|||
|
|
|
|||
|
|
.gallery.caption-position-bottom figcaption,
|
|||
|
|
.fancy-figure.caption-position-bottom figcaption {
|
|||
|
|
padding: 5px; }
|
|||
|
|
|
|||
|
|
.gallery.caption-effect-fade figure:not(:hover) figcaption,
|
|||
|
|
.gallery.caption-effect-appear figure:not(:hover) figcaption,
|
|||
|
|
.fancy-figure.caption-effect-fade figure:not(:hover) figcaption,
|
|||
|
|
.fancy-figure.caption-effect-appear figure:not(:hover) figcaption {
|
|||
|
|
background: rgba(0, 0, 0, 0);
|
|||
|
|
opacity: 0; }
|
|||
|
|
|
|||
|
|
.gallery.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption,
|
|||
|
|
.fancy-figure.caption-effect-slide.caption-position-bottom figure:not(:hover) figcaption {
|
|||
|
|
margin-bottom: -100%; }
|
|||
|
|
|
|||
|
|
.gallery.caption-effect-slide.caption-position-center figure:not(:hover) figcaption,
|
|||
|
|
.fancy-figure.caption-effect-slide.caption-position-center figure:not(:hover) figcaption {
|
|||
|
|
top: 100%; }
|
|||
|
|
|
|||
|
|
.gallery figcaption p {
|
|||
|
|
margin: auto;
|
|||
|
|
/* override style in theme */ }
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-family: "Input Mono";
|
|||
|
|
src: url(/fonts/InputMono-Regular.ttf); }
|
|||
|
|
|
|||
|
|
html {
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #020202;
|
|||
|
|
background-color: #fffff0;
|
|||
|
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
|
|||
|
|
|
|||
|
|
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; }
|
|||
|
|
|
|||
|
|
.sic::after {
|
|||
|
|
content: " [sic]";
|
|||
|
|
font-style: italic; }
|
|||
|
|
|
|||
|
|
.latex {
|
|||
|
|
display: inline !important; }
|
|||
|
|
|
|||
|
|
pre {
|
|||
|
|
padding-left: 1em;
|
|||
|
|
border-left: 2px outset #020202;
|
|||
|
|
display: inline-block;
|
|||
|
|
max-width: 85%; }
|
|||
|
|
|
|||
|
|
pre {
|
|||
|
|
overflow: hidden; }
|
|||
|
|
|
|||
|
|
@media only screen and (min-width: 1024px) {
|
|||
|
|
pre {
|
|||
|
|
margin: 1em 2em; } }
|
|||
|
|
|
|||
|
|
q.guillemets {
|
|||
|
|
quotes: "«" "»" "«" "»"; }
|
|||
|
|
|
|||
|
|
q,
|
|||
|
|
blockquote {
|
|||
|
|
quotes: "‘" "’" "“" "”"; }
|
|||
|
|
|
|||
|
|
q::before {
|
|||
|
|
content: open-quote; }
|
|||
|
|
|
|||
|
|
q::after {
|
|||
|
|
content: close-quote; }
|
|||
|
|
|
|||
|
|
cite,
|
|||
|
|
cite.book,
|
|||
|
|
cite.film,
|
|||
|
|
cite.tv-show,
|
|||
|
|
cite.comic,
|
|||
|
|
cite.book,
|
|||
|
|
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.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; }
|
|||
|
|
|
|||
|
|
code,
|
|||
|
|
samp,
|
|||
|
|
var,
|
|||
|
|
pre {
|
|||
|
|
font-family: "Input Mono", "Lucida Console", Monaco, monospace;
|
|||
|
|
font-size: 1em; }
|
|||
|
|
|
|||
|
|
pre .nocode {
|
|||
|
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
|||
|
|
font-size: 1em;
|
|||
|
|
padding: 1px 3px;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
border: dashed 1px black; }
|
|||
|
|
|
|||
|
|
code,
|
|||
|
|
samp,
|
|||
|
|
var {
|
|||
|
|
background-color: #d1d1d1;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
padding: 2px; }
|
|||
|
|
|
|||
|
|
pre {
|
|||
|
|
max-width: 50vw;
|
|||
|
|
overflow: scroll; }
|
|||
|
|
|
|||
|
|
h1 code,
|
|||
|
|
.post-title code,
|
|||
|
|
pre code,
|
|||
|
|
h1 samp,
|
|||
|
|
.post-title samp,
|
|||
|
|
pre samp,
|
|||
|
|
h1 var,
|
|||
|
|
.post-title var,
|
|||
|
|
pre var {
|
|||
|
|
background-color: transparent;
|
|||
|
|
padding: 0; }
|
|||
|
|
|
|||
|
|
.heading code,
|
|||
|
|
.subheading code {
|
|||
|
|
background-color: transparent; }
|
|||
|
|
|
|||
|
|
pre.prettyprint ol {
|
|||
|
|
padding-left: 3.5em; }
|
|||
|
|
|
|||
|
|
pre.prettyprint li {
|
|||
|
|
background: none !important; }
|
|||
|
|
|
|||
|
|
samp {
|
|||
|
|
display: block;
|
|||
|
|
width: 80ch;
|
|||
|
|
margin: 1em 4em;
|
|||
|
|
border-left: 2px solid #ccc;
|
|||
|
|
color: #333; }
|
|||
|
|
|
|||
|
|
kbd {
|
|||
|
|
padding: 0.1em 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: 0 0.1em;
|
|||
|
|
text-shadow: 0 1px 0 white;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
white-space: nowrap; }
|
|||
|
|
|
|||
|
|
.pre-nominals,
|
|||
|
|
.post-nominals {
|
|||
|
|
font-size: 0.6em;
|
|||
|
|
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-height: calc(100vh - 4em);
|
|||
|
|
border-top: 0; }
|
|||
|
|
.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-top: 2em;
|
|||
|
|
margin-bottom: 2em; }
|
|||
|
|
.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";
|
|||
|
|
position: sticky;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 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: 5px 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-bottom: 2px solid #020202;
|
|||
|
|
margin-bottom: 0; }
|
|||
|
|
.site-header__nav {
|
|||
|
|
grid-area: header-nav;
|
|||
|
|
margin: auto;
|
|||
|
|
width: 100%; }
|
|||
|
|
.site-header__nav ul {
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 0; }
|
|||
|
|
.site-header__nav li {
|
|||
|
|
width: calc(100% / 3);
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
border-bottom: 2px solid black;
|
|||
|
|
border-left: 1px solid black;
|
|||
|
|
border-right: 1px solid black;
|
|||
|
|
padding: 0.4em;
|
|||
|
|
background-color: inherit; }
|
|||
|
|
.site-header__nav a:first-child li {
|
|||
|
|
border-left: 2px solid black; }
|
|||
|
|
.site-header__nav a:last-child li {
|
|||
|
|
border-right: 2px solid black; }
|
|||
|
|
.site-header__nav li:hover {
|
|||
|
|
background-color: #ffffd0; }
|
|||
|
|
.site-header__nav li a {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
display: block; }
|
|||
|
|
|
|||
|
|
.site-footer {
|
|||
|
|
grid-area: footer;
|
|||
|
|
display: block;
|
|||
|
|
width: 99%;
|
|||
|
|
/* Overflows right of viewport otherwise */
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 0; }
|
|||
|
|
.site-footer p {
|
|||
|
|
width: fit-content;
|
|||
|
|
margin: auto;
|
|||
|
|
background: #fffff0;
|
|||
|
|
border: 2px solid black;
|
|||
|
|
padding: 0.4em;
|
|||
|
|
border-bottom: none;
|
|||
|
|
font-size: 0.6em; }
|
|||
|
|
|
|||
|
|
.site-content {
|
|||
|
|
grid-area: page-container;
|
|||
|
|
margin-left: 1em;
|
|||
|
|
margin-right: 1em; }
|
|||
|
|
|
|||
|
|
.feed-icon {
|
|||
|
|
display: inline-block;
|
|||
|
|
height: 0.6em;
|
|||
|
|
width: 0.6em;
|
|||
|
|
margin-bottom: 0.2em; }
|
|||
|
|
|
|||
|
|
.link--tile {
|
|||
|
|
text-decoration: none;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border: 2px solid transparent; }
|
|||
|
|
.link--tile:hover {
|
|||
|
|
border-color: #020202; }
|
|||
|
|
|
|||
|
|
.item-tile {
|
|||
|
|
display: grid;
|
|||
|
|
min-height: 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; }
|
|||
|
|
@media (prefers-reduced-data: reduce) {
|
|||
|
|
.item-tile {
|
|||
|
|
background: none !important; } }
|
|||
|
|
.item-tile.lazy {
|
|||
|
|
background-image: none !important; }
|
|||
|
|
.item-tile--heading {
|
|||
|
|
font-size: 3em; }
|
|||
|
|
.item-tile--heading .item-tile__header {
|
|||
|
|
opacity: 1; }
|
|||
|
|
.item-tile--ohwhatohjeez {
|
|||
|
|
border: 2px solid #ff8900; }
|
|||
|
|
.item-tile--oldphaloskepsis {
|
|||
|
|
border: 2px solid #003d52; }
|
|||
|
|
.item-tile--omphaloskepsis {
|
|||
|
|
border: 2px solid #fffff0; }
|
|||
|
|
.item-tile__header {
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: #020202;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
display: grid;
|
|||
|
|
grid-area: tile-details;
|
|||
|
|
grid-template-columns: 5px auto 5px;
|
|||
|
|
grid-template-rows: 0 auto auto auto;
|
|||
|
|
grid-template-areas: ". . ." ". banner ." ". tile-title ." ". tile-subtitle ."; }
|
|||
|
|
.item-tile__banner {
|
|||
|
|
padding: 0.5em 1em 0;
|
|||
|
|
grid-area: banner;
|
|||
|
|
width: auto;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
border-radius: 0 0 10px 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none !important;
|
|||
|
|
line-height: 0.5em;
|
|||
|
|
background-color: #ebebeb; }
|
|||
|
|
.item-tile__title, .item-tile__subtitle {
|
|||
|
|
color: #fffff0;
|
|||
|
|
margin: 0;
|
|||
|
|
font-weight: normal; }
|
|||
|
|
.item-tile__title {
|
|||
|
|
font-size: 1.4em;
|
|||
|
|
grid-area: tile-title;
|
|||
|
|
align-self: center; }
|
|||
|
|
.item-tile__title--long {
|
|||
|
|
font-size: 1em; }
|
|||
|
|
.item-tile__subtitle {
|
|||
|
|
font-size: 0.8em;
|
|||
|
|
grid-area: tile-subtitle;
|
|||
|
|
align-self: start; }
|
|||
|
|
|
|||
|
|
/* TODO: Not currently used */
|
|||
|
|
@media screen and (max-width: 480px) {
|
|||
|
|
.table-scroller {
|
|||
|
|
overflow-x: auto;
|
|||
|
|
width: 320px; } }
|
|||
|
|
|
|||
|
|
table {
|
|||
|
|
border: 1px solid #020202;
|
|||
|
|
margin: auto; }
|
|||
|
|
table 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-bottom: 1em; }
|
|||
|
|
.site-content--homepage .page-title span {
|
|||
|
|
display: block !important;
|
|||
|
|
font-size: 0.3em; }
|
|||
|
|
|
|||
|
|
.site-content--section,
|
|||
|
|
.site-content--list {
|
|||
|
|
display: grid;
|
|||
|
|
grid-gap: 10px;
|
|||
|
|
grid-template-columns: 0.2fr 1fr 0.2fr;
|
|||
|
|
grid-template-rows: auto auto 60px;
|
|||
|
|
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-top: 5em; }
|
|||
|
|
.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;
|
|||
|
|
margin: auto;
|
|||
|
|
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: left;
|
|||
|
|
margin: 0 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 {
|
|||
|
|
width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
font-size: 0.8em !important;
|
|||
|
|
overflow: auto; }
|
|||
|
|
.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 {
|
|||
|
|
width: 100%;
|
|||
|
|
display: block;
|
|||
|
|
margin: auto;
|
|||
|
|
width: fit-content; }
|
|||
|
|
.site-content--section .site-content__body,
|
|||
|
|
.site-content--list .site-content__body {
|
|||
|
|
width: 100%;
|
|||
|
|
display: grid;
|
|||
|
|
justify-items: stretch;
|
|||
|
|
align-items: stretch;
|
|||
|
|
grid-gap: 10px;
|
|||
|
|
grid-area: list-page-grid;
|
|||
|
|
grid-template-columns: 1fr;
|
|||
|
|
grid-template-rows: repeat(8, 1fr);
|
|||
|
|
justify-items: stretch;
|
|||
|
|
align-items: stretch; }
|
|||
|
|
.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: 100%;
|
|||
|
|
grid-template-areas: ". section-chart ."; }
|
|||
|
|
.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; }
|
|||
|
|
.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%); }
|
|||
|
|
.site-content--single .site-content__header {
|
|||
|
|
grid-row-start: 1;
|
|||
|
|
grid-row-end: 2;
|
|||
|
|
overflow: auto;
|
|||
|
|
border-bottom: 2px solid #020202;
|
|||
|
|
margin-bottom: 2em; }
|
|||
|
|
.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: 0 auto 1em;
|
|||
|
|
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;
|
|||
|
|
height: 40vh;
|
|||
|
|
min-height: 380px;
|
|||
|
|
width: 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;
|
|||
|
|
width: fit-content;
|
|||
|
|
position: fixed;
|
|||
|
|
padding: 0.2em 0.5em;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
margin: 0 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-bottom: 2px inset #020202;
|
|||
|
|
margin-top: 0.5em;
|
|||
|
|
margin-bottom: 0.5em;
|
|||
|
|
line-height: 1.2em;
|
|||
|
|
border-bottom: 2px inset #020202;
|
|||
|
|
margin-top: 0.5em;
|
|||
|
|
margin-bottom: 0.5em;
|
|||
|
|
line-height: 1.2em; }
|
|||
|
|
.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: 0.2rem auto; }
|
|||
|
|
.site-content--single .site-content__header .article-header__word-count {
|
|||
|
|
margin-top: 1rem; }
|
|||
|
|
.site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings {
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 1.6em auto;
|
|||
|
|
display: block;
|
|||
|
|
padding-right: 1em; }
|
|||
|
|
.site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul {
|
|||
|
|
list-style: circle; }
|
|||
|
|
.site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li {
|
|||
|
|
margin: 0.5em 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__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__table-of-contents ul {
|
|||
|
|
list-style-type: arabic;
|
|||
|
|
padding-left: 2em; }
|
|||
|
|
.site-content--single .site-content__body {
|
|||
|
|
grid-column-start: 1;
|
|||
|
|
grid-column-end: 3;
|
|||
|
|
grid-row-start: 2;
|
|||
|
|
grid-row-end: 3;
|
|||
|
|
/* Temporary until I've fixed all the figures */
|
|||
|
|
overflow-x: clip;
|
|||
|
|
/* TODO: remove once replaced in content with figures */ }
|
|||
|
|
.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 .subheading {
|
|||
|
|
font-size: 1.6em;
|
|||
|
|
border-bottom: 2px inset #020202;
|
|||
|
|
margin-top: 0.5em;
|
|||
|
|
margin-bottom: 0.5em;
|
|||
|
|
line-height: 1.2em;
|
|||
|
|
text-align: center; }
|
|||
|
|
.site-content--single .site-content__body .subheading__subtitle {
|
|||
|
|
font-size: 1em;
|
|||
|
|
border-bottom: 1px dashed #020202;
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 1em;
|
|||
|
|
padding-bottom: 0.5em;
|
|||
|
|
line-height: 1em;
|
|||
|
|
text-align: center;
|
|||
|
|
font-weight: bold;
|
|||
|
|
width: fit-content;
|
|||
|
|
margin: auto;
|
|||
|
|
padding: 0 3em 0.4em; }
|
|||
|
|
.site-content--single .site-content__body .subsubheading {
|
|||
|
|
font-size: 1.4em;
|
|||
|
|
border-bottom: 1px dashed #020202;
|
|||
|
|
margin-top: 1em;
|
|||
|
|
margin-bottom: 1em;
|
|||
|
|
padding-bottom: 0.5em;
|
|||
|
|
line-height: 1em;
|
|||
|
|
text-align: left;
|
|||
|
|
font-weight: bold; }
|
|||
|
|
.site-content--single .site-content__body .subsubsubheading {
|
|||
|
|
font-size: 1.2em;
|
|||
|
|
margin-top: 1em;
|
|||
|
|
margin-bottom: 1em;
|
|||
|
|
line-height: 1em;
|
|||
|
|
text-align: left;
|
|||
|
|
font-weight: bold; }
|
|||
|
|
.site-content--single .site-content__body blockquote {
|
|||
|
|
padding-left: 1em;
|
|||
|
|
border-left: 2px outset #020202;
|
|||
|
|
display: inline-block;
|
|||
|
|
max-width: 85%; }
|
|||
|
|
.site-content--single .site-content__body blockquote footer {
|
|||
|
|
text-align: right;
|
|||
|
|
font-style: normal;
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-left: 5em; }
|
|||
|
|
.site-content--single .site-content__body blockquote footer::before {
|
|||
|
|
content: "—"; }
|
|||
|
|
.site-content--single .site-content__body blockquote:first-child {
|
|||
|
|
font-size: 1.2em;
|
|||
|
|
text-align: center;
|
|||
|
|
display: block;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
border-left: 0;
|
|||
|
|
padding-left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
padding-top: 1em;
|
|||
|
|
padding-bottom: 1.2em;
|
|||
|
|
border-top: 2px outset #020202;
|
|||
|
|
border-bottom: 2px inset #020202; }
|
|||
|
|
.site-content--single .site-content__body blockquote p:first-child {
|
|||
|
|
margin-top: 0; }
|
|||
|
|
.site-content--single .site-content__body blockquote p:last-of-type {
|
|||
|
|
margin-bottom: 0.5em; }
|
|||
|
|
.site-content--single .site-content__body blockquote.script {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-columns: auto 1fr 0.2fr;
|
|||
|
|
padding-bottom: 0.4em;
|
|||
|
|
text-align: left; }
|
|||
|
|
.site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after {
|
|||
|
|
content: none !important; }
|
|||
|
|
.site-content--single .site-content__body 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 blockquote.script > .script-line__text {
|
|||
|
|
grid-column-start: 2;
|
|||
|
|
grid-column-end: 4;
|
|||
|
|
margin: 0.5em; }
|
|||
|
|
.site-content--single .site-content__body blockquote.script footer {
|
|||
|
|
grid-column-start: 1;
|
|||
|
|
grid-column-end: 3; }
|
|||
|
|
@media only screen and (min-width: 1024px) {
|
|||
|
|
.site-content--single .site-content__body blockquote {
|
|||
|
|
margin: 1em 2em; } }
|
|||
|
|
.site-content--single .site-content__body img,
|
|||
|
|
.site-content--single .site-content__body video {
|
|||
|
|
max-width: 100%;
|
|||
|
|
height: auto;
|
|||
|
|
width: auto;
|
|||
|
|
max-height: 50vh;
|
|||
|
|
margin: auto;
|
|||
|
|
display: block; }
|
|||
|
|
.site-content--single .site-content__body .figure {
|
|||
|
|
margin: 16px auto;
|
|||
|
|
width: fit-content; }
|
|||
|
|
.site-content--single .site-content__body .figure__image {
|
|||
|
|
display: block;
|
|||
|
|
width: auto;
|
|||
|
|
max-width: 100%;
|
|||
|
|
margin: auto;
|
|||
|
|
height: auto;
|
|||
|
|
max-height: 50vh; }
|
|||
|
|
.site-content--single .site-content__body .figure__chart {
|
|||
|
|
min-height: 40vh;
|
|||
|
|
max-height: 60vh; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption {
|
|||
|
|
height: auto;
|
|||
|
|
margin: auto; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption--no-height {
|
|||
|
|
height: 0; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__caption {
|
|||
|
|
font-size: 0.9em;
|
|||
|
|
font-style: italic;
|
|||
|
|
text-align: center; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__attr {
|
|||
|
|
background-color: #020202;
|
|||
|
|
font-size: 0.7em;
|
|||
|
|
color: #fffff0;
|
|||
|
|
width: fit-content;
|
|||
|
|
top: -2em;
|
|||
|
|
position: relative;
|
|||
|
|
padding: 0.2em 0.5em;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
margin: 0 auto; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption {
|
|||
|
|
margin-top: -0.5em; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__full-size-link {
|
|||
|
|
font-size: 0.6em;
|
|||
|
|
padding-left: 1em; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__full-size-link::before {
|
|||
|
|
content: '['; }
|
|||
|
|
.site-content--single .site-content__body .figure__caption .figcaption__full-size-link::after {
|
|||
|
|
content: ']'; }
|
|||
|
|
.site-content--single .site-content__footer {
|
|||
|
|
grid-row-start: 3;
|
|||
|
|
grid-row-end: 4;
|
|||
|
|
border-top: 2px solid #020202; }
|
|||
|
|
.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 #mapdiv {
|
|||
|
|
border: 2px solid #020202; }
|
|||
|
|
|
|||
|
|
.organisations-table {
|
|||
|
|
grid-column-start: 1;
|
|||
|
|
grid-column-end: 5; }
|
|||
|
|
|
|||
|
|
#organisation-body .index {
|
|||
|
|
display: grid;
|
|||
|
|
grid-gap: 6px 5px;
|
|||
|
|
grid-area: items;
|
|||
|
|
grid-template-columns: repeat(4, 1fr);
|
|||
|
|
grid-template-rows: 1fr;
|
|||
|
|
justify-items: stretch;
|
|||
|
|
align-items: stretch;
|
|||
|
|
grid-template-areas: "item1 item2 item3 item4"; }
|
|||
|
|
|
|||
|
|
#organisation-body .index .item:nth-child(1) {
|
|||
|
|
grid-area: item1; }
|
|||
|
|
|
|||
|
|
#organisation-body .index .item:nth-child(2) {
|
|||
|
|
grid-area: item2; }
|
|||
|
|
|
|||
|
|
#organisation-body .index .item:nth-child(3) {
|
|||
|
|
grid-area: item3; }
|
|||
|
|
|
|||
|
|
#organisation-body .index .item:nth-child(4) {
|
|||
|
|
grid-area: item4; }
|
|||
|
|
|
|||
|
|
#organisation-body details {
|
|||
|
|
cursor: pointer;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
border: 2px solid #020202; }
|
|||
|
|
#organisation-body details:hover, #organisation-body details:focus {
|
|||
|
|
opacity: 1; }
|
|||
|
|
|
|||
|
|
#organisation-body summary::marker {
|
|||
|
|
font-size: 2em;
|
|||
|
|
padding-left: 2em; }
|
|||
|
|
|
|||
|
|
#organisation-body summary .subheading {
|
|||
|
|
display: inline;
|
|||
|
|
width: 95%;
|
|||
|
|
padding-bottom: 2em; }
|
|||
|
|
|
|||
|
|
#organisation-body summary .index {
|
|||
|
|
border-top: 2px solid #020202; }
|
|||
|
|
|
|||
|
|
#hierarchy ul {
|
|||
|
|
list-style: none;
|
|||
|
|
padding-left: 1em; }
|
|||
|
|
#hierarchy ul .hierarchy-item:before {
|
|||
|
|
content: '\21B3';
|
|||
|
|
margin: 0 0.4em; }
|
|||
|
|
#hierarchy ul .hierarchy-item--current {
|
|||
|
|
font-weight: bold; }
|
|||
|
|
#hierarchy ul .hierarchy-item--child:before {
|
|||
|
|
content: '\2192'; }
|
|||
|
|
|
|||
|
|
.timeline__legend span {
|
|||
|
|
margin: 0 1em; }
|
|||
|
|
.timeline__legend span * {
|
|||
|
|
display: inline-block; }
|
|||
|
|
.timeline__legend span .colour-square {
|
|||
|
|
width: 1em;
|
|||
|
|
height: 1em;
|
|||
|
|
border-radius: 2.5px;
|
|||
|
|
border: 1px solid #020202; }
|
|||
|
|
.timeline__legend span .colour-square--unpaid-current {
|
|||
|
|
background-color: #bbbbb0; }
|
|||
|
|
.timeline__legend span .colour-square--unpaid-past {
|
|||
|
|
background-color: #fffff0; }
|
|||
|
|
.timeline__legend span .colour-square--paid-current {
|
|||
|
|
background-color: #BCBC7E; }
|
|||
|
|
.timeline__legend span .colour-square--paid-past {
|
|||
|
|
background-color: #FCFCA6; }
|
|||
|
|
|
|||
|
|
.site-content__body--chart #timeline, .site-content__body--chart #map {
|
|||
|
|
width: 100%;
|
|||
|
|
max-width: 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-left: 0; }
|
|||
|
|
.site-content__body--list .site-content__sections-list li * {
|
|||
|
|
display: inline-block; }
|
|||
|
|
|
|||
|
|
@media (prefers-color-scheme: dark) {
|
|||
|
|
html,
|
|||
|
|
.site-header {
|
|||
|
|
color: #fffff0;
|
|||
|
|
background-color: #020202; }
|
|||
|
|
.site-header__nav li {
|
|||
|
|
color: #fffff0;
|
|||
|
|
border-color: #fffff0; }
|
|||
|
|
.site-header__nav li:hover {
|
|||
|
|
background-color: #020202; }
|
|||
|
|
.site-header__title a {
|
|||
|
|
color: #fffff0; }
|
|||
|
|
.item-tile--heading, .item-tile__header {
|
|||
|
|
background-color: #fffff0; }
|
|||
|
|
.item-tile--heading, .item-tile__header, .item-tile__title, .item-tile__subtitle {
|
|||
|
|
color: #020202; } }
|