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;
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;