Link to article: SCP-6500 Fragment 12.
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
:root {
--head-font: 'Monserrat', sans-serif;
--link-txt-color: rgb(var(--accent)) !important;
--one-color: var(--accent);
}
.fancyhr,
.fancyborder {
filter: hue-rotate(60deg);
}
#page-content .table0 {
--accent: 175, 175, 175;
--link-txt-color: rgb(175, 175, 175);
}
#page-content .bt {
color: rgb(var(--accent));
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
#page-content tr th {
text-align: center !important;
}
:is(.fancyborder) {
border-radius: 4vb;
}
.fancyborder .fnnum::after {
border-bottom: 1px solid var(--dark-bg-1);
}
.cards {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.cards > div {
margin: -12px;
}
.cards a {
border-bottom: none !important;
}
.cards a:hover,
.cards a::selection {
background-color: rgb(var(--accent));
}
.cards.main > :is(:nth-child(1), :nth-child(2)) {
--accent: 175, 175, 175;
filter: opacity(.33);
cursor: not-allowed;
color: transparent !important;
background-color: transparent !important;
}
.cards.tabs > div:nth-child(1) {
--accent: 175, 175, 175;
filter: opacity(.33);
cursor: not-allowed;
}
@media (max-width: 767px) {
.cards.tabs > div:nth-child(1) {
display: none;
}
}
.cards.main > :nth-child(3),
.cards.tabs > div:nth-child(2) .yui-navset .yui-nav li:nth-of-type(1) {
--accent: var(--six-color) !important;
}
@keyframes emissary {
0% { filter: none; }
100% { filter: invert(1) hue-rotate(180deg); }
}
.cards.main > :nth-child(4):hover {
filter: invert(1) hue-rotate(180deg);
animation-name: emissary;
animation-duration: .5s;
}
.yui-navset .yui-nav {
border: none !important;
}
.yui-navset .yui-nav li {
min-width: 25%;
}
.yui-navset .yui-content {
background: none !important;
margin-top: -1px;
padding: 0;
}
.yui-navset .yui-content > div {
background: none !important;
padding: 0;
margin: 0;
}
.yui-navset .yui-content .modal {
width: auto;
margin: auto;
}
text-indent: 6em;
font-family: 'Courgette';
width: 100%; margin-bottom: 1em;
width: 100%;
width: 50%; min-width: 300px; margin: 2px;
width: 50%; min-width: 300px; margin: 2px;
bt
notation
jotting
bt
bt
bt
fancyhr
cards
main
cards
tabs
modal
table0
modal
table6
bt
modal
bt
notation
fancyhr