Link to article: Dr Dagon's Curriculum Vitae.
:root {
--sp_header-logo: var(--logo-1);
--logo-1: url(https://scp-wiki.wikidot.com/local--files/dr-dagons-curriculum-vitae/DoS.png);
--logo-2: url(https://scp-wiki.wikidot.com/local--files/dr-dagons-curriculum-vitae/DoP.png);
}
#header::before {
margin-inline-end: calc(var(--sp_header-logo-adaptive-size) + 1rem);
}
#header::after {
content: "";
display: block;
background: var(--logo-2) no-repeat center;
background-size: contain;
grid-row: 3 / 7;
grid-column: 2 / 5;
justify-self: end;
margin-inline-end: 1rem;
width: var(--sp_header-logo-adaptive-size);
}
@media screen and (max-width: 767px) {
#header::before, #header::after {
margin: 0; width: 50%;
}
#header::before {
justify-self: start;
background-position-x: right;
}
#header::after {
grid-row: 3 / 4;
grid-column: 2 / 3;
justify-self: end;
background-position-x: left;
}
/*--------------------------------*/
:root {
--header-title: "Research Site-403";
--fossil-header-slice-offset: calc(4.25rem + 3.5vw);
}
#page-title, .footnotes-footer { display: none; }
#page-content h2 {
margin-top: 2.125rem;
}
#page-content .c-wrap {
container-name: intro;
container-type: inline-size;
}
.start-p { margin-block-start: 1.625em; }
.start-p > p:first-child::first-letter {
margin: -0.325rem .325rem -.1rem 0;
font-size: 3.95lh;
float: inline-start;
line-height: .95;
}
div.aside {
--_gap: .75rem;
width: calc(170px + 12vw);
max-width: min(30rem, 100%);
box-sizing: border-box;
float: inline-end;
margin-block-start: 1.325rem;
margin-inline: calc(var(--sp_area-min-margin)*.875);
}
.img-wrapper {
overflow: hidden;
border-radius: var(--fossil-radius);
box-shadow: 0 0 .75rem rgb(var(--fossil-black)/.175);
margin-block: calc(var(--_gap)*-4.5) -1.25rem;
margin-inline: calc(var(--_gap)*-1);
max-width: initial;
transform: rotate(-12.25deg);
}
.img-wrapper img {
transform: rotate(12.25deg) scale(1.175);
}
.aside .blockquote {
position: relative;
padding: .5rem 1.25rem;
margin: 0;
margin-block-end: .5rem;
margin-inline-end: calc(var(--sp_area-min-margin)*-.875);
text-align: center;
max-width: initial;
box-sizing: border-box;
-webkit-backdrop-filter: blur(.175rem);
backdrop-filter: blur(.175rem);
}
.aside .blockquote p { margin-block: .25em; }
@container intro (max-width: 620px) {
.opener {
display: grid;
}
.meta-title { order: -1; }
.start-p { margin-block-start: 0; }
div.aside {
float: none;
margin-inline: auto;
max-width: 100%;
margin-block-start: 4.25rem;
}
.aside .blockquote {
margin-inline: 0;
}
}
.museum-display {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(16.5rem, 100%), 1fr));
grid-gap: 1.25rem;
margin-block: 1.25rem;
}
.museum-display .entry {
--_gap: .625rem;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
padding: var(--_gap);
gap: var(--_gap);
background-color: rgb(var(--fossil-light)/.125);
-webkit-backdrop-filter: blur(.15rem);
backdrop-filter: blur(.15rem);
box-shadow: 0 0 0.5rem rgb(var(--fossil-black)/.25);
border-radius: var(--fossil-radius);
text-align: center;
}
.museum-display .entry > img {
max-height: 20rem;
border-radius: calc(var(--fossil-radius) - var(--_gap) + .05rem);
}
.museum-display .entry > * { margin: 0; }
#page-content :is(.collapsible-block-folded, .collapsible-block-unfolded-link) {
text-align: center;
}
.yui-content h4 { text-align: center; }
text-align: center
:scp-wiki:theme:fossil
[info]
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
c-wrap
opener
aside
img-wrapper
blockquote
meta-title
start-p
museum-display
entry
entry
entry
entry
entry
entry
entry
entry
entry
museum-display
entry
museum-display
entry
museum-display
entry
entry
entry
entry
entry
entry
museum-display
museum-display
entry
museum-display
entry
entry
entry
entry
entry
entry
entry
entry
museum-display
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
entry
museum-display
entry
museum-display
entry
museum-display
entry
entry
entry
museum-display
entry
entry
museum-display
museum-display
museum-display
museum-display
museum-display
museum-display
entry
museum-display
entry
entry
entry
entry
entry
entry
entry
museum-display
entry