Link to article: fragment: Fractal 1: Golden Era.
/* Minimalist BHL modifications */
/* Recover default selection styles */
::-moz-selection, ::selection {
background: Highlight; color: HighlightText;
}
:root {
--lgurl: url(https://scp-wiki.wikidot.com/local--files/scp-9001/analytics_dept_animated.svg);
}
#header h1 a::before { -webkit-text-stroke-width: 3px }
#header h2 span::before { -webkit-text-stroke-width: 2px }
#header::before {
top: 0.25rem;
background-size: auto calc(var(--header-height-on-desktop) - .5rem);
opacity: 0.15;
}
div.page-rate-widget-box { margin-bottom: 0.25rem }
/* Recover Sigma image borders */
div.scp-image-block { border: solid 1px #666; box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.25); }
/* Light theme image captions */
:is(div.image-block, div.scp-image-block) {
gap: 0;
:is(.image-caption, .scp-image-caption) {
background-color: rgb(235, 235, 235);
color: rgb(var(--swatch-text-general));
border-top: thin solid #666;
}
}
/* Better image block positioning from component:croqstyle, adapted for BHL */
@media (max-width: 550px) {
div.scp-image-block:is(.block-right, .block-left) {
float: none;
margin-inline: auto;
max-width: 100% !important;
}
}
.footnotes-footer, .equation-number {
display: none;
}
.rotate {
transform: rotate(-0.5deg);
}
@media (max-width: 550px) {
.rotate {
transform: rotate(-0.2deg);
}
}
.scp-header {
font-size: 125%;
}
.scp-header__row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0 1ch;
}
#main-content hr {
height: 1px;
border-top: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
margin-block: 1rem;
background: none;
}
#header-extra-div-1, #header-extra-div-2 {
background-image: url(https://scp-wiki.wikidot.com/local--files/scp-9001/thread.webp);
display: block;
position: absolute;
height: 10rem;
aspect-ratio: 1547 / 1220;
background-size: auto 100%;
background-repeat: no-repeat;
top: 0;
}
#header-extra-div-1 {
transform: translateX(-1.5rem);
left: 0;
}
#header-extra-div-2 {
transform: scaleX(-1) translateX(-1.5rem);
right: 0;
}
@media (max-width: 900px) {
#header-extra-div-1 {
transform: none;
background-position: -1.5rem center;
}
#header-extra-div-2 {
transform: scaleX(-1);
background-position: -1.5rem center;
}
}
.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;
}
.emergency-update {
margin-block: 1.5rem;
padding: 0.75rem 1.5rem;
border: 0.25rem solid #444444;
box-shadow: 0px 1px 6px rgba(0,0,0,.2);
color: #444;
max-width: 35rem;
margin-inline: auto;
position: relative;
}
@media (max-width: 700px) {
.emergency-update {
padding-inline: 1rem;
margin-inline: max(-2.5vw, -1rem);
}
}
.emergency-update::before, .emergency-update::after {
content: "";
height: 0.3rem;
left: 0;
right: 0;
background-image: repeating-linear-gradient(135deg, gold 0ch, gold 1ch, darkgray 1ch, darkgray 1.75ch, gold 1.75ch);
position: absolute;
}
.emergency-update::before { top: 0 }
.emergency-update::after { bottom: 0 }
.classified-banner {
display: grid;
justify-content: center;
align-items: center;
justify-items: center;
}
.classified-banner__dept {
width: 15rem;
grid-row: 1;
grid-column: 1;
opacity: 0.06;
}
.classified-banner__text {
grid-row: 1;
grid-column: 1;
text-align: center;
}
.forum {
display: grid;
grid-template-columns: 3rem 1fr;
max-width: 40rem;
margin-inline: auto;
padding-bottom: 1rem;
}
.forum__post {
border: thin solid #c9c9c9;
box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.1) 0px 1px 2px;
grid-column: 2;
line-height: 1.25;
position: relative;
background-color: white;
color: rgb(51, 51, 51);
margin-top: 1rem;
}
.forum__post--op {
grid-column: 1 / span 2;
}
.forum__post-header {
border-bottom: thin solid #c9c9c9;
padding: 0.85rem 1.5rem 0.85rem 3.75rem;
position: relative;
background-image: linear-gradient(to top, rgb(246, 246, 246), rgb(251, 251, 251));
color: rgb(51, 51, 51);
}
.forum__post-pfp {
font-size: 1.1rem;
font-weight: 500;
text-align: center;
color: black;
background-color: var(--bg, lightblue);
border: thin solid rgba(0, 0, 0, 0.1);
border-radius: 99rem;
aspect-ratio: 1 / 1;
width: 2.2rem;
line-height: 2.2rem;
position: absolute;
left: 0.75rem;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 550px) {
.forum__post-email {
display: none;
}
}
.forum__post-content {
padding: 0 1.5rem;
}
/* Vertical line + horizontal branch for replies */
.forum__post--reply::before {
content: "";
position: absolute;
left: -1.5rem;
top: calc(-1rem - 1px);
bottom: 0;
border-left: thin solid #c9c9c9;
}
.forum__post--reply::after {
content: "";
position: absolute;
left: -1.5rem;
top: 2rem;
width: 1.5rem;
border-bottom: thin solid #c9c9c9;
}
.forum__post--reply:last-child::before {
height: calc(3rem + 1px);
}
.overwatch-order {
--logo-size: 4rem;
border: medium solid firebrick;
background: white;
color: #444;
display: grid;
grid-template-columns: var(--logo-size) 1fr;
min-height: var(--logo-size);
border-radius: calc(var(--logo-size) / 2);
overflow: hidden;
margin-block: 0.5em;
}
.overwatch-order__content {
padding-inline: 1em;
align-content: center;
background-image: linear-gradient(to right, #f001, #f000);
}
.overwatch-order__content p { margin-block: 0.25rem; }
.overwatch-order__title {
font-weight: bold;
font-size: 1.2em;
line-height: 1.2;
}
.overwatch-order__logo {
background-color: firebrick;
img { filter: invert(1); }
}
.project-proposal.blockquote {
background-color: #d0ebff44;
--tables-header-txt: var(--swatch-text-general);
--tables-header-bg: 208, 235, 255;
}
.project-proposal.blockquote :is(div.image-block, div.scp-image-block) :is(.image-caption, .scp-image-caption) {
background-color: rgb(var(--tables-header-bg));
}
.project-proposal.blockquote .blockquote {
background-color: #d0ebff88;
margin-inline: 1rem;
}
.samples {
display: grid;
max-width: 38rem;
grid-template-columns: 16rem auto;
align-items: center;
margin-inline: auto;
border: thin solid grey;
border-radius: 0.5rem;
padding: 0 1rem 1rem;
gap: 1rem 2rem;
font-style: italic;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}
.samples__header {
grid-column: 1 / span 2;
border-bottom: thin dashed currentColor;
}
.samples__image-heading {
grid-column: 1 / span 1;
p { margin: 0 }
}
.samples__desc-heading {
grid-column: 2 / span 1;
p { margin: 0 }
}
.samples__image {
grid-column: 1 / span 1;
overflow: hidden;
align-self: start;
border-radius: 0.5rem;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
}
.samples__image .image {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.samples__desc {
grid-column: 2 / span 1;
margin-block: -1rem;
position: relative;
}
.samples__desc::after {
content: "";
position: absolute;
width: 1.5rem;
border-bottom: thin dashed currentColor;
top: 1.75em;
right: calc(100% + 0.5rem);
}
@media (max-width: 550px) {
.samples {
display: flex;
flex-direction: column;
}
.samples__image-heading, .samples__desc-heading, .samples__desc::after {
display: none;
}
.samples__image {
margin-top: 0.5rem;
}
}
.o5-8 {
font-weight: 800;
color: deeppink;
position: relative;
isolation: isolate
}
.o5-8::before {
content: "";
position: absolute;
inset: 0.1em -0.1em;
background-color: currentColor;
opacity: 0.05;
filter: blur(3px);
border-radius: 0.5ch;
z-index: -1;
}
body { overflow-x: hidden }
/* Ethics Committee block - inspired by SCP-8980 by Yossipossi */
@import url(https://scp-wiki.wikidot.com/local--files/scp-8980/departuremono.css);
.ethics {
border: medium solid rgb(10, 70, 10);
background-color: rgba(10, 70, 10, 0.1);
}
.ethics__header {
background-image: linear-gradient(to right, rgb(12, 80, 12), rgb(8, 60, 6));
background-color: rgb(10, 70, 10);
color: white;
font-family: 'Departure Mono', monospace;
font-size: 1.5em;
padding-block: 0.5em;
text-align: center;
}
.ethics__header img {
height: 100%;
}
.ethics__content {
padding: 0.5rem 1rem;
}
.ethics__content .blockquote {
border-color: rgb(10, 70, 10);
background-color: rgba(10, 70, 10, 0.1);
}
width: 100%
width: 100%
width:100%;
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/aiad-homescreen/itlogo3.png/small.jpg)
width: 300px
display: block
--src: url(https://scp-wiki.wikidot.com/local--files/scp-9001/circe.webp)
margin-bottom: 1rem
--bg: khaki
--bg: tomato
--bg: sandybrown
--bg: khaki
--bg: tomato
--bg: khaki
--bg: paleturquoise
--bg: paleturquoise
--bg: sandybrown
--src: url(https://scp-wiki.wdfiles.com/local--resized-images/secure-facility-dossier-site-120/medium.jpg/small.jpg)
--bg: khaki
--bg: black; color: white
--bg: tomato
--bg: black; color: white
--bg: khaki
--bg: tomato
--bg: khaki
filter: invert(1); max-width: 10rem; max-height: 10rem; aspect-ratio: 1;
color: grey; font-size: 80%;
width: 300px
width: 300px; padding: 4rem 0.25rem
padding-top: 1rem;
:scp-wiki:component:hoverlinks
[info]
:scp-wiki:theme:black-highlighter-theme
[info]
:scp-wiki:theme:minimalist-bhl
[info]
component:image-block
:scp-wiki:component:image-block
[info]
:scp-wiki:component:image-block
[info]
blockquote
classic
curved
scp-image-block
block-center
scp-image-block
block-center
scp-header
scp-header__row
scp-header__row
scp-image-block
block-center
scp-image-caption
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
emergency-update
scp-image-block
block-right
scp-image-caption
blockquote
classified-banner
classified-banner__dept
classified-banner__text
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
blockquote
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
blockquote
samples
samples__header
samples__image-heading
samples__desc-heading
samples__image
samples__desc
samples__image
samples__desc
samples__image
samples__desc
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
samples
samples__header
samples__image-heading
samples__desc-heading
samples__image
samples__desc
samples__image
samples__desc
samples__image
samples__desc
classified-banner
rotate
classified-banner__dept
classified-banner__text
blockquote
rotate
o5-8
o5-8
o5-8
o5-8
project-proposal
blockquote
hoverlink
hoverlink-card
hoverlink-title
hoverlink-text
hoverlink-image
blockquote
overwatch-order
overwatch-order__logo
overwatch-order__content
overwatch-order__title
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum
forum__post
forum__post--op
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
forum__post
forum__post--reply
forum__post-header
forum__post-email
forum__post-pfp
forum__post-content
ethics
ethics__header
ethics__content
blockquote
blockquote
blockquote
blockquote
overwatch-order
overwatch-order__logo
overwatch-order__content
overwatch-order__title
blockquote
scp-image-block
block-center
scp-image-block
block-center
blockquote
o5-8
o5-8
o5-8
o5-8
o5-8
blockquote
samples
samples__image-heading
samples__desc-heading
samples__image
samples__desc
samples__image
samples__desc
samples__image
samples__desc
emergency-update