style: update styling

This commit is contained in:
Ben Goldsworthy 2022-04-12 22:35:29 +01:00
parent 13e9dcda79
commit eb48bb1cda

View file

@ -814,7 +814,7 @@ pre {
padding-left: 1em; padding-left: 1em;
border-left: 2px outset var(--dark); border-left: 2px outset var(--dark);
display: inline-block; display: inline-block;
width: 85%; max-width: 85%;
} }
pre { pre {
overflow: hidden; overflow: hidden;
@ -827,10 +827,8 @@ pre {
} }
blockquote footer { blockquote footer {
text-align: right; text-align: right;
margin-right: 10%;
font-style: normal; font-style: normal;
display: block; display: inline-block;
float: right;
} }
blockquote footer:before { blockquote footer:before {
content: '—'; content: '—';
@ -877,11 +875,16 @@ cite.book,
cite.film, cite.film,
cite.tv-show, cite.tv-show,
cite.book, cite.book,
cite.podcast,
cite.album, cite.album,
cite.report { cite.report {
font-style: italic; font-style: italic;
} }
cite.book--bible {
font-style: inherit;
}
cite.legislation, cite.legislation,
cite.smallcite, cite.smallcite,
cite.article, cite.article,
@ -889,8 +892,10 @@ cite.episode,
cite.video, cite.video,
cite.chapter, cite.chapter,
cite.software, cite.software,
cite.campaign,
cite.song, cite.song,
cite.speech, cite.speech,
cite.course,
cite.presentation { cite.presentation {
font-style: normal; font-style: normal;
} }
@ -900,7 +905,10 @@ cite.episode:before,
cite.video:before, cite.video:before,
cite.chapter:before, cite.chapter:before,
cite.song:before, cite.song:before,
cite.poem:before,
cite.campaign:before,
cite.speech:before, cite.speech:before,
cite.course:before,
cite.presentation:before { cite.presentation:before {
content: '“'; content: '“';
} }
@ -910,7 +918,10 @@ cite.episode:after,
cite.video:after, cite.video:after,
cite.chapter:after, cite.chapter:after,
cite.song:after, cite.song:after,
cite.poem:after,
cite.campaign:after,
cite.speech:after, cite.speech:after,
cite.course:after,
cite.presentation:after { cite.presentation:after {
content: '”'; content: '”';
} }
@ -1187,7 +1198,8 @@ main#split-page > #wrapper > .body {
main#split-page > #wrapper:not(.quotes) > .body blockquote:first-of-type:not(.no-first-blockquote) { main#split-page > #wrapper:not(.quotes) > .body blockquote:first-of-type:not(.no-first-blockquote) {
font-size: 1.2em; font-size: 1.2em;
text-align: center; text-align: center;
margin: 0; display: block;
margin: 0 auto;
border-left: 0; border-left: 0;
padding-left: 0; padding-left: 0;
width: 100%; width: 100%;
@ -1234,7 +1246,7 @@ article.tile > header > h2 {
} }
a[href*="//"]:not([href*="bengoldsworthy.net"]):after { a[href*="//"]:not([href*="bengoldsworthy.net"]):after {
content: url('https://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png'); content: url('/wp-content/uploads/Icon_External_Link.png');
margin: 0 0 0 4px; margin: 0 0 0 4px;
filter: invert(0%) sepia(0%) saturate(15%) hue-rotate(246deg) brightness(104%) contrast(98%); filter: invert(0%) sepia(0%) saturate(15%) hue-rotate(246deg) brightness(104%) contrast(98%);
} }
@ -1283,6 +1295,17 @@ a:hover, a:focus {
/* TEMP */ /* TEMP */
.gallery {
float: left;
width: 100%;
display: block;
margin: 1em 0.5em;
}
.gallery .gallery-item {
float: left;
margin: 0.25em;
}
#experience-wrapper { #experience-wrapper {
grid-area: page-container; grid-area: page-container;