From eb48bb1cdaff84910f640e447e85b2ab5ac7a9a5 Mon Sep 17 00:00:00 2001 From: Rumperuu Date: Tue, 12 Apr 2022 22:35:29 +0100 Subject: [PATCH] style: update styling --- style.css | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index ea52a29..b3881bd 100644 --- a/style.css +++ b/style.css @@ -814,7 +814,7 @@ pre { padding-left: 1em; border-left: 2px outset var(--dark); display: inline-block; - width: 85%; + max-width: 85%; } pre { overflow: hidden; @@ -827,10 +827,8 @@ pre { } blockquote footer { text-align: right; - margin-right: 10%; font-style: normal; - display: block; - float: right; + display: inline-block; } blockquote footer:before { content: '—'; @@ -877,11 +875,16 @@ cite.book, cite.film, cite.tv-show, cite.book, +cite.podcast, cite.album, cite.report { font-style: italic; } +cite.book--bible { + font-style: inherit; +} + cite.legislation, cite.smallcite, cite.article, @@ -889,8 +892,10 @@ cite.episode, cite.video, cite.chapter, cite.software, +cite.campaign, cite.song, cite.speech, +cite.course, cite.presentation { font-style: normal; } @@ -900,7 +905,10 @@ 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: '“'; } @@ -910,7 +918,10 @@ 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: '”'; } @@ -1187,7 +1198,8 @@ main#split-page > #wrapper > .body { main#split-page > #wrapper:not(.quotes) > .body blockquote:first-of-type:not(.no-first-blockquote) { font-size: 1.2em; text-align: center; - margin: 0; + display: block; + margin: 0 auto; border-left: 0; padding-left: 0; width: 100%; @@ -1234,7 +1246,7 @@ article.tile > header > h2 { } 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; filter: invert(0%) sepia(0%) saturate(15%) hue-rotate(246deg) brightness(104%) contrast(98%); } @@ -1283,6 +1295,17 @@ a:hover, a:focus { /* TEMP */ +.gallery { + float: left; + width: 100%; + display: block; + margin: 1em 0.5em; +} + +.gallery .gallery-item { + float: left; + margin: 0.25em; +} #experience-wrapper { grid-area: page-container;