5K Theme

Link to article: 5K Theme.

Module Styles

• 
  /* SCP: 5K Theme              */
  /* [2023 Wikidot Theme]       */
  /*                            */
  /* by Liryn, Placeholder McD  */
  /*                            */
  /* Basalt                     */
  /* Built on Bedrock           */
  /*                            */
  
  /*-----------------*/
  /*---- IMPORTS ----*/
  /*-----------------*/
  
  @import url('https://fonts.googleapis.com/css2?family=Barlow:ital@400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');
  
  :root {
  
      /*----------------------*/
      /*---- BEDROCK VARS ----*/
      /*----------------------*/
  
      --logo: url(https://scptestwiki.wikidot.com/local--files/sigma:5k-theme/a12-logo.png);
  
      --title: "SCP: 5K";
  
      --subtitle-size: 0rem;
      --title-size: 2rem;
      --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.5 + 0.5rem);
      --header-border-width: 0rem;
  
      --UI-font-primary: 'Saira';
  
      --basalt-UI-dark-palette: 45, 45, 45;
      --basalt-bright-element-color: 228, 33, 33;
      --basalt-dark-element-color: 203, 77, 77;
      --basalt-primary-color: 3, 3, 3;
      --basalt-secondary-color: 8, 8, 8;
      --basalt-tertiary-color: 30, 30, 30;
      --general-border-color: 40, 40, 40;
      --basalt-main-text-color: 210, 210, 210;
      
      --basalt-focus-color: var(--basalt-bright-element-color);
      --selection-text-color: var(--basalt-main-text-color);
      --header-background-color: var(--basalt-primary-color);
      --header-title-color: 240, 240, 240;
      --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
      --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
      --side-bar-link-color-hover: var(--basalt-main-text-color);
      --side-bar-background-color: var(--basalt-primary-color);
      --bottom-area-background-color: var(--basalt-primary-color);
  
  }
  
  /*--------------------*/
  /*---- 5K CLASSES ----*/
  /*--------------------*/
  
  #page-content .quint {
      font-family: var(--UI-font);
  }
  
  #page-content .metam {
      font-family: 'Barlow', sans-serif !important;
      color: transparent !important;
      background-color: transparent !important;
      border: none !important;
  }
  
  #page-content .metam :is(th, td) {
      color: transparent !important;
  }
  
  .a12_memo {
      --memo-heading: "! INTERNAL SECURITY NOTICE !";
      --memo-logo: url(https://smlt.wdfiles.com/local--files/collab:dr-moist:theatre/O4);
      --memo-color: var(--basalt-bright-element-color);
      font-family: var(--UI-font);
      font-size: 1.1em;
      background-blend-mode: soft-light;
  }
  
  .series-nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: baseline;
  
      margin: 1rem 0;
      padding: .02rem 1rem;
      background: rgb(var(--basalt-tertiary-color));
  
      border-top-right-radius: .67rem;
      border-top-left-radius: .67rem;
  
      font-size: 1.2em;
      font-family: var(--UI-font);
  }
  
  .series-nav>* {
      margin: 0 0.3em;
  }
  
  .end_card {
      background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
      padding: 1.25rem 2rem;
      text-align: center;
  }
  
  /*--------------*/
  /*---- MISC ----*/
  /*--------------*/
  
  #content-wrap {
      background-image: radial-gradient(rgb(30, 30, 30) 10%, transparent 10%);
      background-position: 1px 1px;
      background-size: 16px 16px;
  }
  
  /* MISC --> Header alterations */
  
  #header h1 a span::before {
      margin-inline: 6px;
      letter-spacing: -2px;
  }
  
  /* MISC --> UI alterations */
  
  #main-content>.page-tags>span a {
      color: rgb(var(--basalt-main-text-color));
      background: none !important;
  }
  
  #main-content>.page-tags>span a:is(:hover, :focus) {
      color: rgb(var(--basalt-bright-element-color));
      box-shadow: none;
  }
  
  /* MISC --> Content alterations */
  
  #page-title, .meta-title {
      border-bottom: none;
      color: rgba(var(--basalt-main-text-color), 0.9);
  }
  
  .fncon::before {
      color: rgba(0, 0, 0, 0.75);
  }
  
  .fnnum:hover::after {
      color: black;
  }
  
  ::selection {
      background-color: rgba(var(--selection-background-color), 0.4);
  }
  

• 
  :root {
  
      --logo: url(https://scptestwiki.wikidot.com/local--files/sigma:5k-theme/a12-logo.png);
  
      --header-title: "AREA-12";
  
      --title-size: 2.4rem;
      --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.15 + 0.5rem);
  
      --basalt-bright-element-color: 0, 175, 50;
      --basalt-dark-element-color: 88, 167, 102;
  
      --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);
  
      --one-color: var(--basalt-bright-element-color) !important;
  
  }
  
  #header h1 a span::after {
      display: none;
  }
  
  div#account-options>ul>li>a {
      transition: color 0.4s;
  }
  

Inline Styles

• display: none;

• display: flex; flex-flow: columm wrap; justify-content: center; align-items: center; user-select: none;

• max-width: 15rem;

• max-width: 30rem; filter: invert(0.9);

• opacity: 70%;

• opacity: 70%;

• max-width: 60rem;

• border-radius: 1rem; border: solid 0.2rem rgba(255, 255, 255, 0.1);

• font-size: 90%; opacity: 80%;

Includes

• :scp-wiki:theme:basalt [info]

CSS Classes

• quint

• @@**quint**@@

• a12_memo

• a12_memo

• series-nav

• series-nav

• end_card

• end_card

• blockquote

• quint

• quint

Page Source

[[div style="display: none;"]]
[[include :scp-wiki:theme:basalt darkmode=a|wide=a]]
[[/div]]

[[module CSS]]

/* SCP: 5K Theme              */
/* [2023 Wikidot Theme]       */
/*                            */
/* by Liryn, Placeholder McD  */
/*                            */
/* Basalt                     */
/* Built on Bedrock           */
/*                            */

/*-----------------*/
/*---- IMPORTS ----*/
/*-----------------*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@400;700&display=swap');

:root {

    /*----------------------*/
    /*---- BEDROCK VARS ----*/
    /*----------------------*/

    --logo: url(https://scptestwiki.wikidot.com/local--files/sigma:5k-theme/a12-logo.png);

    --title: "SCP: 5K";

    --subtitle-size: 0rem;
    --title-size: 2rem;
    --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.5 + 0.5rem);
    --header-border-width: 0rem;

    --UI-font-primary: 'Saira';

    --basalt-UI-dark-palette: 45, 45, 45;
    --basalt-bright-element-color: 228, 33, 33;
    --basalt-dark-element-color: 203, 77, 77;
    --basalt-primary-color: 3, 3, 3;
    --basalt-secondary-color: 8, 8, 8;
    --basalt-tertiary-color: 30, 30, 30;
    --general-border-color: 40, 40, 40;
    --basalt-main-text-color: 210, 210, 210;
    
    --basalt-focus-color: var(--basalt-bright-element-color);
    --selection-text-color: var(--basalt-main-text-color);
    --header-background-color: var(--basalt-primary-color);
    --header-title-color: 240, 240, 240;
    --top-bar-dropdown-link-color-hover: var(--basalt-main-text-color);
    --top-bar-link-background-hover: var(--top-bar-link-background-hover-alt);
    --side-bar-link-color-hover: var(--basalt-main-text-color);
    --side-bar-background-color: var(--basalt-primary-color);
    --bottom-area-background-color: var(--basalt-primary-color);

}

/*--------------------*/
/*---- 5K CLASSES ----*/
/*--------------------*/

#page-content .quint {
    font-family: var(--UI-font);
}

#page-content .metam {
    font-family: 'Barlow', sans-serif !important;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

#page-content .metam :is(th, td) {
    color: transparent !important;
}

.a12_memo {
    --memo-heading: "! INTERNAL SECURITY NOTICE !";
    --memo-logo: url(https://smlt.wdfiles.com/local--files/collab:dr-moist:theatre/O4);
    --memo-color: var(--basalt-bright-element-color);
    font-family: var(--UI-font);
    font-size: 1.1em;
    background-blend-mode: soft-light;
}

.series-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: baseline;

    margin: 1rem 0;
    padding: .02rem 1rem;
    background: rgb(var(--basalt-tertiary-color));

    border-top-right-radius: .67rem;
    border-top-left-radius: .67rem;

    font-size: 1.2em;
    font-family: var(--UI-font);
}

.series-nav>* {
    margin: 0 0.3em;
}

.end_card {
    background: linear-gradient(145deg, rgba(var(--basalt-dark-element-color), 0.5) 0%, rgb(var(--basalt-tertiary-color)) 80%);
    padding: 1.25rem 2rem;
    text-align: center;
}

/*--------------*/
/*---- MISC ----*/
/*--------------*/

#content-wrap {
    background-image: radial-gradient(rgb(30, 30, 30) 10%, transparent 10%);
    background-position: 1px 1px;
    background-size: 16px 16px;
}

/* MISC --> Header alterations */

#header h1 a span::before {
    margin-inline: 6px;
    letter-spacing: -2px;
}

/* MISC --> UI alterations */

#main-content>.page-tags>span a {
    color: rgb(var(--basalt-main-text-color));
    background: none !important;
}

#main-content>.page-tags>span a:is(:hover, :focus) {
    color: rgb(var(--basalt-bright-element-color));
    box-shadow: none;
}

/* MISC --> Content alterations */

#page-title, .meta-title {
    border-bottom: none;
    color: rgba(var(--basalt-main-text-color), 0.9);
}

.fncon::before {
    color: rgba(0, 0, 0, 0.75);
}

.fnnum:hover::after {
    color: black;
}

::selection {
    background-color: rgba(var(--selection-background-color), 0.4);
}

[[/module]]

>[[ift{$area-12}gs -liryn-was-here]]
>[[iftags]]
[[module CSS]]

:root {

    --logo: url(https://scptestwiki.wikidot.com/local--files/sigma:5k-theme/a12-logo.png);

    --header-title: "AREA-12";

    --title-size: 2.4rem;
    --base-header-height: calc((var(--title-size) + var(--subtitle-size))*1.15 + 0.5rem);

    --basalt-bright-element-color: 0, 175, 50;
    --basalt-dark-element-color: 88, 167, 102;

    --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);

    --one-color: var(--basalt-bright-element-color) !important;

}

#header h1 a span::after {
    display: none;
}

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

[[/module]]
>[[/iftags]]
>[[/ift{$area-12}gs]]

[[iftags +theme]]

[[=]]
[[module Rate]]
[[/=]]

@@ @@

[[div style="display: flex; flex-flow: columm wrap; justify-content: center; align-items: center; user-select: none;"]]
[[div style="max-width: 15rem;"]]
[[=image https://scptestwiki.wikidot.com/local--files/sigma:5k-theme/a12-logo.png]]
[[/div]]
[[div style="max-width: 30rem; filter: invert(0.9);"]]
[[=image https://scptestwiki.wikidot.com/local--files/sigma:basalt/basalt-theme-logo.svg]]
[[/div]]
[[/div]]

@@ @@

[[=]]
[[size 120%]]**On any page:**[[/size]]
[[size 160%]]**{{@@[[include @@[[span style="opacity: 70%;"]]@@:scp-wiki:@@[[/span]]@@theme:5k]]@@}}**[[/size]]
[[/=]]

@@ @@

+ Info

This is a theme for articles authored with/by [[[https://affray.gg| Affray Interactive]]] in relation to their indie tactical shooter, //[[[https://scp5k.gg| SCP: 5K]]]// (formerly //SCP: Pandemic//).

It is built on top of the [[[https://scp-wiki.wikidot.com/theme:basalt | Basalt]]] theme framework.

@@ @@

@@ @@

+ Area-12 Variant

**{{@@[[include @@[[span style="opacity: 70%;"]]@@:scp-wiki:@@[[/span]]@@theme:5k @@##lime|area-12=a##@@]]@@}}**

@@ @@

[[div style="max-width: 60rem;"]]
[[image a12.png style="border-radius: 1rem; border: solid 0.2rem rgba(255, 255, 255, 0.1);"]]
[[/div]]

@@ @@

@@ @@

= [[span class="quint"]]@@[[span class="@@**quint**@@"]]@@[[/span]]

@@ @@

[[div class="a12_memo"]]
**{{@@[[div class="a12_memo"]]@@}}**
[[/div]]

@@ @@

[[div class="series-nav"]]
[[<]]
<< [[size 85%]][# Article A][[/size]]
[[/<]]
[[=]]
**| @@ @@ Series Navigation @@ @@|**
[[/=]]
[[>]]
[[size 85%]][# Article B][[/size]] >>
[[/>]]
[[/div]]

[[=]]
[[collapsible show="+ Show formatting" hide="- Hide"]]
[[<]]
[[code]]
[[div class="series-nav"]]
[[<]]
<< [[size 85%]]Your link here[[/size]]
[[/<]]
[[=]]
**| @@ @@ Some text @@ @@ |**
[[/=]]
[[>]]
[[size 85%]]Another link here[[/size]] >>
[[/>]]
[[/div]]
[[/code]]
[[/<]]
[[/collapsible]]
[[/=]]

@@ @@

[[div class="end_card"]]

**{{@@[[div class="end_card"]]@@}}**

[[div class="blockquote quint"]]
Some text here
By [[*user Liryn]]
[[/div]]

[[module Rate]]

[[/div]]

@@ @@

@@ @@

= [[span class="quint" style="font-size: 90%; opacity: 80%;"]]The SCP: 5K and Area-12 logos were created by Trey Bishop and are licensed under CC BY-SA 3.0.[[/span]]

[[/iftags]]