Basalt theme

[フレーム]

[フレーム]

[フレーム]

/* ____ _ _ */
/* | _ \ | | | */
/* | |_) | __ _ ___ __ _| | |_ */
/* | _ < / _` / __|/ _` | | __| */
/* | |_) | (_| \__ \ (_| | | |_ */
/* |____/ \__,_|___/\__,_|_|\__| */
/**/
/* ============================== */
/**/
/*[2021WikidotTheme]*/
/*Version 2.1.0 */
/**/
/*byLiryn, PlaceholderMcD*/
/*withthankstoEstrellaYoshte*/
/**/
/*BuiltonBedrock*/
/**/
 
/*-----------------*/
/*---- IMPORTS ----*/
/*-----------------*/
 
@importurl('https://basalt-team.github.io/Basalt/normalize-min.css');
@importurl('https://basalt-team.github.io/Basalt/basalt-bedrock-min.css');
 
@importurl('https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
:root{
 
 /*----------------------*/
 /*---- BEDROCKVARS ----*/
 /*----------------------*/
 
 --header-logo: var(--logo);
 --logo: url('https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_lightmode.svg');
 
 --header-title: var(--title);
 --header-subtitle: var(--subtitle);
 --title: "SCP Foundation";
 --subtitle: "SECURE - CONTAIN - PROTECT";
 
 --main-content-width:60rem;
 --main-content-top-margin:1.5rem;
 --base-font-size:.875rem;
 --bottom-area-padding: calc(var(--true-font-size)*2);
 --side-bar-width:17rem;
 --basalt-page-content-font-weight:440;
 
 --header-font-primary: var(--UI-font-primary);
 --UI-font-primary: 'Sofia Sans';
 
 --basalt-overtone:10, 10, 11;
 --basalt-undertone: var(--basalt-bright-element-color);
 --basalt-UI-dark-palette:50, 50, 51;
 --basalt-bright-element-color:150, 24, 43;
 --basalt-dark-element-color:105, 17, 30;
 --basalt-alternate-color:221, 119, 17;
 --basalt-primary-color:252, 252, 252;
 --basalt-secondary-color:240, 240, 244;
 --basalt-tertiary-color:229, 229, 238;
 --basalt-main-text-color:35, 35, 38;
 
 --title-border-color: var(--basalt-overtone);
 --license-area-divider-color: var(--basalt-overtone);
 --footer-divider-color: var(--basalt-overtone);
 --search-icon-color: var(--basalt-overtone);
 --hr-color: var(--general-border-color);
 --general-border-color:220, 220, 220;
 --rate-module-cancel-color: var(--basalt-alternate-color);
 --scrollbar-thumb-color: var(--basalt-dark-element-color);
 --modal-fader-background-color:0, 0, 0;
 
 --side-bar-heading-background-color:0, 0, 2, 0.07;
 --side-bar-media-background-color:none; /*Disabledbydefault*/
 --side-bar-resources-background-color:none; /*Disabledbydefault*/
 --side-bar-button-background-hover:none; /*Disabledbydefault*/
 --side-bar-heading-text-color-hover:255, 255, 255, 0.4;
 --side-bar-button-color-hover: var(--side-bar-button-color);
 
 /*---------------------*/
 /*---- BASALTVARS ----*/
 /*---------------------*/
 
 --basalt-UI-background-color: var(--basalt-secondary-color);
 --header-background-color: var(--basalt-UI-background-color);
 --side-bar-background-color: var(--basalt-UI-background-color);
 --bottom-area-background-color: var(--basalt-UI-background-color);
 --edit-area-ancillary-background-color: var(--basalt-UI-background-color);
 --edit-area-toolbar-background-color: var(--basalt-UI-background-color);
 --button-background-color: var(--basalt-UI-background-color);
 
 --basalt-UI-text-color: var(--basalt-main-text-color);
 --header-title-color: var(--basalt-UI-text-color);
 --header-subtitle-color: var(--basalt-UI-text-color);
 --top-bar-link-color: var(--basalt-UI-text-color);
 --search-icon-color: var(--basalt-UI-text-color);
 --side-bar-heading-text-color: var(--basalt-UI-text-color);
 --side-bar-link-color: var(--basalt-UI-text-color);
 --bottom-area-text-color: var(--basalt-UI-text-color);
 --edit-area-ancillary-text-color: var(--basalt-UI-text-color);
 --edit-area-toolbar-icon-color: var(--basalt-UI-text-color);
 --button-text-color: var(--basalt-UI-text-color);
 --basalt-sub-text-color: var(--basalt-UI-text-color);
 
 --ACS-font: var(--header-font);
 --basalt-th-background-color: var(--basalt-UI-dark-palette);
 --basalt-th-text-color: var(--basalt-light-text-color);
 --image-caption-text-color: var(--basalt-main-text-color);
 --authorbox-background-color: var(--basalt-primary-color);
 --floatbox-background-color: var(--basalt-secondary-color);
 --document-background-color:253, 253, 253;
 --darkdocument-background-color:30, 30, 35;
 
 --header-drop-shadow-opacity:0.1;
 --window-border-radius:8px;
 
 /*-----------------------*/
 /*---- EXTERNALVARS ----*/
 /*-----------------------*/
 
 /*InfoBar*/
 --linkColour: rgb(var(--basalt-light-text-color)) !important;
 --barColour: rgb(var(--basalt-undertone)) !important;
 --fnColor: rgb(var(--basalt-bright-element-color));
 
 /*BetterFootnotes*/
 --posX:6vw;
 --fnLinger:0.33s;
 
 /*ACS*/
 --one-color:0, 159, 107;
 --two-color:0, 135, 189;
 --three-color:255, 211, 0;
 --four-color:255, 109, 0;
 --five-color:196, 2, 51;
 --six-color:173, 77, 191;
 
}
 
/*------------------------*/
/*---- BASALTCLASSES ----*/
/*------------------------*/
 
:is(div.blockquote, blockquote) {color: rgb(var(--basalt-main-text-color));
 overflow:auto;
}:is(div.blockquote, blockquote):has(div.floatbox) {overflow: unset;
}#page-contentdiv.notation{max-width:45rem;
}div.notation{display:block;
 margin-inline:auto;
 margin-block:1.4rem;
 padding-inline:1.1rem;
 padding-block:0.9rem;
 background-color: rgb(var(--basalt-secondary-color));
 border-left:solid0.25rem rgb(var(--general-border-color));
 border-right:solid0.25rem rgb(var(--general-border-color));
 color: rgb(var(--basalt-main-text-color));
}#page-contentdiv.modal{max-width:57rem;
}div.modal{display:block;
 margin-inline:auto;
 margin-block:1.4rem;
 padding-inline:1.5rem;
 padding-block:0.5rem;
 background-color: rgb(var(--basalt-primary-color));
 border:solid0.2rem rgb(var(--general-border-color));
 color: rgb(var(--basalt-main-text-color));
}#page-contentdiv.smallmodal{max-width:47rem;
}div.smallmodal{display:block;
 margin-inline:auto;
 margin-block:1.4rem;
 padding-inline:1rem;
 padding-block:0.2rem;
 background-color: rgb(var(--basalt-primary-color));
 border:solid0.15rem rgb(var(--general-border-color));
 color: rgb(var(--basalt-main-text-color));
}#page-contentdiv:is(.jotting, .transcript) {max-width:42rem;
}div:is(.jotting, .transcript) {display:block;
 margin-inline:auto;
 margin-block:1.4rem;
 padding-inline:1.5rem;
 padding-block:0.2rem;
 background-color: rgb(var(--basalt-secondary-color));
 border:dashed0.15rem rgb(var(--general-border-color));
 color: rgb(var(--basalt-main-text-color));
}#page-contentdiv.papernote{max-width:30rem;
}div.papernote{display:block;
 margin-inline:auto;
 margin-block:1.4rem;
 padding:1rem 2rem;
 background-color: rgb(var(--basalt-tertiary-color));
 color: rgb(var(--basalt-main-text-color));
}#page-contentdiv:is(.document, .darkdocument) {max-width:45rem;
}div:is(.document, .darkdocument) {display:block;
 margin-inline:auto;
 margin-block:1.5em;
 padding:1.5rem;
 position:relative;
 --posX: -20vw;
}div.document{background-color: rgb(var(--document-background-color));
 box-shadow:0px1px1.9px -4px rgba(0, 0, 0, 0.1), 0px6px15px -4px rgba(0, 0, 0, 0.2);
 color: rgb(50, 50, 53);
}div.darkdocument{background-color: rgb(var(--darkdocument-background-color));
 box-shadow:0px1px1.9px -4px rgba(0, 0, 10, 0.8), 0px6px15px -4px rgba(0, 0, 7, 0.9);
 color: rgb(195, 195, 200);
}div:is(.document, .darkdocument)::before,
div:is(.document, .darkdocument)::after{content: "";
 height:98%;
 position:absolute;
 width:98%;
 z-index: -1;
}div:is(.document, .darkdocument)::before{left: -5px;
 top:4px;
 transform: rotate(-2.5deg);
}div:is(.document, .darkdocument)::after{right: -3px;
 top:1px;
 transform: rotate(1.4deg);
}div:is(.document)::before,
div:is(.document)::after{background-color: rgb(var(--document-background-color));
}div:is(.darkdocument)::before,
div:is(.darkdocument)::after{background-color: rgb(var(--darkdocument-background-color));
 opacity:90%;
}div.document::before{box-shadow:0px1px1.9px -4px rgba(0, 0, 0, 0.1), 0px6px15px -4px rgba(0, 0, 0, 0.1);
}div.document::after{box-shadow:0px1px1.9px -4px rgba(0, 0, 0, 0.1), 0px6px15px -4px rgba(0, 0, 0, 0.05);
}div.darkdocument::before{box-shadow:0px1px1.9px -4px rgba(0, 0, 10, 0.8), 0px6px15px -4px rgba(0, 0, 7, 0.9);
}div.darkdocument::after{box-shadow:0px1px1.9px -4px rgba(0, 0, 10, 0.8), 0px6px15px -4px rgba(0, 0, 7, 0.05);
}@mediaonlyscreenand (max-width: 1020px) {div:is(.document, .darkdocument)::before,
 div:is(.document, .darkdocument)::after {
 display: none;
 }
}
 
div[class$="_memo"]{background: var(--memo-logo) rgba(var(--memo-color), 1);
 background-size: contain;
 background-position:topcenter;
 background-repeat:no-repeat;
 min-height:4rem;
 margin-inline:auto;
 margin-block:2rem;
 padding-inline:20px;
 padding-block:10px;
 border:solid2px rgba(0, 0, 0, 0.1);
 text-align:center;
}div[class$="_memo"]::before{content: var(--memo-heading);
 font-family: var(--UI-font);
 font-weight:900;
 font-size:1.3em;
 text-align:center;
 margin:0auto1rem auto;
 display: flex;
 flex-direction: column;
 padding-top:0.5em;
}div.raisa_memo{
 --memo-heading: "NOTICE FROM THE RECORDS AND INFORMATION SECURITY ADMINISTRATION";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_LIGHTLOGO.png);
 --memo-color:255, 243, 173;
}div.classification_memo{
 --memo-heading: "CLASSIFICATION COMMITTEE MEMORANDUM";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_LIGHTLOGO.png);
 --memo-color:237, 245, 243;
}div.ettra_memo{
 --memo-heading: "NOTICE FROM THE EMERGENT THREAT TACTICAL RESPONSE AUTHORITY";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_LIGHTLOGO.png);
 --memo-color:245, 215, 215;
}div.ethics_memo{
 --memo-heading: "ETHICS COMMITTEE MEMORANDUM";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_LIGHTLOGO.png);
 --memo-color:255, 219, 196;
}div.temporal_memo{
 --memo-heading: "TEMPORAL ANOMALIES DEPARTMENT";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_LIGHTLOGO.png);
 --memo-color:255, 255, 255;
}div.overwatch_memo{
 --memo-heading: "OVERWATCH COMMAND";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_LIGHTLOGO.png);
 --memo-color:227, 227, 227;
}div.miscomm_memo{
 --memo-heading: "NOTICE FROM THE DEPARTMENT OF MISCOMMUNICATIONS";
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_LIGHTLOGO.png);
 --memo-color:238, 237, 250;
}.table1{
 --basalt-th-background-color: var(--one-color);
}.table2{
 --basalt-th-background-color: var(--two-color);
}.table3{
 --basalt-th-background-color: var(--three-color);
 --basalt-th-text-color: var(--basalt-main-text-color);
}.table4{
 --basalt-th-background-color: var(--four-color);
}.table5{
 --basalt-th-background-color: var(--five-color);
}.table6{
 --basalt-th-background-color: var(--six-color);
}div:is(.table1, .table2, .table3, .table4, .table5, .table6) .scp-image-block{border-bottom-color: rgba(var(--basalt-th-background-color), 0.75);
}div.tableb:is(#page-contenttable:not(.form), table.wiki-content-table) {border-collapse:separate;
 border-spacing:4px;
}span:is(.bigtext, .bt) {font-family: var(--header-font);
 font-weight:bold;
}span:is(.specialtext, .st) {font-family: var(--UI-font);
 font-weight:bold;
}:is(.table1, .table2, .table3, .table4, .table5, .table6) span:is(.st, .specialtext) {color: rgb(var(--basalt-th-background-color));
}#page-contentdiv.floatbox{background-color: rgb(var(--floatbox-background-color));
 float:left;
 max-width: calc(var(--main-content-width)/2.25);
 box-sizing: border-box;
 margin:0.25rem 1.25rem;
 margin-left: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
 padding-inline:1.2rem;
 padding-block:0.5rem;
 font-size:0.9125em;
 border-radius:7px;
 border:solid0.12rem rgba(var(--general-border-color), 0.4);
}#page-contentdiv.floatbox.right{float:right;
 margin-left:1.25rem;
 margin-right: clamp(calc(var(--main-content-width)/-4.5), calc((87.5vw - 95%)/-2), 0rem);
}@mediaonlyscreenand (max-width: 640px) {#page-contentdiv:is(.floatbox, .floatbox.right) {
 float: none;
 margin:0.5rem auto;
 width:100%;
 }
}
 
:is(.table-no-border, .authorbox) td{border-color:transparent !important;
}
 
/*--------------*/
/*---- MISC ----*/
/*--------------*/
 
html{scroll-behavior: smooth;
 overflow-x:hidden;
}body,
li,
p{line-height:1.55;
}@supports (font-feature-settings: inherit) {*,
 *::before,
 *::after{font-feature-settings:
 "zero" var(--zero, 0);
 }}
 
::selection{text-shadow:none !important;
}#page-content{font-size: calc(var(--true-font-size) * 1.2);
}#main-content[id]{scroll-margin-top: calc(var(--header-final-height) + 1rem);
}
 
/*MISC --> Headeralterations*/
 
#header{background: linear-gradient(0deg, rgba(var(--header-background-color), 0.85) 0%, rgb(var(--header-background-color)) 100%);
 border-bottom:none;
 box-shadow:0px0px8.5px -1px rgba(0, 0, 0, var(--header-drop-shadow-opacity)), 0px0px68px -21px rgba(0, 0, 0, calc(var(--header-drop-shadow-opacity) * 4));
 -webkit-backdrop-filter: blur(var(--basalt-UI-blur));
 backdrop-filter: blur(var(--basalt-UI-blur));
 font-family: var(--header-font);
}#headerh1a{padding-left: calc(var(--base-header-height)*0.25);
 padding-right: calc(var(--base-header-height)*0.5);
}#headerh1aspan::before{font-weight:900;
}#headerh1aspan::after{margin-bottom:6px;
 font-weight:600;
}#headerh1aspan{align-items: unset;
 text-align: unset;
}#top-bardiv[class*="top-bar"]ulliullia{box-shadow:none;
}#login-statusspan.printuser>aimg{filter: drop-shadow(0rem 0.2rem 0.35rem rgba(0, 0, 0, 0.19));
}div#account-options>ul>li>a{transition: color 0.4s;
}
 
/*MISC --> Sidebaralterations*/
 
#side-bar:is(:hover, :focus-within)::before{height: calc(var(--base-header-height) + var(--header-border-width));
}:is(#side-bar, #interwiki) .heading{background-color: rgb(var(--side-bar-heading-background-color));
 font-weight:900;
 color: rgba(var(--side-bar-heading-text-color), 0.8);
}#side-bar:is(:hover, :focus-within)::after{opacity:40%;
}#side-bar::after{transition: background-color var(--side-bar-transition), opacity var(--side-bar-transition);
}
 
/*MISC --> VariousUIalterations*/
 
form#edit-page-formtable.formtd:nth-of-type(1) {display:none;
}#edit-page-title{background-color: rgba(var(--edit-area-ancillary-background-color)) !important;
 border:solid var(--edit-area-border-width) rgb(var(--edit-area-border-color), 0.5) !important;
 border-top-right-radius: var(--window-border-radius);
 border-top-left-radius: var(--window-border-radius);
 font-weight:900;
 text-align:center;
}#edit-page-textarea{font-family: var(--mono-font);
 height:47vh;
}.wd-editor-toolbar-panelullia::after,
#edit-page-form.wd-editor-toolbar-panela:is(:hover, :focus)::after,
#edit-page-form.wd-editor-toolbar-paneldiv>ul>li.sfhover>a:not(:hover, :focus)::after,
#edit-page-form.wd-editor-toolbar-paneldiv>ul>li:focus-within>a:not(:hover, :focus)::after{background-color: rgb(var(--edit-area-toolbar-icon-color));
}#edit-page-form.wd-editor-toolbar-panela::after{
 -webkit-mask-size:70%;
 mask-size:70%;
}#wd-editor-toolbar-panel>div{grid-gap: calc(var(--edit-area-toolbar-icon-size)/1.6);
}#edit-page-form>.buttons.alignleft>input[type="button"]{font-size: var(--true-font-size);
 padding:1ch;
}#edit-page-title,
#lock-info,
#edit-page-comments{color: rgb(var(--edit-area-ancillary-text-color));
}#lock-info{border:solid0.12rem rgba(var(--general-border-color), 0.4);
}#action-areadiv.buttons> :is([name="save"], [name="save-continue"], [onclick*="PageTagsModule.listeners.save(event)"]) {
 --button-text-color: var(--basalt-positive-color);
 font-weight:bold;
}#footer{color: rgb(var(--bottom-area-text-color));
 border-top:solid2px rgb(var(--basalt-tertiary-color));
}#footer-bar{display:none;
}#license-area::before,
#license-area::after{margin-bottom:10px;
}div[id*="page-options-bottom"]>a{font-family: var(--UI-font);
 color: rgb(var(--basalt-main-text-color));
}#more-options-button{background-color: rgb(var(--basalt-tertiary-color));
 color:inherit;
}form#edit-page-form>table.form{position:relative;
}form#edit-page-form>table.form::before{content: "Title";
 display:block;
 position:absolute;
 bottom:30%;
 width: calc(100% - 15px);
 padding-left:15px;
 pointer-events:none;
 opacity:50%;
 font-family: var(--UI-font);
 font-weight:900 !important;
 font-size:11px;
 color: rgb(var(--edit-area-ancillary-text-color));
}#edit-page-textarea:focus-visible{border-color: rgb(var(--basalt-dark-element-color));
}#action-area>h1{font-weight:900;
}#action-area>p{font-size:0.9em;
 text-align:center;
}#footer.options{border-right:solid var(--footer-divider-thickness) rgba(var(--footer-divider-color), 0.1);
}#license-area::before{background: rgba(var(--license-area-divider-color), 0.1);
}.autocomplete-listli.yui-ac-highlight{background-color: rgb(var(--basalt-secondary-color));
}#revision-list.page-historytr[id*="revision-row"]td:nth-child(1)::before{background-color: rgb(var(--basalt-undertone));
}#revision-list.page-historytr[id*="revision-row"]::before{background: rgb(var(--basalt-undertone));
}.owindow{border-radius: var(--window-border-radius);
 font-family: var(--UI-font);
}.owindow.button-bar>a[onclick*="cleanAll"]{border-top-right-radius: var(--window-border-radius);
}.owindow.title{font-family: var(--UI-font);
 background-color:transparent;
 height:2rem;
 justify-content:center;
 opacity:60%;
 color: rgb(var(--basalt-main-text-color));
}.owindowdiv[style*="margin-top"]{margin-bottom:12px;
 margin-top:20px !important;
}.owindow> :not(.button-bar, .title)>img{height:5em;
 border-radius: var(--window-border-radius);
}.owindow.button-bar>a[onclick*="cleanAll"]::after{background: rgb(var(--basalt-main-text-color));
 transition-property:background;
 transition-duration:0.3s;
}.owindow.button-bar>a[onclick*="cleanAll"]:hover::after{background: rgb(var(--basalt-light-text-color));
}.owindow>.content.modal-body>img+h1+table>tbody>tr>td{text-align:inherit;
}#odialog-container[style*="block"]{background-color: rgb(var(--modal-fader-background-color), 0.65);
}#search-top-box::before{background-color: rgb(var(--basalt-UI-dark-palette));
}#search-top-box-input{outline:solid0 rgb(var(--basalt-UI-dark-palette));
}#main-content.page-tagsspan::before{content: "TAGS";
 font-weight:800;
 opacity:80%;
 margin-inline:10px;
 align-self:center;
 font-size:10px;
}#main-content>.page-tags>span{grid-gap:0.6rem;
 font-family: var(--UI-font);
 font-size: calc(var(--true-font-size)*0.85);
}#history-subarea,
#action-area{font-family: var(--UI-font);
}#action-area>h1{margin:0.425rem 01rem;
}.preview-message{border:0.15rem dashed rgb(var(--general-border-color));
 background-color: rgba(var(--basalt-secondary-color));
}.diff-boxtable.page-compareth{font-family: unset;
}input[type="checkbox"],
[type="radio"]{cursor:pointer;
}.warning-top-box{background-color: rgb(var(--basalt-primary-color));
 border:0.2rem solid rgb(var(--general-border-color));
 border-radius:0.5rem;
 padding:0.7rem 1.5rem;
}.warning-top-boxh1{color: rgb(var(--basalt-main-text-color));
}
 
/*MISC --> Contentalterations*/
 
#page-content{padding-block:2em;
 font-weight: var(--basalt-page-content-font-weight);
}#page-title,
.meta-title{border-bottom:solid0.15rem rgba(var(--title-border-color), 0.1);
 font-weight:800;
 color: rgba(var(--basalt-main-text-color), 0.75);
 letter-spacing: -0.05rem;
}#page-title{display:block !important;
}#breadcrumbs,
.pseudocrumbs{font-size:1em;
 margin:0.7em000;
}h1,
h2{font-weight:800;
}h3,
h4,
h5,
h6{font-weight:700;
}.footer-wikiwalk-nav{margin-top:3em;
 font-family: var(--UI-font);
 font-size:0.9em;
 font-weight:800;
 word-spacing:0.3em;
}.licensebox{margin-bottom:1rem;
 font-size:0.9em;
 text-align:center;
}.licensebox:is(blockquote, .blockquote) {text-align:left;
}hr{height:2px;
 margin-block:1rem;
 margin-inline:1rem;
 overflow:auto;
}.bibitems.title,
.footnotes-footer.title{text-transform:none;
}.bibitems,
.footnotes-footer{margin:4rem 0;
}:is(.anom-bar-container, .anom-bar-esoteric) + :not(.acs-extra),
.acs-extra + *{margin-top:1.2rem !important;
}.anom-bar-container,
.anom-bar-container*,
.acs-extra{font-family: var(--ACS-font), var(--body-font) !important;
 font-weight:800;
}.anom-bar-container.ekhi.danger-diamond>.quadrants>.left-quad,
.anom-bar-container.danger.danger-diamond>.quadrants>.right-quad{background-color: rgba(255, 109, 0, 0.25);
 background-color: rgb(var(--four-color), 0.25) !important;
}div:is(.class1, .item1)>div{font-family: var(--ACS-font), var(--header-font);
 font-weight:900;
}div.class1>div{font-size:2em;
}div.item1>div{font-size:1.7em;
 text-transform:uppercase;
}#delete-button:is(:hover, :focus) {background-color: rgb(var(--basalt-negative-color));
}.yui-ac-content{background: rgb(var(--basalt-primary-color));
 border:1pxsolid rgb(var(--basalt-tertiary-color));
}
 
/*BetterFootnotesadjustedtomakebetteruseofspaceonwiderscreens, atthecostofslide-inanimation*/
 
/*Plussomecosmeticadjustments*/
 
.fncon{background-color: rgb(var(--basalt-primary-color));
 border:solid2px rgb(var(--basalt-tertiary-color));
 border-left:none;
 box-shadow: -8px0px var(--fnColor);
 line-height:inherit;
 font-size:0.9em;
 font-weight: var(--basalt-page-content-font-weight);
 right: var(--posX);
 transition: opacity 0.15s linear var(--fnLinger), visibility 0.01s linear var(--fnInteract);
}.fnnum:hover+.fncon,
.fncon:hover{transition: opacity 0.15s linear;
}.fncon::before{color: rgba(255, 255, 255, 0.8);
 top: -2px;
 left: initial;
 right:100%;
 transform:none;
 font-size:1.125rem;
 text-align:right;
 font-family: var(--mono-font);
}@mediaonlyscreenand (max-width: 1279px) {.fncon{left:10%;
 }}.collection.collapsible-block{background-color: rgb(var(--basalt-background-color));
 border:none;
}.collection:is(.collapsible-block-unfolded-link, .collapsible-block-folded) a{border:none;
}sub,
sup{line-height:inherit;
}.scp-image-block.block-left,
.scp-image-block.block-right{clear:both;
}.scp-image-block.scp-image-caption{font-weight:600;
 color: rgb(var(--image-caption-text-color));
}
 
/*.scp-image-block>a{pointer-events:none;
}*/
 
.authorbox{background-color: rgb(var(--authorbox-background-color)) !important;
 color: rgb(var(--basalt-main-text-color)) !important;
 filter: drop-shadow(0rem 0.4rem 0.7rem rgba(0,0,0,0.2)) !important;
}.authorbox::before{border-color:transparenttransparent rgb(var(--authorbox-background-color)) transparent !important;
}.authorlink-wrapper{
 --author-top-adjust:0rem;
 --author-bottom-adjust:1.5rem;
}.authorlink-wrapper>a{margin-left:0.4em;
 font-weight:bold !important;
 font-size:80%;
}.authorlink-wrapper>a::after{width:0.7rem !important;
 height:0.7rem !important;
 margin-left:0.4em !important;
}:is(#page-contenttable:not(.form), table.wiki-content-table) {table-layout:fixed;
}@supports (-webkit-touch-callout: none) /*TargetsiOSonly*/ {
 
 :is(#page-contenttable:not(.form), table.wiki-content-table) {
 max-width: none;
 width:auto;
 min-width:100%;
 }
 
}
 
:is(#page-contenttable:not(.form), table.wiki-content-table) th{font-family: var(--body-font);
 padding:0.45em0.7em;
 background-color: rgb(var(--basalt-th-background-color));
 border-color: rgb(var(--basalt-th-background-color));
 color: rgb(var(--basalt-th-text-color));
 letter-spacing:0.033rem;
 text-align:center;
}#page-content.quadrants > div{top:2.25%;
 left:18.5%;
}.printusera{font-weight:600;
}div.page-rate-widget-boxspan.btn>a::before,
div.rate-box-with-credit-button.creditButton>p>a::before,
div.rate-box-with-credit-button.creditButton>p>a::after,
div.creditButtonStandalone>p>a::before,
div.creditButtonStandalone>p> a::after{background-color: rgb(var(--rate-module-text-color));
}
 
/*-------------------------------------------------*/
/*----- ENDOFDEFAULTSTYLING ("LIGHTMODE") -----*/
/*-------------------------------------------------*/
:root{
 
 /*----------------------*/
 /*---- BEDROCKVARS ----*/
 /*---- (DARKMODE) -----*/
 /*----------------------*/
 
 --logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/basalt_scp_logo-for_darkmode.svg);
 
 --basalt-overtone:180, 180, 181;
 --basalt-UI-dark-palette:55, 55, 56;
 --basalt-bright-element-color:234, 46, 52;
 --basalt-dark-element-color:226, 60, 63;
 --basalt-primary-color:13, 13, 15;
 --basalt-secondary-color:26, 26, 28;
 --basalt-tertiary-color:44, 44, 45;
 --basalt-main-text-color:195, 195, 195;
 
 --general-border-color:55, 55, 55;
 --modal-fader-background-color: var(--basalt-secondary-color);
 --button-hover-text-color: var(--basalt-main-text-color);
 --top-bar-link-color-hover: var(--basalt-main-text-color);
 --top-bar-link-background-hover: var(--basalt-dark-element-color);
 --login-status-link-background-hover: var(--basalt-undertone);
 --login-status-text-color: var(--basalt-main-text-color);
 --selection-background-color: var(--basalt-undertone);
 --selection-text-color: var(--basalt-main-text-color);
 --rate-module-info-icon-color: var(--basalt-main-text-color);
 --tab-focus-text-color: var(--basalt-main-text-color);
 
 --side-bar-heading-background-color:253, 253, 253, 0.07;
 --side-bar-heading-text-color: var(--basalt-main-text-color);
 --side-bar-link-color-hover: var(--basalt-main-text-color);
 
 --basalt-negative-color:209, 38, 38;
 --basalt-focus-color: var(--basalt-tertiary-color);
 
 --linkColour: rgb(var(--basalt-main-text-color)) !important;
 --swatch-menubg-black-color:59, 60, 63;
 --swatch-menutxt-dark-color:100, 100, 100;
 
 /*-----------------------------*/
 /*---- THEME-SPECIFICVARS ----*/
 /*---- (DARKMODE) ------------*/
 /*-----------------------------*/
 
 --basalt-th-text-color: var(--basalt-main-text-color);
 --authorbox-background-color: var(--basalt-secondary-color);
 --header-drop-shadow-opacity:0.32;
 
}:is(#u-credit-view, div#u-credit-otherwise) .modalbox{
 --basalt-light-text-color: var(--basalt-main-text-color);
}.owindow.button-bar>a[onclick*="cleanAll"]::after,
.owindow.button-bar>a[onclick*="cleanAll"]:hover::after{background: rgb(var(--basalt-main-text-color));
}div[id*="page-options-bottom"]>a:is(:hover, :focus) {color: rgb(var(--basalt-main-text-color));
}#more-options-button:is(:hover, :focus) {color: rgb(var(--basalt-main-text-color));
 background-color: rgb(var(--general-border-color));
}form#edit-page-formtable.edit-page-bottomtabletrtd:nth-of-type(1)>div:nth-of-type(1):focus-within{color: rgb(var(--basalt-main-text-color));
}:is(#file-upload-formtable.form, form[onsubmit*="setParent"] > table.form, #rename-option-renametable.form)>tbody>tr>td:nth-child(1) {color: rgb(var(--basalt-main-text-color)) !important;
}.bibitems.title,
.footnotes-footer.title{color: rgb(var(--basalt-main-text-color));
}.yui-navset.yui-navset-top>ul.yui-nav>li:not(li.selected)>a:hover{color: rgb(var(--basalt-light-text-color));
}.hovertip.content.footnote.f-heading,
.hovertip.content.reference.r-heading{color: rgb(var(--basalt-main-text-color));
}.hovertip{border:solid0.125rem rgb(var(--basalt-UI-dark-palette)) !important;
}#main-content:is(.pager.pager-no, .pager>span.current) {color: rgb(var(--main-text-color));
}#revision-list.page-historytr[id*="revision-row"]td:nth-child(3)>span::before{background: rgb(var(--basalt-undertone));
}#history-form-1>table.form>tbody>tr:first-child>td:first-child{color: rgb(var(--basalt-main-text-color));
}.diff-boxtable.page-compareth{color: rgb(var(--basalt-main-text-color));
}#main-content.pagerspan>a:is(:hover, :focus) {color: rgb(var(--basalt-main-text-color));
}[type="checkbox"]:checked{border-color: rgb(var(--basalt-undertone));
 background-color: rgb(var(--basalt-undertone));
}input[type="checkbox"], [type="radio"]{border:solid0.25em rgba(255, 255, 255, 0.35);
}[type="radio"]:checked{border:solid0.425em rgb(var(--basalt-dark-element-color));
}#page-options-container.page-watch-options{color: rgba(var(--basalt-main-text-color, 0.2));
}
 
/*---------------------*/
/*---- BASALTDIVS ----*/
/*---- (DARKMODE) ----*/
/*---------------------*/
 
div[class$="_memo"]{background-color: rgba(var(--basalt-secondary-color), 1);
 border:solid2px rgba(var(--memo-color), 1);
}div[class$="_memo"]::before{color: rgb(var(--memo-color));
}div.raisa_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/RAISA_DARKLOGO.png);
}div.classification_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/CLASSIFICATION_DARKLOGO.png);
}div.ettra_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETTRA_DARKLOGO.png);
}div.ethics_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/ETHICS_DARKLOGO.png);
}div.temporal_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/DELTA_T_DARKLOGO.png);
 --memo-color:195, 195, 200;
}div.overwatch_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/O5_DARKLOGO.png);
}div.miscomm_memo{
 --memo-logo: url(https://scp-wiki.wikidot.com/local--files/theme:basalt/MISCOMM_DARKLOGO.png);
}:is(.table1, .table2, .table3, .table4, .table5, .table6) {
 --basalt-th-text-color: var(--basalt-light-text-color);
}:is(div.table1, div.table2, div.table3, div.table4, div.table5, div.table6) span:is(.specialtext, .st) {filter: brightness(1.2);
}:is(.table1, .table2, .table3, .table4, .table5, .table6) h1{color: rgb(var(--basalt-th-background-color));
}
 
/*--------------*/
/*---- MISC ----*/
/*--------------*/
 
.fncon::before{color: rgba(0, 0, 0, 0.75);
}
 
/*--------------------------------------*/
/*----- ENDOF "DARKMODE" STYLING -----*/
/*--------------------------------------*/
#page-title{display:none !important;
}
#page-title,
.meta-title,
#breadcrumbs,
.pseudocrumbs{text-align:center;
}.pseudocrumbs{justify-content:center;
}
.top-left-box>.item{display:none;
}
:root{
 --main-content-width:70rem;
 --posX:4vw;
}#page-contentdiv.modal{max-width:100%;
}
hodnocení: 0


basalt-theme-logo.svg


On any page:
[[include :scp-wiki:theme:basalt]]

Info

Basalt is an aesthetic theme for the SCP Wiki by Liryn Liryn and Placeholder McD Placeholder McD functioning as an extension of Bedrock, a base theme created specifically for this project. Visit Bedrock's wiki page or its home on GitHub for more info, including all of the CSS variables it offers.

Theme settings

Add theme settings to your [[include]] module to modify aspects of Basalt.

[[include :scp-wiki:theme:basalt themesetting]]

[[include :scp-wiki:theme:basalt themesetting|another-themesetting]]

All theme settings as of the current version:

  • darkmode=a Applies dark mode
  • wide=a Widens page
  • hidetitle=a Removes page title
  • centertitle=a Centers page title
  • acs-itemnum=a Restores ACS "ITEM#:" text
  • disable-acs-anim=a Disables ACS Animation component

Page elements

[[span class="st"]] [[span class="specialtext"]]

[[span class="bt"]] [[span class="bigtext"]]

[[div class="blockquote"]]

[[div class="notation"]]

[[div class="jotting"]]

[[div class="modal"]]

[[div class="smallmodal"]]

[[div class="papernote"]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque felis eu vulputate suscipit. Vestibulum dui elit, ornare eget eros ut, gravida finibus velit. Pellentesque et diam vel turpis semper ullamcorper. Integer scelerisque malesuada enim, a semper risus molestie eget. Fusce luctus ex in ante feugiat fermentum. In nec sodales nibh. Suspendisse potenti. Aenean in volutpat turpis, in dictum sapien. Quisque vehicula turpis nec ligula feugiat commodo. Maecenas ornare lorem vel commodo mattis. Sed egestas dignissim sapien nec pulvinar. In ligula ipsum, posuere sit amet turpis in, cursus euismod tellus.

[[div class="floatbox"]]

This is a floatbox. You can put all kinds of content inside them (except BetterFootnotes, for now). They'll float at one side of the page relative to what's around them.

Maecenas vestibulum nunc in euismod auctor. Donec ultrices tempor felis sit amet ornare. Nam nec lectus sit amet nisl bibendum condimentum. Morbi eu arcu quis mi pulvinar fringilla. Ut fringilla interdum urna, at porta sapien vulputate quis. Integer eu scelerisque urna. Morbi luctus, justo eget viverra feugiat, leo quam egestas velit, sit amet feugiat nisi nibh molestie metus. Phasellus ut blandit ex. Ut aliquam, nisl ut aliquam volutpat, sem lorem tempor mi, sit amet ultricies nunc ante eu libero. Aenean lacinia porta nisi, in finibus quam. Aliquam erat volutpat. Aliquam malesuada libero id dapibus efficitur. Cras bibendum, dolor sit amet sagittis scelerisque, lorem magna ornare purus, vel accumsan leo tortor sit amet dolor. Maecenas finibus ante eget purus ullamcorper, vel elementum purus auctor. Quisque sagittis, leo et pretium efficitur, orci nulla interdum enim, in dignissim enim quam in neque.

[[div class="floatbox right"]]

Curabitur sed dui nec libero fringilla placerat. Pellentesque imperdiet ac dolor et sagittis. Vestibulum rhoncus justo magna, vel ornare eros iaculis et. Praesent suscipit massa eu urna convallis molestie. Vestibulum molestie faucibus eleifend. Nullam ut felis ac sapien aliquet consequat a sit amet ipsum. Sed rutrum diam quis urna ullamcorper, sit amet tristique lacus faucibus. Cras facilisis consequat sem, et egestas elit blandit ut. Cras sagittis velit ut posuere semper. Vestibulum in ipsum orci.

[[div class="document"]]

[[div class="darkdocument"]]

[[div class="raisa_memo"]]

With icons by EstrellaYoshte EstrellaYoshte (see here)

[[div class="classification_memo"]]

[[div class="ettra_memo"]]

[[div class="ethics_memo"]]

[[div class="temporal_memo"]]

[[div class="overwatch_memo"]]

[[div class="miscomm_memo"]]

basalt_scp_logo-for_lightmode.svg

Image block.

A horizontal rule can be created with 6 hyphens "------" and extends across the whole page if it's not placed inside anything (eg a blockquote).

Titles can be created by putting between one and six pluses "+" at the start of a line.

First Title

Second Title

Third Title

Fourth Title

Fifth Title
Sixth Title

This is a tab view.

Hey look, more text here.

How quaint.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a tab with footnote

I miss when we could trust each other.

This is a table
You should know how to make these
already
But do you?
Footnotes
. This is to anger Placeholder McD Placeholder McD .
. This is another footnote.

Coloring

Some elements can be colored with tableX classes.
This system is designed to connect with the Anomaly Classification System; each color signifies a different security clearance level.

.table1
Text here
Text here
Text here
basaltlogo.svg

.table1

.table2
Text here
Text here
Text here
basaltlogo.svg

.table2

.table3
Text here
Text here
Text here
basaltlogo.svg

.table3

.table4
Text here
Text here
Text here
basaltlogo.svg

.table4

.table5
Text here
Text here
Text here
basaltlogo.svg

.table5

.table6
Text here
Text here
Text here
basaltlogo.svg

.table6

Included with Basalt

Header and UI font is Sofia Sans.
Body font is Inter.
Monospace font is JetBrains Mono.

revize stránky: 1, naposledy editováno: 21 Nov 2023 17:38
Není-li uvedeno jinak, obsah této stránky je pod licencí Creative Commons Attribution-ShareAlike 3.0 License
Klikněte zde pro editaci stránky.
Klikněte zde pro přepnutí na editaci jednotlivých sekcí stránky (jeli to možné). Pokud bude tato funkce dostupná, u nadpisů se zobrazí odkaz pro editaci.
Přidat obsah, aniž by se editovala celá stránka
Podívat se, jak se stránka vyvíjela v minulosti.
Pokud chceš diskutovat o obsahu této stránky, tak je toto ten nejlepší způsob, jak tomu tak učinit.
Zobraz a uprav připnuté soubory k této stránce.
Několik užitečných nástrojů pro správu vašich Stránek.
Změnit název (také URL adresu, dodatečně i kategorii) stránky.
Zobrazení (wiki) zdrojového kódu stránky bez možnosti editace.
Náled/nastavení nadřazené stránky (využito při vytváření cest a struktury stránky).
Notify administrators if there is objectionable content in this page.
Něco nefunguje, jak má? Zjisti, co se s tím dá dělat.
Základní Wikidot.com dokumentace a sekce nápověd.
Podmínky Užití Wikidot.com - co můžeš a nemůžeš dělat apod.
Zásady Ochrany Osobních Údajů Wikidot.com

AltStyle によって変換されたページ (->オリジナル) /