Link to article: fragment: Fractal 2: Dark Age.
/* Jakstyle modifications */
/* Recover default selection styles */
::-moz-selection, ::selection {
background: Highlight; color: HighlightText;
}
#header h1 a::before { -webkit-text-stroke-width: 3px }
#header h2 span::before { -webkit-text-stroke-width: 2px }
div.page-rate-widget-box { margin-bottom: 0.25rem }
.equation-number {
display: none;
}
.hover {
text-decoration: none;
border-bottom: none;
color:blue;
}
.hover:hover {
text-decoration: none;
border-bottom: none;
color:#004c00;
}
.hover span { display: none; }
.hover:hover span {
position: absolute;
display: inline;
margin: 20px 0px;
height: auto;
width: auto;
background: #FFF;
border: 1px solid #000;
color: black;
padding: 0.5em;
}
.hover:hover span span {
position: relative;
margin: auto;
height: auto;
width: auto;
border: none;
padding: 0;
}
/* Better image block positioning from component:croqstyle */
@media (max-width: 550px), (min-width: 768px) and (max-width: 850px) {
.scp-image-block:is(.block-right, .block-left) {
float: none;
margin-inline: auto;
}
}
.scp-header {
font-size: 125%;
}
.scp-header__row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0 1ch;
}
.explo-root {
/* How deep the most deeply-nested explo block is. Topmost block is 0. */
--max-nest-depth: 11;
/* Desired width of the most deeply-nested explo block. */
--crush-width: 8ch;
container-type: inline-size;
--border-width: 4px;
--padding-inline: calc((50cqw - (var(--crush-width) / 2) - (var(--border-width) * var(--max-nest-depth))) / var(--max-nest-depth));
@media (max-width: 600px) {
--border-width: 3px;
--crush-width: 7ch;
margin-inline: -3vw;
}
}
.explo {
border: var(--border-width) solid #444444;
margin-block: 1.5rem;
padding-inline: var(--padding-inline);
padding-block: 0.5rem;
}
.explo--room {
box-shadow: 0px 1px 6px rgba(0, 0, 0 , 0.2);
}
.explo--threshold {
background-color: rgba(0, 0, 0, 0.2);
border-style: dashed;
}
.explo-rising {
text-align: center;
margin-block: -1em;
}
.explo:has(> .explo-rising:last-child) {
border-bottom-color: transparent;
padding-bottom: 0.25rem;
}
body { overflow-x: hidden }
.berryman {
background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/berrymanfractal.webp);
background-attachment: fixed;
background-position: center;
background-size: 100vw auto;
max-width: none;
width: 100vw;
position: relative;
left: calc(50% - 50vw);
font-family: monospace, monospace;
color: white;
text-align: center;
padding: 0.1rem 0;
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.6);
min-height: 4rem;
align-content: center;
font-size: 1.1em;
span {
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
padding: 1px 8px;
text-shadow: 0px 0px 6px black;
}
}
.berryman--angrier {
background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/Berrymanspiral2.webp);
}
.explo strong, .blockquote strong {
color: rgb(230, 230, 230);
}
#main-content hr {
height: 1px;
border-top: 2px solid #777;
border-bottom: 1px solid #777;
margin-block: 1rem;
background: none;
}
.conprocs {
border: thin solid #f005;
background: #ff000005;
padding-inline: 1rem;
border-radius: 4px;
position: relative;
}
.conprocs::before, .conprocs::after {
content: "";
height: 0.3rem;
left: 0;
right: 0;
background-image: repeating-linear-gradient(135deg, darkred 0ch, darkred 1ch, crimson 1ch, crimson 1.75ch, darkred 1.75ch);
position: absolute;
}
.conprocs::before { top: 0 }
.conprocs::after { bottom: 0 }
#footer { background: transparent }
@media (min-width: 901px) {
#container {
background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten.webp), url(
https://scp-wiki.wikidot.com/local--files/scp-9001/lichten-flip.webp);
background-position: calc(50% - 40rem) calc(100% + 20rem), calc(50% + 40rem) calc(100% + 20rem);
background-repeat: no-repeat;
background-size: auto 100rem;
}
}
@media (max-width: 900px) {
.footnotes-footer {
background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten.webp), url(https://scp-wiki.wikidot.com/local--files/scp-9001/lichten-flip.webp);
background-position: calc(50% - 30vw) calc(100% + 20rem), calc(50% + 30vw) calc(100% + 20rem);
background-repeat: no-repeat;
background-size: auto 100rem;
}
}
width:100%;
color: white; background: #f008; padding: 3px 5px 1px; border-radius: 3px; text-transform: uppercase; font-weight: bold; margin-left: -2.5px
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Eta10.png/small.jpg)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Theta90.png/small.jpg)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Epsilon11.png/small.jpg)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Zeta9.png/small.jpg)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Iota10.png/small.jpg)
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Nu7.png/small.jpg)
width: 100%
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/task-forces/Gamma5.png/small.jpg)
:scp-wiki:component:hoverlinks
[info]
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:jakstyle
[info]
component:image-block
scp-header
scp-header__row
scp-header__row
scp-image-block
block-center
scp-image-caption
conprocs
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
blockquote
scp-image-block
block-center
scp-image-block
block-center
blockquote
explo-root
explo
explo--room
explo
explo--room
explo
explo--room
explo
explo--threshold
explo
explo--threshold
explo
explo--threshold
explo
explo--threshold
explo
explo--threshold
explo
explo--threshold
explo
explo--room
explo
explo--room
explo
explo--room
explo-rising
explo-rising
explo-rising
explo-rising
explo-rising
explo-rising
explo-rising
scp-image-block
block-center
explo
explo--room
berryman
berryman
berryman
explo
explo--threshold
berryman
berryman
berryman
berryman--angrier
berryman
berryman--angrier
berryman
berryman--angrier
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote
blockquote