Link to article: The Sharkest Timeline.
/* == COMMON == */
:root {
--header-title: "The Sharkest Timeline";
--header-subtitle: "SEARCH, PUNCH, CONQUER";
--link-txt-color: hsl(191, 100%, 25%);
--abyssal: hsl(221, 100%, 25%);
--terrestrial: hsl(101, 100%, 25%);
--non-abyssal: hsl(181, 50%, 25%);
--celestial: hsl(201, 100%, 50%);
}
div#extra-div-1 {
background-size: 150px;
}
#header h1 {
font-variant: small-caps;
}
/* == FORMATTING | [GENERAL] == */
.meta-title {
padding: 0;
font-family: var(--head-font), sans-serif;
font-variant: small-caps;
}
#page-content :is(h1, h2, h3, h4, h5, h6) {
display: flex;
justify-content: center;
font-family: var(--ui-font), sans-serif;
font-variant: small-caps;
line-height: 1.2;
text-align: center;
text-underline-offset: 25%;
}
li, p {
line-height: 1.5 !important;
}
ol li,
ul li {
margin: 1rem 0;
}
/* == FORMATTING | [SPECIAL] == */
.abyssal :is(h1, h2, h3) {
color: var(--abyssal);
}
.terrestrial :is(h1, h2, h3) {
color: var(--terrestrial);
}
.non-abyssal :is(h1, h2, h3) {
color: var(--non-abyssal);
}
.col_box, .spec_col_box { /* = COLORFUL BOX = */
--hex: transparent;
--hex2: transparent;
position: relative;
display: inline-block;
width: 1.2rem;
height: 1.2rem;
margin-bottom: .2rem;
vertical-align: middle;
background: var(--hex);
border: medium solid var(--hex2);
font-size: 0;
}
.spec_col_box { /* = COLORFUL BOX ADD-ON = */
width: calc(1.2rem + 3px);
height: calc(1.2rem + 3px);
}
.spec_col_box:before { /* = COLORFUL BOX ADD-ON = */
position: absolute;
inset: 0;
padding: 3px;
content: "";
background:
repeating-conic-gradient(#c7b187 0 25%, #815eba 0 50%)
0 0/12px 12px round;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
/* == DIV BLOCKS == */
div a {
font-weight: bold;
}
@media (max-width: 575.9px) {
.modal, .jotting, .paper, .notation {
margin: 1rem 0;
}
}
/* == COLLAPSIBLES == */
#page-content a.collapsible-block-link {
background: unset !important;
border: unset !important;
box-shadow: unset !important;
color: unset !important;
}
/* == TABLES == */
.special table {
display: block !important;
max-height: 85vh;
overflow: auto;
counter-reset: line-number;
}
.special table a {
font-weight: bold;
}
.special th {
text-align: center;
}
.special td:first-child:before {
content: counter(line-number) ".";
counter-increment: line-number;
padding-right: .3rem;
}
.special td:nth-child(3) {
min-width: 25%;
line-height: 1.5;
}
.special td:nth-child(4) {
min-width: 20%;
font: 1rem monospace;
text-align: right;
}
/* == YUI TABS == */
.yui-navset .yui-nav a {
font-size: 1.25rem;
font-weight: 600;
font-family: var(--ui-font), sans-serif;
}
font-size: 2.95rem
color:var(--abyssal);font-size:120%
color:var(--terrestrial);font-size:120%
--hex:#73d8e1;--hex2:#5a6f8b
--hex:#73d9b2;--hex2:#5a6f8b
--hex:#bec5e9;--hex2:#5a6f8b
--hex:#85c8b8;--hex2:#5a6f8b
--hex:#8ad1f2;--hex2:#5a6f8b
--hex:#a58594;--hex2:#5a6f8b
--hex:#6e9aa9;--hex2:#5a6f8b
--hex:#d9e9f7;--hex2:#378bd5
--hex:#3e3e0d;--hex2:#191a00
--hex:#512a68;--hex2:#1f0033
--hex:#7f1919;--hex2:#300
--hex:#2b8981;--hex2:#00332d
--hex:#0c63ae;--hex2:#001b33
--hex:#118877;--hex2:#00332b
--hex:#c9a3ca;--hex2:#5a6f8b
--hex:#815eba;--hex2:#5599aa
--hex:#51aa68
--hex:#96a3c8
--hex:#ae8800
--hex:#cd5700
--hex:#E3E479
--hex:#b17a06
--hex:#6e7b3b
--hex:#34cf63
--hex:#c0d785
--hex:#c7b187;--hex2:#5599aa
--hex:#D5422B
--hex:#5599aa;--hex2:none
--hex:#53b3c1
--hex:#ba7086
--hex:#518a88
--hex:#4b92db
--hex:#ff6a00;--hex2:#190a00
--hex:#5b8752
--hex:#8a1538
--hex:#fa9200
background:#1e2832
background:#48802d
--hex:#7D9675
--hex:#B53389
--hex:#fa70f5
background:#912b2b
background:#b8b8ff
background:#8273c4
background:#ff8c69
background:#f20c6c
background:#750075
background:#3ab085
background:#b0e000
background:#89a7c7
background:#67abf5
--hex:#C684DC
--hex:#62BF43
background:#cc5e39
--hex:#FFD800
--hex:#D6A231
--hex:#B5A5D5
--hex:#CC0066
--hex:#98283B
--hex:#19b361
--hex:#6b8276
background:#abbbd8
background:#a25bff
background:#fede00
background:#a091a8
background:#090
--hex:#002A2A
--hex:#C8B518
background:#970004
background:#3a9300
--hex:#D8681E
--hex:#3e0d5e
background:#738d3d
--hex:#E47A1B
background:#9a7a46
--hex:#9DBB61
--hex:#DF73FF
--hex:#2C5923
--hex:#962f70
--hex:#702963
--hex:#EF9F3D
--hex:#4800CE
background:#a52a2a
--hex:#B20339
--hex:#CA7554
--hex:#B53389
--hex:#6F437A
background:#00afca
--hex:#B6FF00
--hex:#3333FF
background:#a81c07
--hex:#FF77B4
--hex:#2A2A5B
--hex:#358fbf
--hex:#fa882a
--hex:#B8860B
background:#317461
--hex:#900020
--hex:#2C4E1C
--hex:#1F5276
--hex:#993300
--hex:#2F4780
background:#750075
--hex:#a81c07
--hex:#EB3B11
--hex:#BAD227
--hex:#001921
--hex:#2f8e96
--hex:#9a92f7
background:#4b92db
color:var(--celestial)
--hex:#0047AB
:scp-wiki:theme:foxtrot
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
meta-title
pseudocrumbs
notation
table2
meta-title
jotting
table3
jotting
table3
jotting
table3
jotting
table3
jotting
table3
jotting
table3
jotting
table3
jotting
table3
meta-title
special
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table2
modal
table3
modal
table2
meta-title
jotting
abyssal
table2
modal
col_box
col_box
modal
col_box
col_box
modal
col_box
modal
col_box
col_box
non-abyssal
table2
modal
col_box
modal
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
jotting
terrestrial
table1
modal
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
spec_col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
blockquote
modal
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
col_box
modal
col_box
col_box
col_box
col_box
col_box
modal
col_box
col_box
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
modal
meta-title
notation
table2
blockquote
blockquote