Scp 9923 1

Link to article: Scp 9923 1.

Module Styles

• 
  :root {
    --ACS-font: 'Overpass';
    --backdrop: url(https://scp-wiki.wikidot.com/local--files/scp-9923/mainframe.webp);
  }
  
  #side-bar {
    background-color: rgba(var(--side-bar-background-color), 0.9);
  }
  
  :is(#side-bar, #interwiki) .heading {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--side-bar-heading-background-color), 0.13) 25%, rgb(var(--side-bar-heading-background-color), 0.13) 50%, rgb(var(--side-bar-heading-background-color), 0.13) 75%, rgba(0, 0, 0, 0) 100%);
  }
  
  div#account-options {
    background-color: rgba(var(--login-status-background-color), 0.4);
    backdrop-filter: blur(var(--basalt-UI-blur));
  }
  
  div#account-options>ul>li>a {
    transition: color 0.4s;
  }
  
  #top-bar div[class*="top-bar"] > ul > li > a {
    font-weight: 700;
  }
  
  #edit-page-form .wd-editor-toolbar-panel a::before {
    background-color: rgb(var(--basalt-tertiary-color));
  }
  
  #wd-editor-toolbar-panel ul li ul {
    border-inline-start-color: rgb(var(--basalt-tertiary-color));
  }
  
  h1 {
    color: rgb(var(--basalt-bright-element-color));
    font-weight: 900 !important;
  }
  
  /* Element Adjustments */
  
  .anom-bar-esoteric .text-part > .main-class > .second-class > .class-category {
    font-size: 0.75em !important;
  }
  
  #page-content :is(.image-block, .scp-image-block), #page-content :is(.image-block, .scp-image-block) > * {
    border-radius: 0.7rem;
  }
  
  .image-block, .scp-image-block {
    border-bottom-width: 0.25rem ;
  }
  
  .wideimg .scp-image-block.block-center {
  position: relative;
  }
  
  .wideimg .scp-image-block.block-center img {
  height: 370px;
  width: 100%;
  object-fit: cover;
  }
  
  #page-content .sokimg .scp-image-block {
    border-bottom-color: black;
  }
  
  /* ---- DEFAULT MODE LOCAL CSS STYLING ---- */
  
  :root {
    --basalt-UI-blur: 0.75rem;
    
    --basalt-overtone: 100, 100, 100;
    --basalt-UI-dark-palette: 30, 39, 40;
    --basalt-bright-element-color: 48, 175, 194;
    --basalt-dark-element-color: 20, 138, 156;
    --basalt-primary-color: 0, 0, 0;
    --basalt-secondary-color: 0, 11, 12;
    --basalt-tertiary-color: 20, 20, 20;
    --basalt-main-text-color: 212, 212, 212;
    --basalt-sub-text-color: var(--basalt-dark-element-color), 0.87;
    --basalt-focus-color: var(--basalt-bright-element-color);
    
    --header-background-color: var(--basalt-primary-color);
    --header-title-color: var(--basalt-bright-element-color);
    --top-bar-link-background-hover-alt: var(--basalt-UI-dark-palette);
    --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
    --top-bar-dropdown-background-hover: var(--basalt-bright-element-color);
    --top-bar-link-color: var(--basalt-dark-element-color);
    --top-bar-link-color-hover: var(--basalt-bright-element-color);
    --search-icon-color: var(--basalt-dark-element-color);
    --side-bar-background-color: var(--basalt-primary-color);
    --side-bar-heading-background-color: var(--basalt-bright-element-color);
    --side-bar-heading-text-color: var(--basalt-dark-element-color);
    --bottom-area-background-color: var(--basalt-primary-color);
    --general-border-color: 30, 57, 61;
    --rate-module-background-color: var(--basalt-primary-color);
    
    --side-bar-link-color-hover: var(--basalt-light-text-color);
    --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
    --login-status-text-color-hover: var(--basalt-light-text-color);
    --button-hover-text-color: var(--basalt-light-text-color);
    --selection-text-color: var(--basalt-light-text-color);
    
    --swatch-menubg-black-color: 5, 28, 31 !important;
    --authorbox-background-color: var(--basalt-tertiary-color) !important;
    
    --sok-color: white !important;
  }
  
  
  /* Page Adjustments */
  
  html {
    background: rgb(var(--basalt-background-color));
  }
  
  body {
    isolation: isolate;
  }
  
  @supports not (-webkit-touch-callout: none) {
  @media only screen and (min-width: 1025px) {
  
  body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color), 1) 25%, rgb(var(--basalt-primary-color), 1) 50%, rgb(var(--basalt-primary-color), 1) 75%, rgba(0, 0, 0, 0) 100%), var(--backdrop);
    background-repeat: repeat;
  }
  
  }
  }
  
  #page-content :is(
    .yui-nav,
    .yui-navset
  ) {
    background-color: transparent;
    gap: 0;
  }
  
  #page-content .yui-navset li a {
    padding: 0;
  }
  
  #page-content .yui-content {
    border: none;
    padding: 0
  }
  
  div:is(.jotting) {
    background: rgb(var(--basalt-primary-color));
    border: double 0.4rem rgb(var(--general-border-color));
  }
  
  div:is(.papernote) {
    background: #001c1e;
  }
  
  
  div.surr_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/surrealistics-blue-memo.png);
      --memo-color: var(--basalt-bright-element-color);
  }
  
  div.rss_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/rss-memo.png);
      --memo-color: 207, 80, 61;
  }
  
  div.infotech_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/infotech-memo.png);
      --memo-color: 1, 213, 213;
  }
  
  div.underwatch_memo {
      --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/deleted/eyeonu.gif);
      background-blend-mode: darken;
      --memo-color: 188,188,188;
  }
  
  .notion {
  background: rgb(10, 10, 10); 
  background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/notional-background.jpg); 
  background-attachment: fixed;
  }
  
  .subport {
  background: #001c1e !important;
  }
  

Inline Styles

• (none)

Includes

• :scp-wiki:theme:basalt [info]
• :scp-wiki:component:fade-in [info]

CSS Classes

• (none)

Page Source

[[include :scp-wiki:theme:basalt darkmode=a|wide=a|hidetitle=a]]
[[include :scp-wiki:component:fade-in speed=1]]

[[module CSS]]

:root {
  --ACS-font: 'Overpass';
  --backdrop: url(https://scp-wiki.wikidot.com/local--files/scp-9923/mainframe.webp);
}

#side-bar {
  background-color: rgba(var(--side-bar-background-color), 0.9);
}

:is(#side-bar, #interwiki) .heading {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--side-bar-heading-background-color), 0.13) 25%, rgb(var(--side-bar-heading-background-color), 0.13) 50%, rgb(var(--side-bar-heading-background-color), 0.13) 75%, rgba(0, 0, 0, 0) 100%);
}

div#account-options {
  background-color: rgba(var(--login-status-background-color), 0.4);
  backdrop-filter: blur(var(--basalt-UI-blur));
}

div#account-options>ul>li>a {
  transition: color 0.4s;
}

#top-bar div[class*="top-bar"] > ul > li > a {
  font-weight: 700;
}

#edit-page-form .wd-editor-toolbar-panel a::before {
  background-color: rgb(var(--basalt-tertiary-color));
}

#wd-editor-toolbar-panel ul li ul {
  border-inline-start-color: rgb(var(--basalt-tertiary-color));
}

h1 {
  color: rgb(var(--basalt-bright-element-color));
  font-weight: 900 !important;
}

/* Element Adjustments */

.anom-bar-esoteric .text-part > .main-class > .second-class > .class-category {
  font-size: 0.75em !important;
}

#page-content :is(.image-block, .scp-image-block), #page-content :is(.image-block, .scp-image-block) > * {
  border-radius: 0.7rem;
}

.image-block, .scp-image-block {
  border-bottom-width: 0.25rem ;
}

.wideimg .scp-image-block.block-center {
position: relative;
}

.wideimg .scp-image-block.block-center img {
height: 370px;
width: 100%;
object-fit: cover;
}

#page-content .sokimg .scp-image-block {
  border-bottom-color: black;
}

/* ---- DEFAULT MODE LOCAL CSS STYLING ---- */

:root {
  --basalt-UI-blur: 0.75rem;
  
  --basalt-overtone: 100, 100, 100;
  --basalt-UI-dark-palette: 30, 39, 40;
  --basalt-bright-element-color: 48, 175, 194;
  --basalt-dark-element-color: 20, 138, 156;
  --basalt-primary-color: 0, 0, 0;
  --basalt-secondary-color: 0, 11, 12;
  --basalt-tertiary-color: 20, 20, 20;
  --basalt-main-text-color: 212, 212, 212;
  --basalt-sub-text-color: var(--basalt-dark-element-color), 0.87;
  --basalt-focus-color: var(--basalt-bright-element-color);
  
  --header-background-color: var(--basalt-primary-color);
  --header-title-color: var(--basalt-bright-element-color);
  --top-bar-link-background-hover-alt: var(--basalt-UI-dark-palette);
  --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
  --top-bar-dropdown-background-hover: var(--basalt-bright-element-color);
  --top-bar-link-color: var(--basalt-dark-element-color);
  --top-bar-link-color-hover: var(--basalt-bright-element-color);
  --search-icon-color: var(--basalt-dark-element-color);
  --side-bar-background-color: var(--basalt-primary-color);
  --side-bar-heading-background-color: var(--basalt-bright-element-color);
  --side-bar-heading-text-color: var(--basalt-dark-element-color);
  --bottom-area-background-color: var(--basalt-primary-color);
  --general-border-color: 30, 57, 61;
  --rate-module-background-color: var(--basalt-primary-color);
  
  --side-bar-link-color-hover: var(--basalt-light-text-color);
  --top-bar-dropdown-link-color-hover: var(--basalt-light-text-color);
  --login-status-text-color-hover: var(--basalt-light-text-color);
  --button-hover-text-color: var(--basalt-light-text-color);
  --selection-text-color: var(--basalt-light-text-color);
  
  --swatch-menubg-black-color: 5, 28, 31 !important;
  --authorbox-background-color: var(--basalt-tertiary-color) !important;
  
  --sok-color: white !important;
}


/* Page Adjustments */

html {
  background: rgb(var(--basalt-background-color));
}

body {
  isolation: isolate;
}

@supports not (-webkit-touch-callout: none) {
@media only screen and (min-width: 1025px) {

body {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(var(--basalt-primary-color), 1) 25%, rgb(var(--basalt-primary-color), 1) 50%, rgb(var(--basalt-primary-color), 1) 75%, rgba(0, 0, 0, 0) 100%), var(--backdrop);
  background-repeat: repeat;
}

}
}

#page-content :is(
  .yui-nav,
  .yui-navset
) {
  background-color: transparent;
  gap: 0;
}

#page-content .yui-navset li a {
  padding: 0;
}

#page-content .yui-content {
  border: none;
  padding: 0
}

div:is(.jotting) {
  background: rgb(var(--basalt-primary-color));
  border: double 0.4rem rgb(var(--general-border-color));
}

div:is(.papernote) {
  background: #001c1e;
}


div.surr_memo {
    --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/surrealistics-blue-memo.png);
    --memo-color: var(--basalt-bright-element-color);
}

div.rss_memo {
    --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/rss-memo.png);
    --memo-color: 207, 80, 61;
}

div.infotech_memo {
    --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/infotech-memo.png);
    --memo-color: 1, 213, 213;
}

div.underwatch_memo {
    --memo-logo: url(https://scp-wiki.wdfiles.com/local--files/deleted/eyeonu.gif);
    background-blend-mode: darken;
    --memo-color: 188,188,188;
}

.notion {
background: rgb(10, 10, 10); 
background-image: url(https://scp-wiki.wdfiles.com/local--files/scp-9923/notional-background.jpg); 
background-attachment: fixed;
}

.subport {
background: #001c1e !important;
}

[[/module]]