Link to article: Black Queen Hub.
/*
Checkmate Theme
[2025 Wikidot Theme]
by Fish^12 & Queerious
*/
@import url('https://fonts.bunny.net/css2?family=Tilt+Prism&display=swap');
@import url('https://fonts.bunny.net/css2?family=Major+Mono+Display&display=swap');
@import url('https://fonts.bunny.net/css2?family=Philosopher&display=swap');
@import url('https://fonts.bunny.net/css2?family=Anton&family=Playfair+Display+SC&display=swap');
@import url('https://fonts.bunny.net/css2?family=Bangers&family=Russo+One&display=swap');
:root {
--cream: #f5f5f5;
--coal: #242424;
--exofont: "Tilt Prism";
--tetofont: "Major Mono Display";
--header-title: "";
--header-subtitle: "";
--sp_header-logo: none;
--sp_header-height: 15rem;
--sp_top-bar-height: 2rem;
--sp_top-bar-link-hover-background: var(--cream);
--sp_top-bar-link-hover-color: var(--coal);
--sp_dropdown-link-border: none;
--sp_dropdown-link-color: var(--coal);
--sp_dropdown-link-hover-color: var(--cream);
--sp_dropdown-link-hover-background: var(--coal);
--sp_rate-module-background: var(--cream);
--sp_rate-module-text-color: var(--coal);
--sp_rate-module-button-color: var(--coal);
--sp_rate-module-button-background: var(--cream);
--sp_rate-module-sub-color: var(--coal);
--sp_rate-module-button-hover-color: var(--cream);
--sp_rate-module-button-hover-background: var(--coal);
--sp_tab-text-color: var(--coal);
--sp_tab-background: var(--cream);
--sp_tab-border-color: var(--cream);
--sp_tab-selected-text-color: var(--cream);
--sp_tab-selected-background: var(--coal);
--sp_tab-selected-border-color: var(--coal);
--sp_tab-hover-text-color: var(--cream);
--sp_tab-hover-background: var(--coal);
--sp_tab-hover-border-color: var(--coal);
}
#container {
background-color: var(--cream);
}
#main-content {
background-color: var(--cream);
}
#header {
grid-template-areas:
"login login login login login"
". . . . search"
"h1 h1 h1 h1 h1"
"h2 h2 h2 h2 h2"
". . . . ."
"top-bar top-bar top-bar top-bar top-bar";
grid-template-columns: repeat(5, 1fr);
background-image: url("https://scp-wiki.wikidot.com/local--files/black-queen-hub/Crown%2520of%2520Flies.webp");
background-repeat: no-repeat;
background-position: center;
background-size: 12em;
background-color: var(--cream);
transition: 200ms;
}
.printuser img {
filter: grayscale(1);
}
.printuser img a {
background: var(--cream);
}
#login-status .printuser {
color: var(--coal);
font-family: var(--tetofont);
letter-spacing: 4px;
font-weight: bold;
text-shadow: 0 0 0 black;
}
#login-status {
font-size: 14px;
padding-right: 12px;
}
#login-status a {
color: var(--cream);
background: var(--coal);
padding: 0 2px;
font-family: var(--tetofont);
letter-spacing: 4px;
font-weight: bold;
}
#account-topbutton {
border: none;
margin-left: -4px;
font-size: 100%;
}
#login-status a:hover, #account-topbutton:hover {
text-decoration: none;
}
#account-options {
border: solid 1px var(--coal);
background: var(--cream);
text-align: center;
margin-right: 12px;
}
#account-options li a {
color: var(--coal);
transition: 200ms;
}
#account-options li:nth-child(n+3):nth-child(-n+6) a {
text-transform: lowercase;
}
#account-options li a:hover {
color: var(--cream);
background: var(--coal);
}
#search-top-box {
align-items: flex-start;
flex-direction: row-reverse;
flex-wrap: wrap;
padding: 4px 12px 0 0;
font-family: var(--tetofont);
}
#search-top-box-form input[type=submit] {
background-color: var(--coal);
background-image: none;
color: var(--cream);
box-shadow: none;
border-color: var(--coal);
border-radius: 0;
transition: 200ms;
letter-spacing: 4px;
padding: 0px 5px 0px 9px;
text-transform: lowercase;
}
#search-top-box-form input[type=submit]:hover {
background-color: var(--cream);
background-image: none;
color: var(--coal);
box-shadow: none;
border-color: var(--coal);
}
#main-content .page-tags
.writingguide a.collapsible-block-link {
font-size: clamp(2.5rem, 1.842rem + 3.509vw, 5rem);
}
.special-col a.collapsible-block-link {
font-family: 'Russo One';
font-size: min(calc(0.45rem + 2.75vw), 1.625rem);
font-weight: bold;
display: flex;
overflow: hidden;
padding: 1vw;
text-align: center;
align-items: center;
color: #f5f5f5;
border-radius: 0.1em;
background-image: linear-gradient(90deg, #3b3a2c 0%, #242424 70%);
justify-content: center;
width: fit-content;
width: -moz-fit-content;
width: -webkit-fit-content;
margin: auto;
transition: rgb(33, 37, 46) 0.25s linear;
}
.owindow {
background-color: var(--cream);
color: var(--coal);
border-color: var(--coal);
}
.owindow .title {
cursor: auto;
background-color: var(--coal);
color: var(--cream);
text-align: center;
font-family: var(--tetofont);
padding: 1em;
}
.owindow img {
filter: grayscale(1);
background-color: var(--cream) !important;
}
#top-bar {
background-image: none;
background-color: var(--coal);
text-transform: lowercase;
font-family: var(--tetofont);
letter-spacing: 0px;
}
#top-bar div[class*="top-bar"] > ul > li {
flex-grow: 1;
border: solid 3px var(--coal);
width: 20%;
}
#top-bar [href*="javascript:;"] {
}
#top-bar ul li ul {
letter-spacing: -2px;
}
#top-bar ul li a {
transition: 200ms;
}
#top-bar .open-menu a {
border-color: var(--coal);
border-width: 0.1em;
border-radius: 0;
color: var(--coal);
background-color: var(--cream);
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
padding: 0.5em 0.675em;
text-align: center;
font-weight: bold;
background: var(--cream);
color: var(--coal);
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li:is(.sfhover, :hover, :focus-within) ul {
margin-top: 0px;
box-shadow: none;
border: solid 3px var(--coal);
}
#top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:before, #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:after, #top-bar ul li ul li:nth-child(odd) a:before, #account-options li:nth-child(odd) a:before, #top-bar ul li ul li:nth-child(even) a:before, #account-options li:nth-child(even) a:before, #top-bar ul li ul li:nth-child(3n) a:before, #account-options li:nth-child(3n) a:before, #top-bar ul li ul li:nth-child(odd) a:after, #account-options li:nth-child(odd) a:after, #top-bar ul li ul li:nth-child(even) a:after, #account-options li:nth-child(even) a:after, #top-bar ul li ul li:nth-child(3n) a:after, #account-options li:nth-child(3n) a:after {
background-size: 10px 10px;
display: inline-block;
width: 10px;
height: 10px;
margin-left: 2px;
content:"";
}
#top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:before, #top-bar :is(.top-bar, .mobile-top-bar) > ul > li > a:after {
background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/pawn.png");
}
#top-bar ul li ul li:nth-child(odd) a:before, #account-options li:nth-child(odd) a:before, #top-bar ul li ul li:nth-child(odd) a:after, #account-options li:nth-child(odd) a:after {
background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/bishop.png");
}
#top-bar ul li ul li:nth-child(even) a:before, #account-options li:nth-child(even) a:before, #top-bar ul li ul li:nth-child(even) a:after, #account-options li:nth-child(even) a:after {
background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/rook.png");
}
#top-bar ul li ul li:nth-child(3n) a:before, #account-options li:nth-child(3n) a:before, #top-bar ul li ul li:nth-child(3n) a:after, #account-options li:nth-child(3n) a:after {
background-image: url("http://smlt.wikidot.com/local--files/fish-12:blackq/knight.png");
}
#top-bar ul li ul li:nth-child(odd) a:hover:before, #account-options li:nth-child(odd) a:hover:before, #top-bar ul li ul li:nth-child(odd) a:hover:after, #account-options li:nth-child(odd) a:hover:after, #top-bar ul li ul li:nth-child(even) a:hover:before, #account-options li:nth-child(even) a:hover:before, #top-bar ul li ul li:nth-child(even) a:hover:after, #account-options li:nth-child(even) a:hover:after, #top-bar ul li ul li:nth-child(3n) a:hover:before, #account-options li:nth-child(3n) a:hover:before, #top-bar ul li ul li:nth-child(3n) a:hover:after, #account-options li:nth-child(3n) a:hover:after {
filter: invert(1);
}
#side-bar {
background-color: rgba(0, 0, 0, 0.3);
}
#side-bar img {
filter: grayscale(1);
transition: 200ms;
}
#side-bar img:hover {
filter: grayscale(0);
}
#side-bar .heading, #interwiki .heading {
margin: 0.6rem 0 0.5rem;
padding: 0;
color: var(--cream);
height: 1rem;
display: flex;
justify-content: space-around;
align-items: center;
border-bottom: solid 2px var(--cream);
font-family: var(--tetofont);
text-transform: lowercase;
}
#side-bar .menu-item {
display: flex;
}
#side-bar .menu-item a {
flex-grow: 1;
text-align: center;
}
#side-bar .side-block.media, #side-bar .side-block.resources, #side-bar .side-block {
border-radius: 0;
background-color: var(--coal);
box-shadow: none;
border: solid 2px var(--cream);
}
h1, h2, h3, h4, h5 {
font-family: var(--exofont);
color: var(--creamy);
}
h3, h4, h5 {
margin-bottom:-15px;
}
a, a.newpage, a:visited, #interwiki a, #side-bar a {
color: #6c3baa;
transition: 200ms;
}
a:hover, a:visited:hover, #interwiki a:hover, #side-bar a:hover {
color: #B595D5;
}
#page-title {
color: var(--coal);
font-size: clamp(2.5rem, 1.842rem + 3.509vw, 5rem);
font-family: var(--exofont);
text-align: center;
border-color: transparent;
line-height: 0.8;
margin-top: 1em;
}
.page-rate-widget-box {
border-radius: 0;
box-shadow: 5px 5px var(--coal);
text-transform: capitalize;
}
#page-info, .page-watch-options, .page-options-bottom {
text-align: center;
}
.page-options-bottom {
margin: 0;
}
.page-options-bottom a, .owindow .button-bar a {
background-color: var(--coal);
color: var(--cream);
text-decoration: none;
border:solid 1px var(--coal);
line-height: 1.1;
font-family: var(--tetofont);
text-transform: lowercase;
font-weight:bold;
transition: 200ms;
}
.page-options-bottom a:hover, .owindow .button-bar a:hover {
background: var(--cream);
color: var(--coal);
}
#lock-info {
color: var(--coal);
}
#footer {
background-color: var(--coal);
}
#license-area {
font-size: 0.77em;
color: white;
margin-bottom: 16px;
}
#license-area a {
color: var(--coal);
font-weight: 700;
}
#content-wrap{
margin:0;
max-width:100%;
width:100%;
}
#main-content{
max-width:100%;
width:100%;
}
.chessbanner {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);
background-size:100% 100%, 60px 60px, 60px 60px;
min-height: 200px;
padding: 2em;
}
.leftslant{
clip-path:polygon(0 30%, 100% 0%, 100% 70%, 0% 100%);
}
.rightslant{
clip-path: polygon(0 0, 100% 30%, 100% 100%, 0 70%);
}
.pseudomain{
max-width:732px;
margin:auto;
padding:10px;
}
.randMod {
padding-block-end: .001rem;
}
.randMod div[id] { display: none; }
div:is(.A, .B, .C, .D, .E, .F, .G) {
display: none;
}
.randMod div:is([id$='0']) ~ div.A {
display: block !important;
}
.randMod div:is([id$='1']) ~ div.B, .randMod div:is([id$='2']) ~ div.B {
display: block !important;
}
.randMod div:is([id$='3']) ~ div.C {
display: block !important;
}
.randMod div:is([id$='4']) ~ div.D {
display: block !important;
}
.randMod div:is([id$='5']) ~ div.E, .randMod div:is([id$='6']) ~ div.E{
display: block !important;
}
.randMod div:is([id$='7']) ~ div.F,.randMod div:is([id$='8']) ~ div.F {
display: block !important;
}
.randMod div:is([id$='9']) ~ div.G {
display: block !important;
}
.storybook {
font-family:Philosopher;
background-image: url( https://scp-sandbox-3.wdfiles.com/local--files/black-queen-hub-revamp/8166%20paper-BW.png);
padding:15px;
font-size: 105%;
border: 2px solid #000000;
}
.collapsible-block-folded a,
.collapsible-block-unfolded-link a:not(.info-container):not(.info-container div.collapsible-block-unfolded-link):not(.info-container div.collapsible-block-folded-link):not(.info-container div.collapsible-block-unfolded):not(.info-container div.collapsible-block-folded):not(.info-container .collapsible-block-folded .collapsible-block-link):not(.info-container .collapsible-block-link) {
transition:
color 0.25s linear,
text-decoration 0.5s linear;
}
.collapsible-block-folded a {
background-color: transparent;
color: #6c3baa;
text-decoration: none;
}
#main-content .page-tags {
margin-left: 26.2%;
}
#page-content .collapsible-block-unfolded-link a {
background-color: transparent;
color: #6c3baa;
}
#page-content .collapsible-block-folded a:hover{
background-color: transparent;
color: #B595D5;
text-decoration: underline;
}
#page-content .collapsible-block-unfolded-link a:hover {
background-color: transparent;
color: #B595D5;
}
div.newspaper-border {
border: 2px solid black;
}
div.newspaper-main {
font-family: 'Special Elite', sans-serif;
}
div.newspaper-title {
font-family: 'Playfair Display SC', serif;
font-size: 4em;
text-align: center;
margin: 0.25em;
}
div.newspaper-banner {
font-family: serif;
font-size: 110%;
border-top-style: solid;
border-bottom-style: solid;
}
div.newspaper-headline {
font-family: 'Anton', serif;
margin: 2px 0 5px;
text-align: center;
}
div.newspaper-reporter {
font-family: serif;
font-size: 120%;
font-style: italic;
text-align: center;
}
div.newspaper-body {
font-family: serif;
font-size: 1.2em;
text-align: justify;
text-justify: inter-word;
line-height: 1.4em;
padding: 1em;
}
div.newspaper-body div.scp-image-block {
margin: 0.5em 0 0 1em;
}
div.rejection {
border: 4px solid #ff4040;
border-radius: 30px;
font-weight: bold;
color: #ff4040;
text-align: center;
margin: 0.5em;
}
div.rejection-wrap {
transform: rotate(-3.8deg);
width: 35vw;
margin-bottom: 1em;
margin-left: 3em;
}
@media only screen and (max-width: 768px) {
div.rejection-wrap {
min-width: 60vw;
width: 70vw;
margin-left: -3em;
}
}
div.appeal {
margin-top: 5em;
}
blockquote .inner,
div.blockquote .inner {
border: .0625rem dashed rgba(var(--swatch-border-color), .95);
box-shadow: none;
}
.yui-navset.yui-navset-top .yui-nav :is(li, .selected){
width:calc(100%/3);
}
.footnotes-footer {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}
max-width:732px;margin-left:auto;margin-right:auto;
border: 1px solid black;
max-width:732px;margin-left:auto;margin-right:auto;
border: 1px solid black;
margin: auto;
fragment:black-queen-hub-2
fragment:black-queen-hub-0
fragment:black-queen-hub-1
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
:scp-wiki:component:sigma-plus
[info]
:scp-wiki:component:toggle-sidebar
[info]
pseudomain
randMod
special-col
chessbanner
pseudomain
chessbanner
pseudomain
pseudomain