SCP Foundation

/*FoxtrotSigma-9Theme[2022WikidotTheme]ByLiryn*/
 
/*FONTS*/
 
@importurl('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
 
@importurl('https://fonts.googleapis.com/css2?family=Lexend:wght@700;800&display=swap');
 
@importurl('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@importurl('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
@importurl('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@importurl('https://rsms.me/inter/inter.css');
 
@importurl('https://fonts.googleapis.com/css2?family=Figtree:wght@800;900&display=swap');
 
@importurl('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
 
/*VARIABLES*/
 
:root{
 
 /*VARIABLES > Core*/
 
 --header-title: "SCP Foundation";
 --header-subtitle: "SECURE, CONTAIN, PROTECT";
 --logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_lightmode.svg);
 --darkmode-logo-img: url(https://scp-wiki.wikidot.com/local--files/theme:foxtrot/fxtrt-scp_logo_darkmode.svg);
 --logo-opacity:14%;
 
 --head-font: 'Sans Normalcy';
 --ui-font: 'IBM Plex Sans';
 --mono-font: 'JetBrains Mono', 'Fira Code', monospace;
 --page-font: 'Inter', 'verdana';
 --base-font-size:0.9rem;
 --page-font-size:1rem;
 
 /*VARIABLES > Misc*/
 
 --header-txt-color:#333333;
 --subheader-txt-color: rgb(var(--accent));
 --misc-txt-color:#464646;
 --link-txt-color:#E6283C;
 --link-hover-txt-color:white;
 
 /*VARIABLES > ColorAccents*/
 
 --accent: var(--acc-default);
 
 --acc-default:59, 59, 59;
 --acc-wyoming:142, 0, 18;
 --acc-canada: var(--acc-default);
 --acc-poland:87, 44, 17;
 --acc-slothspit:27, 60, 133;
 --acc-vanguard:0, 153, 75;
 --acc-threshold:121, 113, 130;
 --acc-overwatch:28, 37, 56;
 --acc-spc:0, 165, 200;
 --acc-fishing:67, 111, 145;
 --acc-nightfall:151, 0, 2;
 --acc-hybrasil:27, 60, 133;
 --acc-goc:39, 84, 149;
 --acc-spooky:252, 112, 40;
 
 /*VARIABLES > BetterFootnotes*/
 
 --fnColor: var(--link-txt-color);
 --fnLinger:1s;
 
}
 
/*VARIABLES > InfoBar*/
 
.info-container{
 --barColour: rgb(var(--accent));
 --linkColour:#EDEDED;
}
 
/*MAIN*/
 
html{scroll-behavior: smooth;
 overflow-x:hidden;
}body{font-family: var(--ui-font), sans-serif;
 font-size: var(--base-font-size);
 color: rgb(51, 51, 51);
 background-image: linear-gradient(to bottom, #e0e0e0, #fff200px);
 text-rendering: optimizeLegibility;
 overflow-wrap:break-word;
}div#container-wrap{background:none;
}#content-wrap{margin:2emauto0;
}#page-content{font-family: var(--page-font), var(--ui-font), sans-serif;
 font-size: var(--page-font-size);
 font-weight:440;
}#page-contentstrong{font-weight:700;
}tt,
.page-source,
pre,
#edit-page-textarea{font-family: var(--mono-font);
}olli{margin:001em;
}ul{margin:1em0;
}li,
p{line-height:1.5;
 text-underline-offset:40%;
}
 
::selection{background: rgb(var(--accent));
 color:#fff;
}
 
/*Clickylinks*/
a,
a.newpage,
a:visited,
#side-bara:visited{color: var(--link-txt-color);
}a:hover,
a.newpage:hover,
a:visited:hover,
#side-bara:visited:hover{color: var(--link-hover-txt-color);
 text-decoration:none;
 background-color: var(--link-txt-color);
}a{transition-duration:0.1s;
}
 
/*patchforsidebarmedia, collapsibles, ACS, infobuttonandayersmodulesolinkdoesn'toverride*/
#page-content.collapsible-block-foldeda:hover,
#page-content.collapsible-block-unfolded-linka:hover,
#page-content.rate-box-with-credit-button.fa-info:hover,
#side-bar.side-block.mediaa:hover,
.danger-diamonda:hover{background:transparent;
}.info-container.collapsible-block-folded.collapsible-block-link,
.info-container.collapsible-block-link{background: var(--linkColour) !important;
}
 
/*MAIN > Header*/
 
div#header{background:none;
 height:160px;
}#headerh1span,
#headerh2span{font-size:0;
 display:none;
}#headerh1a::before,
#headerh2::before{color: var(--header-txt-color);
 letter-spacing:1px;
 font-family: var(--head-font), sans-serif !important;
 font-weight:900;
 text-shadow:none;
}#headerh1{margin-top: -0.3rem;
}#headerh1a{width: fit-content;
 margin:auto;
}#headerh1a::before{content: var(--header-title);
 font-size:1.3em;
}#headerh2::before{content: var(--header-subtitle);
 font-family: var(--ui-font) !important;
 font-weight:700;
 font-size:1.4em;
 color: var(--misc-txt-color);
 line-height:26px;
 margin-top:0.35rem;
 display:block;
 text-transform:uppercase;
}#headerh1,
#headerh2{margin-left:0;
 float:none;
 text-align:center;
}#headerh1span,
#headerh2span{font-size:0;
 display:none;
}div#extra-div-1{height:160px;
 width:100%;
 top:7px;
 position:absolute;
 background: var(--logo-img) 10px30pxno-repeat;
 background-size:130px;
 background-repeat:no-repeat;
 background-position:50%50%;
 z-index: -1;
 opacity: var(--logo-opacity);
}
 
/*MAIN > Header > SearchBox*/
 
#search-top-box-form>input[type=text]{display:none;
}#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-forminput[type=submit],
#search-top-box-forminput[type=submit]:hover,
#search-top-box-forminput[type=submit]:focus{border:none;
 background: rgb(var(--accent));
 box-shadow:none;
 border-radius:5px !important;
 color:#efefef;
 font-family: var(--ui-font);
 font-size: calc(var(--page-font-size) - 10%);
}#search-top-boxinput.empty{color:#999999;
}#search-top-box{position:absolute;
 top:47px;
 width: unset;
}
 
/*MAIN > Header > TopBar*/
 
#top-bar,
#top-bara{top:10rem;
}#header#top-barul{border-radius:10px;
 border:none;
 background: rgb(var(--accent));
 padding-left:15px;
 padding-right:15px;
}#header#top-bara{color:white;
 background: rgb(var(--accent));
 font-weight:bold;
}#header#top-barulliul{padding:0px;
 border-radius:0px;
}#top-barulli.sfhovera,
#top-barulli:hovera{border-left:solid1px#FFF;
 border-right:solid1px#FFF;
}#top-barulliullia:hover{color: rgba(255, 255, 255, 0.83) !important;
 line-height:230%;
 text-indent:3px;
}#top-bar{display: flex;
 justify-content:center;
 right:0;
}.mobile-top-bar{left: unset;
}
 
/*MAIN > Header > LoginInfo*/
 
#login-status{top:19px;
}#login-status,
#login-statusa{color:#333333;
}@media (max-width: 767px) {#header.printuser{font-size:0;
 }}.printusera{margin:0;
}.printuserimg.small{width:18px;
 height:18px;
 padding:1px4px00;
 
 background-image:none !important;
}@media (max-width: 767px) {#header.printuserimg.small{transform: translate(0, 4px);
 }}#my-account{display:none;
}@media (max-width: 767px) {#account-topbutton{margin:0005px;
 }}
 
/*MAIN > Header > SideBar*/
 
#top-bar.open-menua{border-radius:0px;
 border:none;
 background: rgb(var(--accent));
 color:white;
}#side-bar{background:#FFF;
}@media (min-width: 768px) {#side-bar{padding:0.3em0.6em00.6em;
 width:18.75em;
 transition:left0.2s ease-in-out;
 direction:rtl;
 text-align:left;
 border-right:none;
 }}#side-bar.side-block,
#side-bar.side-block.resources,
#side-bar.side-block.media,
#interwiki.side-block{border:2pxsolid rgba(0, 0, 0, 0.2);
 border-radius:0px;
 box-shadow:none;
 margin-bottom:6px;
 direction:ltr;
 background:transparent;
}#side-bar.side-block.resources{text-align:center;
}#side-bar.heading{color: var(--misc-txt-color);
 border-bottom:solid2px#cfcfcf;
 font-size:9pt;
 font-family: var(--head-font);
 font-weight:800;
 text-transform:uppercase;
}
 
/*CONTENT*/
 
/*CONTENT > Blockquotes, CustomDivs*/
 
.blockquote,
div.blockquote,
blockquote{border:solid2px rgba(0, 0, 0, 0.15);
 background:#f7f7f7;
}.jotting{padding:1.3em;
 margin:1em4.5em;
 border:dashed2px rgba(0, 0, 0, 0.2);
 background:#f7f7f7;
}.notation{padding:1em1.5em;
 margin:1em3em;
 border-left:solid3px rgba(0, 0, 0, 0.35);
 border-right:solid3px rgba(0, 0, 0, 0.35);
 background:#f7f7f7;
}.modal{padding:1.2em;
 margin:1em3em;
 border:solid5px rgba(0, 0, 0, 0.15);
 background:#fbfbfb;
}.quote{padding:0.4em2em;
 margin:3emauto;
 border-left:solid3px#bbb;
 max-width:500px !important;
}.paper{padding:1.5em;
 margin:2em;
 background:#FFF;
 box-shadow:0px4px9px rgba(0, 0, 0, 0.2);
}.box{padding:1px9px;
 border:solid3px#bbb;
 margin:0.5em1em;
}div.note{font-size: unset;
 border:2pxsolid#afafaf;
 background-color:#fff;
}.round{border-radius:10px;
}
 
/*CONTENT > Headings, Titles*/
 
#page-title,
.meta-title{font-family: var(--ui-font), sans-serif;
 font-weight:800;
 color:#3b3b3b;
 border-bottom:solid2px rgba(0, 0, 0, 0.2);
 width: fit-content;
 margin:0auto1.5rem;
}#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs{text-align:center;
}h1,
h2,
h3,
h4,
h5,
h6{font-family: var(--head-font), sans-serif;
 font-weight:800;
 color:#3b3b3b;
}h1,
h2{font-weight:800;
}.footnotes-footer.title{font-family: var(--head-font), sans-serif;
 color:#3b3b3b;
 font-weight:800;
}
 
/*CONTENT > RateModule*/
 
#page-content.creditRate{margin: unset;
 font-family: var(--ui-font);
 float: unset !important;
}#page-content.rate-box-with-credit-button{background-color:#fff;
 border:solid1px#bbb;
 box-shadow:none;
 border-radius:0;
}#page-content.rate-box-with-credit-button.fa-info{border:none;
 color:#333;
}#page-content.rate-box-with-credit-button.fa-info:hover{background:#333;
 color:#fff;
}.rate-box-with-credit-button.cancel{border:solid1px#fff;
}.page-rate-widget-box{box-shadow:none;
 border:solid1px#bbb;
 margin: unset;
 margin-bottom:4px;
 border-radius:0;
 font-family: var(--ui-font);
}.page-rate-widget-box.rate-points{background-color:#fff !important;
 color:#333 !important;
 border:none !important;
 border-radius:0;
}.page-rate-widget-box.rateup,
.page-rate-widget-box.ratedown{background-color:#fff;
 border-top:none;
 border-bottom:none;
}.page-rate-widget-box.rateupa,
.page-rate-widget-box.ratedowna{background:transparent;
 color:#333;
}.page-rate-widget-box.rateupa:hover,
.page-rate-widget-box.ratedowna:hover{background:#333;
 color:#fff;
}.page-rate-widget-box.cancel{background:#fff;
 border:none;
 border-radius:0;
 display:inline-block;
}.page-rate-widget-box.cancela{color:#333;
}.page-rate-widget-box.cancela:hover{background:#333;
 color:#fff;
 border-radius:0;
}#page-content.rate-box-with-credit-button.page-rate-widget-box{border:none;
}
 
/*CONTENT > RateModule > AuthorLabel*/
 
.authorlink-wrapper{
 --author-top-adjust:0;
 --author-bottom-adjust:0;
 --author-right-adjust:0;
 font-family: var(--ui-font);
 font-size: var(--base-font-size);
}
 
/*CONTENT > SideBox*/
 
.anchor{position: sticky;
 height:0;
 top:0;
}.sidebox{padding:.14rem;
 margin-top:0;
 margin-bottom:8px;
 width: calc((100vw - 870px)/2);
 max-height: calc(100vh - 18rem);
 position:absolute;
 top:0;
 left:103.5%;
 z-index:5;
 overflow:auto;
 box-sizing: border-box;
}@media (max-width: 1290px) {.sidebox{display:none;
 visibility:hidden;
 }}
 
/*CONTENT > ImageBlock*/
 
.scp-image-block.scp-image-caption{background-color:#f4f4f4;
 color:#3b3b3b;
 border:solid2px rgba(0, 0, 0, 0.1);
 margin-top:10px;
 box-sizing: border-box;
 border-radius:5px;
}.scp-image-block{border:none;
 box-shadow:none;
}.scp-image-blockimg{border:solid2px rgba(0, 0, 0, 0.1);
 box-sizing: border-box;
}.imagediv{float:right;
 margin:15px}@media (max-width: 540px) {.imagediv{float: unset;
 text-align:center;
 margin:1.3rem auto1.3rem auto;
 }}@mediaonlyscreenand (max-width: 600px) {.scp-image-block.block-right{float:none;
 margin:10pxauto;
 }}
 
/*CONTENT > TablesBase*/
 
#page-contenttrth{padding:6px;
 border:2pxsolid rgba(0, 0, 0, 0.2);
}#page-contenttrtd{padding:12px;
 border:2pxsolid#bfbfbf;
 line-height:1.4;
}#page-content.sideboxtrtd,
#page-content.sideboxtrth{padding:0.35em;
}
 
/*CONTENT > TablesCustomization (TableColoringSystem) */
 
/*CONTENT > TablesCustomization (TableColoringSystem) > TableHeadings, ImageCaptions*/
 
#page-content.table1trth,
#page-content.table1.scp-image-block.scp-image-caption{background-color:#E0FFD4;
}#page-content.table2trth,
#page-content.table2.scp-image-block.scp-image-caption{background-color:#D8ECF4;
}#page-content.table3trth,
#page-content.table3.scp-image-block.scp-image-caption{background-color:#FDF6D7;
}#page-content.table4trth,
#page-content.table4.scp-image-block.scp-image-caption{background-color:#FFDFCD;
}#page-content.table5trth,
#page-content.table5.scp-image-block.scp-image-caption{background-color:#FFCFCF;
}#page-content.table6trth,
#page-content.table6.scp-image-block.scp-image-caption{background-color: rgba(146, 0, 255, 0.2);
}.tableb.wiki-content-table{border-collapse:separate;
 border-spacing:2px;
}
 
/*CONTENT > TablesCustomization (TableColoringSystem) > OtherColoredDivs*/
 
.table1.blockquote,
.table1div.blockquote,
.table1blockquote,
.table1.jotting,
.table1.notation,
.table1.modal,
.table1.paper,
.blockquote.table1,
div.blockquote.table1,
.jotting.table1,
.notation.table1,
.modal.table1,
.paper.table1{background: rgb(224, 255, 212);
}.table2.blockquote,
.table2div.blockquote,
.table2blockquote,
.table2.jotting,
.table2.notation,
.table2.modal,
.table2.paper,
.blockquote.table2,
div.blockquote.table2,
.jotting.table2,
.notation.table2,
.modal.table2,
.paper.table2{background: rgb(226, 244, 255);
}.table3.blockquote,
.table3div.blockquote,
.table3blockquote,
.table3.jotting,
.table3.notation,
.table3.modal,
.table3.paper,
.blockquote.table3,
div.blockquote.table3,
.jotting.table3,
.notation.table3,
.modal.table3,
.paper.table3{background: rgb(255, 245, 189);
}.table4.blockquote,
.table4div.blockquote,
.table4blockquote,
.table4.jotting,
.table4.notation,
.table4.modal,
.table4.paper,
.blockquote.table4,
div.blockquote.table4,
.jotting.table4,
.notation.table4,
.modal.table4,
.paper.table4{background: rgb(255, 223, 205);
}.table5.blockquote,
.table5div.blockquote,
.table5blockquote,
.table5.jotting,
.table5.notation,
.table5.modal,
.table5.paper,
.blockquote.table5,
div.blockquote.table5,
.jotting.table5,
.notation.table5,
.modal.table5,
.paper.table5{background: rgb(255, 207, 207);
}.table6.blockquote,
.table6div.blockquote,
.table6blockquote,
.table6.jotting,
.table6.notation,
.table6.modal,
.table6.paper,
.blockquote.table6,
div.blockquote.table6,
.jotting.table6,
.notation.table6,
.modal.table6,
.paper.table6{background: rgb(255, 218, 255);
}
 
/*CONTENT > TabsBase*/
 
.yui-navset.yui-nava,
.yui-navset.yui-navset-top.yui-nava{background-color:inherit;
 background-image:inherit}.yui-navset.yui-nava:hover,
.yui-navset.yui-nava:focus{background:inherit;
 text-decoration:inherit}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selecteda:focus,
.yui-navset.yui-nav.selecteda:hover{color:inherit;
 background:inherit}.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{border-color:inherit}.yui-navsetli{line-height:inherit}
 
/*CONTENT > TabsCustomization*/
 
.yui-navset.yui-nav,
.yui-navset.yui-navset-top.yui-nav{display: flex;
 flex-wrap: wrap;
 width: calc(100% - .125rem);
 margin:0auto;
 border-color:#333333;
 box-shadow:none;
}.yui-navset.yui-nava,
/* ---- LinkModifier ---- */
.yui-navset.yui-navset-top.yui-nava{color:#333333;
 /* ---- TabBackgroundColour | [UNSELECTED] ---- */
 background-color:#efefef;
 border: unset;
 box-shadow:none;
 box-shadow:none;
}.yui-navset.yui-nava:hover,
.yui-navset.yui-nava:focus{color:#ffffff;
 /* ---- TabBackgroundColour | [HOVER] ---- */
 background-color:#333333;
}.yui-navset.yui-navli,
/* ---- ListitemModifier ---- */
.yui-navset.yui-navset-top.yui-navli{position:relative;
 display: flex;
 flex-grow:2;
 max-width:100%;
 margin:0;
 padding:0;
 color:#ffffff;
 background-color:#ffffff;
 border-color:transparent;
 box-shadow:none;
}.yui-navset.yui-navlia,
.yui-navset-top.yui-navlia,
.yui-navset-bottom.yui-navlia{display: flex;
 align-items:center;
 justify-content:center;
 width:100%;
}.yui-navset.yui-navliem{border: unset;
}.yui-navset.yui-navaem,
.yui-navset.yui-navset-top.yui-navaem{padding:.35em.75em;
 
 text-overflow: ellipsis;
 overflow:hidden;
 white-space:nowrap;
}.yui-navset.yui-nav.selected,
/* ---- SelectionModifier ---- */
.yui-navset.yui-navset-top.yui-nav.selected{flex-grow:2;
 margin:0;
 padding:0;
 /* ---- TabBackgroundColour | [SELECTED] ---- */
 background-color:#333333;
}.yui-navset.yui-nav.selecteda,
.yui-navset.yui-nav.selectedaem{border:none;
}.yui-navset.yui-nav.selecteda{width:100%;
 color:#ffffff;
}.yui-navset.yui-nav.selecteda:focus,
.yui-navset.yui-nav.selecteda:active{color:#ffffff;
 background-color:#333333;
}.yui-navset.yui-content{background-color:#ffffff;
 box-shadow:none;
}.yui-navset.yui-content,
.yui-navset.yui-navset-top.yui-content{padding:.5em;
 border:1pxsolid#333;
 box-sizing: border-box;
}
 
/*CONTENT > WORDSNOBROKEY. CROQHASSPOKEY. andotherthings*/
 
span,
a{word-break:normal !important
}.avatar-hover{display:none !important;
}#main-content.page-tagsspan{max-width:100%;
}
 
/*CONTENT > DustjacketAssets*/
 
.fancyhrhr{border-top:2vw solidtransparent;
 background-color: rgba(var(--bright-accent), 0);
 height:0;
 box-sizing: border-box;
 border-image-source: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_hr.png');
 border-image-repeat: round round;
 background:none;
 border-image-slice:8050080500 fill;
 border-image-width:10em80em10em80em;
}.fancyborder{box-sizing: border-box;
 border:2vw solid rgba(0, 0, 0, 0.5);
 border-image: url('https://wanderers-library.wikidot.com/local--files/component:dustjacket-theme/wl_border.png') 600 round;
 border-image-width:6;
 padding:2vw;
}
 
/*CONTENT > Collapsibles*/
 
#page-contenta.collapsible-block-link:hover{text-decoration:underline;
 color: var(--link-txt-color);
}#page-contenta.collapsible-block-link:not(.licenseboxa.collapsible-block-link, .info-containera.collapsible-block-link, .default-cola.collapsible-block-link) {text-decoration:none;
 font-weight:bold;
 color:white;
 padding-top:4px;
 padding-bottom:4px;
 padding-left:7px;
 padding-right:9px;
 background: rgb(var(--accent));
 border-radius:6px;
 margin-top:5px;
 font-family: var(--ui-font);
 font-size: var(--base-font-size);
 box-shadow:inset0px0px0px2px rgba(0, 0, 0, 0.4);
 transition-duration:0.4s;
 display:inline-block;
 
}#page-contenta.collapsible-block-link:not(.licenseboxa.collapsible-block-link, .info-containera.collapsible-block-link, .default-cola.collapsible-block-link):hover{background: rgba(var(--accent), 0.7);
 box-shadow:none;
}
 
/*CONTENT > ACSAdjustments*/
 
.top-left-box>.item{display:none;
}.anom-bar-container{margin-top:1.1rem;
}.anom-bar-container,
.anom-bar-container*{font-family: var(--ui-font), Inter, sans-serif !important;
}.acs-extra-1,
.acs-extra-2,
.acs-extra-3,
.acs-extra-4{font-family: var(--ui-font), Inter, sans-serif !important;
}.anom-bar > .top-box{text-transform:none;
}
 
/*CONTENT > WoedBarAdjustments*/
 
div.scalediv.item1>div{color:#333;
 font-family: var(--head-font);
 font-size:1.4em;
 text-transform:uppercase;
 letter-spacing:2px;
 line-height: unset;
}div.scalediv.class1>div{color:#333;
 font-family: var(--head-font);
 font-size:2em;
 line-height:0.9em;
 letter-spacing:2px;
}div.scale{
 --woedbar-class-bar-color:#333 !important;
}div.scalediv.obj{height:1.7em;
}div.scalediv.obj>div{font-size:1.55em;
}
 
/*MISC*/
 
#page-contenthr{height:2px;
}.bt{color: rgb(var(--accent));
 font-weight:bold;
}#footer{background:transparent;
 color:#444;
 margin-top:45px;
}#footera{color:#7b7b7b;
}.footer-wikiwalk-nav{font-weight:700;
 font-size:88%;
 word-spacing:5px;
}#page-info-break{height:10px;
}#page-options-container{border-top:solid1px rgba(213, 213, 213, 0.5);
 padding-top:1rem;
}.page-watch-options{padding-bottom:0.6rem;
 font-size:77%;
}.page-options-bottom{display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-content:center;
 justify-content:center;
}.page-options-bottoma{margin:3px;
 color:#FFF;
 background: rgb(var(--accent));
 padding:5px13px5px13px;
 text-decoration:none;
 font-size:90%;
 border-bottom-left-radius:4px;
 border-bottom-right-radius:4px;
}.page-options-bottoma:hover{background: rgba(var(--accent), 0.8);
}#page-info-break{height:6px;
}#license-area{color:#5f5f5f;
 background:#ecf2f1;
 border-top:solid2px#d9d9d9;
 margin-top:10px;
}#license-areaa::after{content: ".";
}@media (min-width: 768px) {#main-content.page-tags{padding-right:16rem;
 }}#main-contentdiv.page-tags::before{content: "tags ";
 color: var(--misc-txt-color);
 font-family: var(--head-font);
 font-weight:800;
 font-size: var(--page-font-size);
}#main-content.page-tagsa{display:inline-block;
 height:.8125rem;
 margin:00.5rem .75rem;
 padding:.1875rem .3125rem .1875rem 0;
 color:#FFF;
 background-color: rgb(var(--accent));
 border-bottom-right-radius:.25rem;
 border-top-right-radius:.25rem;
 line-height:13px;
 line-height:.8125rem;
 font-size: calc(var(--page-font-size) - 10%);
 font-weight:bold;
}#main-content.page-tagsa::before{width:0;
 height:0;
 top: -.1875rem;
 left: -.625rem;
 padding:0.0625rem .1875rem;
 border-color:transparent rgb(var(--accent)) transparenttransparent;
 border-style:solid;
 border-width:.5rem .5rem .5rem 0;
}#main-content.page-tagsa::before,
#main-content.page-tagsa::after{content: "";
 position:relative;
 float:left;
}#main-content.page-tagsa::after{width:.25rem;
 height:.25rem;
 top:.2813rem;
 left: -.5rem;
 background-color:#FFF;
 border-radius:.125rem;
}#main-content.page-tagsspan{max-width:100%;
 border-top:.5rem solidtransparent;
}#page-tags-input{font-weight:bold;
 word-spacing:8px;
}#edit-page-forminput.text{font-family: var(--head-font), sans-serif;
 font-weight:800;
 font-size:150% !important;
 padding:4px;
}#edit-page-form>table.form>tbody>tr>td:nth-child(1) {font-weight:bold;
}.edit-help-34{font-size:85%;
 opacity:60%;
 transition-duration:0.3s;
 width: fit-content;
}.edit-help-34:hover{opacity:100%;
}.edit-help-34a{margin-right:3px;
 margin-left:10px;
}table.edit-page-bottomtable{width:100%;
}#edit-page-comments{height:86px;
}#lock-info{background-color:transparent;
 margin:0.8em;
 line-height:1.7;
 font-size:86%;
 border:none;
}#lock-info::before{content: "!";
 padding-right:12px;
 font-weight:bold;
 font-size:110%;
 opacity:60%;
}#lock-timer{font-size:115%;
 margin:05px;
}#lock-timer::before{content: "⏲ ";
 opacity:80%;
}textarea,
#edit-page-forminput.text{outline:none;
 border:1pxsolid#ccc;
 transition-duration:0.3s;
 transition-property: box-shadow;
}textarea:focus-visible,
#edit-page-forminput.text:focus-visible{box-shadow:0px0px0px1px#a3a3a3;
 border:1pxsolid#a3a3a3;
}#action-area>p{font-size:85%;
 color: darkslategrey;
}#action-area>p:nth-child(5)>a{display:block;
 text-align:center;
 font-size:120%;
 font-weight:bold;
}#who-rated-page-area>div{column-count:4;
}@media (max-width: 900px) {#who-rated-page-area>div{column-count:3;
 }}@media (max-width: 700px) {#who-rated-page-area>div{column-count:2;
 }}@media (max-width: 540px) {#who-rated-page-area>div{column-count:1;
 }}#page-content.content-warning.creditRate{padding-top:8px;
 padding-right:21px;
}.preview-message{right:0em;
 top:2em;
 border: unset;
 padding:1em1.5em;
 background-color: rgba(0, 0, 0, 0.9);
 max-width:29em;
 opacity:1;
 z-index:100;
 line-height:1.7;
 filter: drop-shadow(0px0px4px rgba(0, 0, 0, 0.2));
 color:#EDEDED;
}.error-block{background-color: rgba(255, 0, 48, 0.1);
 text-align:center;
 border:none;
 border-top:solid3px#B00;
 border-top-left-radius:6px;
 border-top-right-radius:6px;
}table.page-historytbodytr:nth-child(2n) {background: rgba(var(--accent), 0.05);
}.owindow{animation: fade 0.5s;
}@keyframesfade{
 0% {opacity:0;
 }
 
 100% {opacity:1;
 }}.owindow.button-bara{border:solid2px rgba(0, 0, 0, 0.1);
 margin:11px;
 padding:0.5em2em;
 border-radius:4px;
}.owindow.button-bara:hover{background-color: var(--link-txt-color);
 color: var(--link-hover-txt-color);
 border-radius:0px;
}.owindow.button-bar{padding:1.2em1em1.2em;
}.owindow.table{margin-bottom:1.5rem;
}.owindow.title{cursor:default;
 font-family: var(--head-font);
 font-weight:800;
 font-size:155%;
 text-align:center;
 padding:0.5em1em;
 border-bottom:solid2px rgba(187, 187, 187, 0.4);
 background-color:#F7F7F7;
}.owindow.owait.content{padding:0.5em0.5em2em;
 background-image:none;
}.owindow.owait.content::after{content: " ";
 display:block;
 width:1.5rem;
 height:1.5rem;
 margin: -0.9rem auto;
 margin-top:1rem;
 animation: loading 1.2s linear infinite;
 border-top:0.4rem solid grey;
 border-right:0.4rem solidtransparent;
 border-bottom:0.4rem solid grey;
 border-left:0.4rem solidtransparent;
 border-radius:50%;
}@keyframesloading{
 0% {transform: rotate(0deg);
 }
 
 100% {transform: rotate(360deg);
 }}.owindow.osuccess{padding:0.5em;
}.owindowdiv.content:nth-child(2)>img:nth-child(1) {margin-right:1.2rem;
 margin-top:1rem;
}.odialog-shader{background-color:#262a39;
}.btn{transition-duration:0.15s;
}.btn:not(#main-content.btn, #search-top-box-forminput[type="submit"]),
.btn.btn-primary,
div.buttonsinput,
input.button:not(#search-top-box-forminput[type="submit"]) {padding:0.5em;
 margin:11px;
 border-radius:3px;
 font-family: var(--ui-font);
 cursor:pointer;
}#edit-cancel-button,
#edit-diff-button,
#edit-preview-button,
#edit-save-draft-button,
#edit-save-continue-button,
#edit-save-button{background:#fff;
 border:solid1px#ccc;
 cursor:pointer;
 font-family: var(--ui-font);
 color:#333;
 padding:0.5rem 14px;
 margin:1px;
 font-size:90%;
 border-radius:3px;
}#edit-cancel-button:hover,
#edit-diff-button:hover,
#edit-preview-button:hover,
#edit-save-draft-button:hover,
#edit-save-continue-button:hover,
#edit-save-button:hover{background-color:#eaeaea;
}#edit-save-continue-button,
#edit-save-button{background:#dbffd6;
 transition-duration:0.3s;
 color:#005a0a;
}#edit-save-continue-button:hover,
#edit-save-button:hover{color:#fff;
 background:#0d951c;
}#edit-cancel-button{background:#ffe1e1;
 transition-duration:0.3s;
 color:#c52727;
}#edit-cancel-button:hover{color:#fff;
 background:#c5272e;
}table.page-historytbodytr{color:#757575;
}.fncon{font-size: var(--page-font-size) !important;
 line-height:1.4;
 border:2pxsolid rgba(0, 0, 0, 0.2);
}.fncon::before{font-size: var(--page-font-size) !important;
}.hovertip{border:none !important;
 box-shadow:0px0px4px rgba(0, 0, 0, 0.2);
 background:#FFF;
 padding:3px;
 max-width:400px;
}input.checkbox,
.page-historyinput,
#h-perpage{cursor:pointer;
}input,
textarea{font-family: var(--ui-font);
}#breadcrumbs,
.pseudocrumbs{font-weight:bold;
 font-size:110%;
 font-family: var(--ui-font);
}
 
/* ---- REDUCEDMOTIONACCESSIBILITY ---- */
@media (prefers-reduced-motion: reduce) {*,
 *::before,
 *::after{animation-duration:.001s !important;
 animation-iteration-count:1 !important;
 transition-duration:.001s !important;
 }}
 
/*@MEDIA*/
 
@media (max-width: 850px) {#headerh2::before {
 font-size: 1.4em;
 }
 
}
 
@media (max-width: 700px) {#headerh2::before {
 font-size: 1.2em;
 margin-top:0.3rem;
 }#top-bar,
 #top-bara{top:8.8rem;
 font-size:90%;
 }
 
}
 
@media (max-width: 620px) {#headerh2::before {
 font-size: 1em;
 margin-top:0.15rem;
 }#top-bar,
 #top-bara{top:8.3rem;
 font-size:90%;
 }div#header{height:123px;
 }
 
}
 
@media (max-width: 520px) {#headerh2::before {
 line-height: 16px;
 margin-top:0.5rem;
 }#top-bar,
 #top-bara{top:9.3rem;
 }div#header{height:145px;
 }
 
}

More works like this: PLACEHOLDER STAFF DOCUMENT