Quikngruvn's Workbench

Link to article: Quikngruvn's Workbench.

Module Styles

• #main-content { max-width: min(57.5rem,calc(100% - 3.75rem)); margin: 0 auto; }
  
  :where(#page-content) h2 {
      margin-block-start: 1rem;
      padding-bottom: .25em;
      border-bottom: solid 0.05rem #ccc;
  }
  
  .info-wrapper {
      display: grid;
      grid-template-areas: "info legend";
      grid-template-columns: minmax(0,1fr) 15.75rem;
      gap: 1rem;
      font-size: .925em;
      margin-block-end: 1.875rem;
  }
  @media screen and (max-width: 37.5rem) {
  .info-wrapper {
      grid-template-areas:
          "info"
          "legend";
      grid-template-columns: minmax(0,1fr);
  }
  }
  .info-wrapper > br { display: none; }
  .info { grid-area: info; }
  
  .toc-wrapper {
      display: block;
      list-style: none;
      padding: 0; margin: 0;
      font-size: .95em;
  }
  .toc-wrapper > li {
      display: grid;
      grid-template-areas:
          "title action"
          "list list";
      grid-template-columns: 1fr 3.25rem;
      row-gap: .425rem;
  }
  .toc-wrapper :is(table,tbody, tr, td) {
      display: contents;
  }
  .toc-wrapper .foldable-list-container {
      grid-area: action;
      display: grid;
      align-items: center;
      justify-content: end;
      border-bottom: solid 0.05rem #ccc;
  }
  :where(.folded) .foldable-list-container a:nth-child(2) { display: none; }
  :where(.unfolded) .foldable-list-container a:nth-child(1) { display: none; }
  
  #toc {
      display: contents;
      margin: initial;
      padding: 0;
      border: none;
      background: transparent;
  }
  #toc-action-bar { display: none; }
  
  #toc-list {
      grid-area: list;
      margin: 0;
      counter-reset: toc-index;
  }
  :where(.folded) #toc-list { display: none; }
  
  #toc-list > div {
      margin-block: .45em;
      margin-left: 0!important;
      line-height: 1.15;
  }
  #toc-list > div[style*="3em"] {
      display: grid;
      grid-template-columns: 1.5rem 1fr;
      gap: .25rem;
      align-items: baseline;
      margin-left: 0!important;
      font-size: .95em;
  }
  
  #toc-list > div[style*="3em"]::before {
      counter-increment: toc-index;
      content: counter(toc-index) ".";
      font-size: .75em;
      text-align: end;
      font-feature-settings: 'case','ss01','ss04','tnum';
  }
  #toc-list > div[style*="3em"] > a {
      grid-column: 2/3;
      width: fit-content;
  }
  
  #toc .title {
      grid-area: title;
      display: grid;
      align-items: center;
      margin: 0;
      padding: 0.425rem .175rem;
      border-bottom: solid 0.05rem #ccc;
      text-align: start;
  }
  .legend { grid-area: legend; }
  .legend table { width: 100%; margin: 0;}
  .legend table tr:first-child {
      border-bottom: solid 0.05rem #ccc;
  }
  .legend table td {
      border: none;
      padding: .5rem .325rem;
  }
  .legend table tr:first-child td {
      font-weight: bold;
      padding-inline: .175rem;
  }
  .legend table tr td:first-child {
      width: 2.25rem;
  }
  
  .feature-marker, .spotlight-marker, .complete-marker {
      --_icon: var(--feature-icon);
      display: block;
      position: relative;
      margin: auto;
      font-size: 0;
      height: 1.325rem; width: 1.325rem;
      background-color: rgb(var(--feature-color));
      -webkit-mask: var(--_icon) center no-repeat;
      mask: var(--_icon) center no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
  }
  .spotlight-marker {
      --_icon: var(--spotlight-icon);
      width: 1.75rem;
      background-color:  rgb(var(--spotlight-color));
  }
  
  .complete-marker {
      display: inline-block;
      height: 1rem; width: 1rem;
      margin-inline: .125rem;
      --_icon: var(--complete-icon);
      background-color: currentColor;
      vertical-align: text-bottom;
  }
  
  /*----------------------------*/
  
  #page-content {
      --box-accent: #4b4848;
      --feature-color: 253 183 34;
      --spotlight-color: 37 161 224;
      --feature-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 90 86'%3E%3Cpath fill-rule='evenodd' d='m49 2.6 10.6 23.1a1.5 1.5 0 0 0 1.2 1l25.3 2.9a4.4 4.4 0 0 1 2.5 7.5L69.8 54.4a1.5 1.5 0 0 0-.5 1.4l5 25a4.3 4.3 0 0 1-6.3 4.7L45.8 72.9a1.5 1.5 0 0 0-1.6 0L22 85.5a4.4 4.4 0 0 1-6.4-4.7l5-25a1.5 1.5 0 0 0-.4-1.4L1.4 37A4.4 4.4 0 0 1 4 29.6l25.3-3a1.5 1.5 0 0 0 1.2-.9L41 2.6a4.4 4.4 0 0 1 8 0z'/%3E%3C/svg%3E");
      --spotlight-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 44.6'%3E%3Cpath d='M1 27h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2zm12-4a1 1 0 0 1-.5-.1l-11-6a1 1 0 1 1 1-1.8l11 6A1 1 0 0 1 13 23ZM2 41a1 1 0 0 1-.5-1.9l11-6a1 1 0 1 1 1 1.8l-11 6a1 1 0 0 1-.5.1ZM15 6a3 3 0 0 0 3-3 1 1 0 0 1 2 0 3 3 0 0 0 3 3 1 1 0 0 1 0 2 3 3 0 0 0-3 3 1 1 0 0 1-2 0 3 3 0 0 0-3-3 1 1 0 0 1 0-2zm4 2a5 5 0 0 1 1-1 5 5 0 0 1-1-1 5 5 0 0 1-1 1 5 5 0 0 1 1 1Zm25 10.6v18.6a3 3 0 0 1-2 2.8l-6 2.3V13.2l6.2 2.7a3 3 0 0 1 1.8 2.7Zm-2 .4a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0zm0 11a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zm10-1a1 1 0 0 1-1-1V0h2v28a1 1 0 0 1-1 1z'/%3E%3Cpath d='M49 28a3 3 0 0 0 6 0v-7h3v14H46V21h3zM34 12.3v30.8l-4 1.5V10.5zM28 17v22a12 12 0 0 1 0-22Z'/%3E%3C/svg%3E");
      --complete-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 0a45 45 0 1 0 0 90 45 45 0 0 0 0-90Zm18.5 26.7a6.2 6.2 0 0 1 4.4 10.6l-24 24a6.2 6.2 0 0 1-5 2.7 6.2 6.2 0 0 1-5.2-2.7L22.1 49.7a6.2 6.2 0 0 1 4.3-10.6 6.2 6.2 0 0 1 4.4 1.9l8 8 20.4-20.4a6.2 6.2 0 0 1 4.3-1.9z'/%3E%3C/svg%3E");
  }
  
  .series-wrapper {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(calc(9.5rem + 9.5vw),1fr));
      gap: .75rem;
      margin-block: 1.325rem 2.25rem;
      clear: both;
  }
  
  .series-block {
      --box-accent: inherit;
      display: flex;
      flex-direction: column;
      font-size: .875em;
      text-align: center;
      position: relative;
      background-color: #fff;
      box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
  }
  .series-block.collaboration { --box-accent: #3d8554; }
  
  .series-block .title {
      display: flex;
      font-weight: bold;
      font-size: 1.125em;
  }
  .series-block .title a {
      display: grid;
      align-items: center;
      flex-grow: 1;
      padding: .425rem .5rem;
  }
  /* special markers for featured series */
  
  .series-block.reviewers-spotlight .title { background-color: rgb(var(--spotlight-color)/0.075); }
  .series-block.featured .title { background-color: rgb(var(--feature-color)/0.1); }
  .series-block:where(.featured, .reviewers-spotlight) .title::after,
  .large :where(.featured, .reviewers-spotlight) h3::after,
  .large :where(._complete) h3::before {
      content: "";
      display: block;
      min-width: 1.25rem;
      min-height: 1.25rem;
      margin-inline-end: .5rem;
      -webkit-mask: var(--_icon) center no-repeat;
      mask: var(--_icon) center no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
  }
  .reviewers-spotlight .title::after,
  .large :where(.reviewers-spotlight) h3::after {
      min-width: 2rem;
      --_icon: var(--spotlight-icon);
      background-color: rgb(var(--spotlight-color));
  }
  .featured .title::after,
  .large :where(.featured) h3::after {
      --_icon: var(--feature-icon);
      background-color: rgb(var(--feature-color));
  }
  
  .large :where(._complete) h3::before {
      --_icon: var(--complete-icon);
      order: 2;
      margin: 0;
      background-color: currentColor;
  }
  
  /*---------------------------*/
  
  .series-block .description > :not(.preview) { display: none; } /* fallback for licnesngbox bleed */
  .series-block .description > .preview {
      display: block; text-align: start;
      padding-inline: .875rem;
      padding-block-end: .5rem;
  }
  .series-block .description > .preview p:first-child { margin-block-start: 0; }
  .series-block .description > .preview p:last-child { margin-block-end: 0; }
  
  .series-block .metadata {
      display: flex;
      flex-wrap: wrap;
      flex-grow: 1;
      align-items: center;
      border-top: solid 0.05rem rgb(0 0 0/.1);
  }
  .series-block .metadata div {
      flex-grow: 1;
      display: grid;
      place-items: center;
      padding: .425em;
  }
  
  .series-block .footer {
      display: flex;
      justify-content: end;
      font-size: .75em;
      box-shadow: inset 0 -0.325rem 0 var(--box-accent);
  }
  .series-block .footer::before {
      content: "";
      display: block;
      width: 1.75em;
      background: var(--box-accent);
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      margin-inline-end: -0.05em;
  }
  
  .series-block .footer :is(.printuser, .co-au) {
      color: #fff9;
      display: inline-flex;
      align-items: center;
      padding: .225em .325em;
      background: var(--box-accent);
  }
  .series-block .footer .printuser::before {
      content: "by";
      padding-inline-end: .425ch;
  }
  .series-block .footer a { color: #fff; }
  
  .series-block .footer .co-au {
      padding-inline-start: 0;
      display: none;
  }
  .series-block.co-authored .footer .co-au { display: inline-flex; }
  
  .series-block .footer .deleted img { display: none; }
  
  .series-wrapper .pager {
      grid-column: 1/-1;
      border-bottom: solid 0.175rem var(--box-accent);
  }
  
  /*---------------------------*/
  
  .series-wrapper.large {
      grid-template-columns: repeat(auto-fill, minmax(20.5rem,1fr));
  }
  
  .large .series-block {
      --link-color: #b01;
      display: flex;
      gap: .475rem;
      flex-direction: column;
      padding-block-start: .5rem;
  }
  .large .series-block > img {
      align-self: center;
      height: 4.75rem !important;
  }
  .large h3 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .5rem;
      font-size: 1.425em;
      letter-spacing: initial;
      padding-inline: .675rem;
      margin: 0;
      color: currentColor;
  }
  .large .series-block h3::after { margin: 0; }
  .large .series-block h3 > span { flex-grow: 1; }
  
  .large .series-block .blurb {
      flex-grow: 1;
      padding-inline: 1.125em;
      border-block-start: solid 0.05rem #ccc9;
      text-align: start;
  }
  .large :is(.blurb, h3) a {
      color: var(--link-color);
  }
  
  .tag-lead {
      display: flex;
      justify-content: end;
      box-shadow: inset 0 -0.325rem 0 var(--box-accent);
      font-size: .775em;
      font-style: italic;
      margin-block-start: -.5rem;
  }
  .tag-lead::before {
      content: "";
      display: block;
      width: 1.75em;
      background: var(--box-accent);
      clip-path: polygon(100% 0, 100% 100%, 0 100%);
      margin-inline-end: -0.05em;
  }
  .tag-lead a {
      display: block;
      padding: .225em .5em;
      padding-inline-start: .125em;
      color: #fff;
      font-weight: bold;
      background-color: var(--box-accent);
  }
  .tag-lead a::before {
      content: "See all works tagged";
      display: inline-block;
      padding-inline-end: .425ch;
      color: #fff9;
      font-weight: normal;
  }

Inline Styles

• color: #3d8554

• font-family: 'Andale Mono', 'Courier New', Courier, monospace; font-size: .8125em; margin: 0; border-style: solid;

• background: #111111; color: #efefef; --link-color: #e47412;

• border-inline: solid .375rem transparent; border-image: linear-gradient(-30deg, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(246, 216, 221), rgb(247, 168, 184), rgb(179, 157, 233), rgb(85, 205, 252));border-image-slice: 1;

• --link-color: #60A654; border-inline: solid 0.2rem ##97CE8E; background: ##F6F6F6;

• --link-color: #115AAC; border-inline: solid 0.1rem #115AAC; background: #f5f5f5;

• background-color: #dcf2b0; color: #3B5C0A; --link-color: #148c14;

• --link-color: hsl(45, 89%, 34%); color: hsl(0, 0%, 5%); background: hsl(45, 99%, 96%); border: .3rem solid hsl(45, 89%, 40%); border-radius: .3rem

• background-color: black; color: #f7f7f7; border: .25rem ridge #820e06;

Includes

• :scp-wiki:component:toggle-sidebar [info]
• fragment:nav-generic-css
• :scp-wiki:component:license-box [info]
• :scp-wiki:component:license-box-end [info]

CSS Classes

• info-wrapper

• info

• legend

• feature-marker

• spotlight-marker

• series-wrapper

• content-type-description

• series-block

• %%tags%%

• title

• description

• metadata

• footer

• co-au

• info-wrapper

• info

• complete-marker

• blockquote

• series-block

• blurb

• tag-lead

• toc-wrapper

• folded

• foldable-list-container

• series-wrapper

• large

• series-block

• _complete

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• collaboration

• collaboration

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• _complete

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• reviewers-spotlight

• _complete

• blurb

• tag-lead

• series-block

• blurb

• tag-lead

• series-block

• collaboration

• blurb

• tag-lead

Page Source

[[include :scp-wiki:component:toggle-sidebar]]
[[include fragment:nav-generic-css]]
[[module CSS]]
#main-content { max-width: min(57.5rem,calc(100% - 3.75rem)); margin: 0 auto; }

:where(#page-content) h2 {
    margin-block-start: 1rem;
    padding-bottom: .25em;
    border-bottom: solid 0.05rem #ccc;
}

.info-wrapper {
    display: grid;
    grid-template-areas: "info legend";
    grid-template-columns: minmax(0,1fr) 15.75rem;
    gap: 1rem;
    font-size: .925em;
    margin-block-end: 1.875rem;
}
@media screen and (max-width: 37.5rem) {
.info-wrapper {
    grid-template-areas:
        "info"
        "legend";
    grid-template-columns: minmax(0,1fr);
}
}
.info-wrapper > br { display: none; }
.info { grid-area: info; }

.toc-wrapper {
    display: block;
    list-style: none;
    padding: 0; margin: 0;
    font-size: .95em;
}
.toc-wrapper > li {
    display: grid;
    grid-template-areas:
        "title action"
        "list list";
    grid-template-columns: 1fr 3.25rem;
    row-gap: .425rem;
}
.toc-wrapper :is(table,tbody, tr, td) {
    display: contents;
}
.toc-wrapper .foldable-list-container {
    grid-area: action;
    display: grid;
    align-items: center;
    justify-content: end;
    border-bottom: solid 0.05rem #ccc;
}
:where(.folded) .foldable-list-container a:nth-child(2) { display: none; }
:where(.unfolded) .foldable-list-container a:nth-child(1) { display: none; }

#toc {
    display: contents;
    margin: initial;
    padding: 0;
    border: none;
    background: transparent;
}
#toc-action-bar { display: none; }

#toc-list {
    grid-area: list;
    margin: 0;
    counter-reset: toc-index;
}
:where(.folded) #toc-list { display: none; }

#toc-list > div {
    margin-block: .45em;
    margin-left: 0!important;
    line-height: 1.15;
}
#toc-list > div[style*="3em"] {
    display: grid;
    grid-template-columns: 1.5rem 1fr;
    gap: .25rem;
    align-items: baseline;
    margin-left: 0!important;
    font-size: .95em;
}

#toc-list > div[style*="3em"]::before {
    counter-increment: toc-index;
    content: counter(toc-index) ".";
    font-size: .75em;
    text-align: end;
    font-feature-settings: 'case','ss01','ss04','tnum';
}
#toc-list > div[style*="3em"] > a {
    grid-column: 2/3;
    width: fit-content;
}

#toc .title {
    grid-area: title;
    display: grid;
    align-items: center;
    margin: 0;
    padding: 0.425rem .175rem;
    border-bottom: solid 0.05rem #ccc;
    text-align: start;
}
.legend { grid-area: legend; }
.legend table { width: 100%; margin: 0;}
.legend table tr:first-child {
    border-bottom: solid 0.05rem #ccc;
}
.legend table td {
    border: none;
    padding: .5rem .325rem;
}
.legend table tr:first-child td {
    font-weight: bold;
    padding-inline: .175rem;
}
.legend table tr td:first-child {
    width: 2.25rem;
}

.feature-marker, .spotlight-marker, .complete-marker {
    --_icon: var(--feature-icon);
    display: block;
    position: relative;
    margin: auto;
    font-size: 0;
    height: 1.325rem; width: 1.325rem;
    background-color: rgb(var(--feature-color));
    -webkit-mask: var(--_icon) center no-repeat;
    mask: var(--_icon) center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.spotlight-marker {
    --_icon: var(--spotlight-icon);
    width: 1.75rem;
    background-color:  rgb(var(--spotlight-color));
}

.complete-marker {
    display: inline-block;
    height: 1rem; width: 1rem;
    margin-inline: .125rem;
    --_icon: var(--complete-icon);
    background-color: currentColor;
    vertical-align: text-bottom;
}

/*----------------------------*/

#page-content {
    --box-accent: #4b4848;
    --feature-color: 253 183 34;
    --spotlight-color: 37 161 224;
    --feature-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 90 86'%3E%3Cpath fill-rule='evenodd' d='m49 2.6 10.6 23.1a1.5 1.5 0 0 0 1.2 1l25.3 2.9a4.4 4.4 0 0 1 2.5 7.5L69.8 54.4a1.5 1.5 0 0 0-.5 1.4l5 25a4.3 4.3 0 0 1-6.3 4.7L45.8 72.9a1.5 1.5 0 0 0-1.6 0L22 85.5a4.4 4.4 0 0 1-6.4-4.7l5-25a1.5 1.5 0 0 0-.4-1.4L1.4 37A4.4 4.4 0 0 1 4 29.6l25.3-3a1.5 1.5 0 0 0 1.2-.9L41 2.6a4.4 4.4 0 0 1 8 0z'/%3E%3C/svg%3E");
    --spotlight-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 58 44.6'%3E%3Cpath d='M1 27h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2zm12-4a1 1 0 0 1-.5-.1l-11-6a1 1 0 1 1 1-1.8l11 6A1 1 0 0 1 13 23ZM2 41a1 1 0 0 1-.5-1.9l11-6a1 1 0 1 1 1 1.8l-11 6a1 1 0 0 1-.5.1ZM15 6a3 3 0 0 0 3-3 1 1 0 0 1 2 0 3 3 0 0 0 3 3 1 1 0 0 1 0 2 3 3 0 0 0-3 3 1 1 0 0 1-2 0 3 3 0 0 0-3-3 1 1 0 0 1 0-2zm4 2a5 5 0 0 1 1-1 5 5 0 0 1-1-1 5 5 0 0 1-1 1 5 5 0 0 1 1 1Zm25 10.6v18.6a3 3 0 0 1-2 2.8l-6 2.3V13.2l6.2 2.7a3 3 0 0 1 1.8 2.7Zm-2 .4a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0zm0 11a1 1 0 0 0-2 0v2a1 1 0 0 0 2 0zm10-1a1 1 0 0 1-1-1V0h2v28a1 1 0 0 1-1 1z'/%3E%3Cpath d='M49 28a3 3 0 0 0 6 0v-7h3v14H46V21h3zM34 12.3v30.8l-4 1.5V10.5zM28 17v22a12 12 0 0 1 0-22Z'/%3E%3C/svg%3E");
    --complete-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath d='M45 0a45 45 0 1 0 0 90 45 45 0 0 0 0-90Zm18.5 26.7a6.2 6.2 0 0 1 4.4 10.6l-24 24a6.2 6.2 0 0 1-5 2.7 6.2 6.2 0 0 1-5.2-2.7L22.1 49.7a6.2 6.2 0 0 1 4.3-10.6 6.2 6.2 0 0 1 4.4 1.9l8 8 20.4-20.4a6.2 6.2 0 0 1 4.3-1.9z'/%3E%3C/svg%3E");
}

.series-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(9.5rem + 9.5vw),1fr));
    gap: .75rem;
    margin-block: 1.325rem 2.25rem;
    clear: both;
}

.series-block {
    --box-accent: inherit;
    display: flex;
    flex-direction: column;
    font-size: .875em;
    text-align: center;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
}
.series-block.collaboration { --box-accent: #3d8554; }

.series-block .title {
    display: flex;
    font-weight: bold;
    font-size: 1.125em;
}
.series-block .title a {
    display: grid;
    align-items: center;
    flex-grow: 1;
    padding: .425rem .5rem;
}
/* special markers for featured series */

.series-block.reviewers-spotlight .title { background-color: rgb(var(--spotlight-color)/0.075); }
.series-block.featured .title { background-color: rgb(var(--feature-color)/0.1); }
.series-block:where(.featured, .reviewers-spotlight) .title::after,
.large :where(.featured, .reviewers-spotlight) h3::after,
.large :where(._complete) h3::before {
    content: "";
    display: block;
    min-width: 1.25rem;
    min-height: 1.25rem;
    margin-inline-end: .5rem;
    -webkit-mask: var(--_icon) center no-repeat;
    mask: var(--_icon) center no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.reviewers-spotlight .title::after,
.large :where(.reviewers-spotlight) h3::after {
    min-width: 2rem;
    --_icon: var(--spotlight-icon);
    background-color: rgb(var(--spotlight-color));
}
.featured .title::after,
.large :where(.featured) h3::after {
    --_icon: var(--feature-icon);
    background-color: rgb(var(--feature-color));
}

.large :where(._complete) h3::before {
    --_icon: var(--complete-icon);
    order: 2;
    margin: 0;
    background-color: currentColor;
}

/*---------------------------*/

.series-block .description > :not(.preview) { display: none; } /* fallback for licnesngbox bleed */
.series-block .description > .preview {
    display: block; text-align: start;
    padding-inline: .875rem;
    padding-block-end: .5rem;
}
.series-block .description > .preview p:first-child { margin-block-start: 0; }
.series-block .description > .preview p:last-child { margin-block-end: 0; }

.series-block .metadata {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    align-items: center;
    border-top: solid 0.05rem rgb(0 0 0/.1);
}
.series-block .metadata div {
    flex-grow: 1;
    display: grid;
    place-items: center;
    padding: .425em;
}

.series-block .footer {
    display: flex;
    justify-content: end;
    font-size: .75em;
    box-shadow: inset 0 -0.325rem 0 var(--box-accent);
}
.series-block .footer::before {
    content: "";
    display: block;
    width: 1.75em;
    background: var(--box-accent);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    margin-inline-end: -0.05em;
}

.series-block .footer :is(.printuser, .co-au) {
    color: #fff9;
    display: inline-flex;
    align-items: center;
    padding: .225em .325em;
    background: var(--box-accent);
}
.series-block .footer .printuser::before {
    content: "by";
    padding-inline-end: .425ch;
}
.series-block .footer a { color: #fff; }

.series-block .footer .co-au {
    padding-inline-start: 0;
    display: none;
}
.series-block.co-authored .footer .co-au { display: inline-flex; }

.series-block .footer .deleted img { display: none; }

.series-wrapper .pager {
    grid-column: 1/-1;
    border-bottom: solid 0.175rem var(--box-accent);
}

/*---------------------------*/

.series-wrapper.large {
    grid-template-columns: repeat(auto-fill, minmax(20.5rem,1fr));
}

.large .series-block {
    --link-color: #b01;
    display: flex;
    gap: .475rem;
    flex-direction: column;
    padding-block-start: .5rem;
}
.large .series-block > img {
    align-self: center;
    height: 4.75rem !important;
}
.large h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    font-size: 1.425em;
    letter-spacing: initial;
    padding-inline: .675rem;
    margin: 0;
    color: currentColor;
}
.large .series-block h3::after { margin: 0; }
.large .series-block h3 > span { flex-grow: 1; }

.large .series-block .blurb {
    flex-grow: 1;
    padding-inline: 1.125em;
    border-block-start: solid 0.05rem #ccc9;
    text-align: start;
}
.large :is(.blurb, h3) a {
    color: var(--link-color);
}

.tag-lead {
    display: flex;
    justify-content: end;
    box-shadow: inset 0 -0.325rem 0 var(--box-accent);
    font-size: .775em;
    font-style: italic;
    margin-block-start: -.5rem;
}
.tag-lead::before {
    content: "";
    display: block;
    width: 1.75em;
    background: var(--box-accent);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    margin-inline-end: -0.05em;
}
.tag-lead a {
    display: block;
    padding: .225em .5em;
    padding-inline-start: .125em;
    color: #fff;
    font-weight: bold;
    background-color: var(--box-accent);
}
.tag-lead a::before {
    content: "See all works tagged";
    display: inline-block;
    padding-inline-end: .425ch;
    color: #fff9;
    font-weight: normal;
}
[[/module]]


[[=]]
+* [[size 125%]]Welcome to the SCP Foundation Tale Series Archive[[/size]]
[[/=]]

[[div class="info-wrapper"]]
[[div class="info"]]
This is an archive for tale series hubs, ordered by date of publication. You can visit [[[Curated Tale Series]]] to view featured tales and groupings by genre.

For organizational purposes, canons are not indexed here, and can instead be found on the [[[Canon Hub]]].
[[/div]]
[[div class="legend"]]
|||| Legend ||
||[[span class="feature-marker"]]star[[/span]]|| [[[featured-tale-archive-ii|Featured]]] series ||
||[[span class="spotlight-marker"]]spotlight[[/span]]|| [[[reviewers-spotlight-archive-ii|Reviewer's Spotlight]]] ||
|||| **[[span style="color: #3d8554"]]Green[[/span]]** series are open entry.||
[[/div]]
[[/div]]

++* List of Tale Hubs

[[div class="series-wrapper content-type-description"]]
[[module ListPages order="created_at desc" wrapper="no" separate="false" tags="@URL|_tale-hub" perPage="24"]]

[[div class="series-block %%tags%%"]]
[[div_ class="title"]]
%%title_linked%%
[[/div]]

[[div class="description"]]
%%content{2}%%
[[/div]]

[[div_ class="metadata"]]
[[div_]]
%%created_at|%Y.%m.%e|agohover%%
[[/div]]
[[div_]]
%%comments%% 💬︎
[[/div]]
[[/div]]

[[div_ class="footer"]]
[[user %%created_by%%]][[span class="co-au"]] et al.[[/span]]
[[/div]]
[[/div]]

[[/module]]
[[/div]]


++* Series with dedicated tags

[[div class="info-wrapper"]]
[[div class="info"]]
The following is a list of series with their own tags. A [[span class="complete-marker"]]Check mark[[/span]] indicates the series has been completed.

[[collapsible show="+ Editorial Guide" hide="- Editorial Guide"]]
These entries are added manually with the following template:
[[div class="blockquote" style="font-family: 'Andale Mono', 'Courier New', Courier, monospace; font-size: .8125em; margin: 0; border-style: solid;"]]
@@[[div_ class="series-block"]]@@
@@+++ [[[slug|Title]]]@@
@@[[div class="blurb"]]@@
Blurb here.
@@[[/div]]@@
@@[[div_ class="tag-lead"]]@@
@@[https://scpwiki.com/system:page-tags/tag/name-of-tag name-of-tag]@@
@@[[/div]]@@
@@[[/div]]@@
[[/div]]

Append the class {{collaboration}}, {{featured}}, {{reviewers-spotlight}}, and {{_complete}} to the {{series-block}} div for open entry series, featured series and completed series, respectively.

Authors may also append custom inline styling to their block and add a logo image, within reasonable bounds.

Footers may not be altered outside specifications.
[[/collapsible]]
[[/div]]

[[ul class="toc-wrapper"]]
[[li class="folded"]]
[[div_ class="foldable-list-container"]]
[# Unfold][# Fold]
[[/div]]
[[toc]]
[[/li]]
[[/ul]]
[[/div]]



[[div class="series-wrapper large"]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete" style="background: #111111; color: #efefef; --link-color: #e47412;"]]
+++ [[[scp-anthology-hub|SCP Anthology 2022]]]
[[div class="blurb"]]
ANTHOLOGY is a 31-day event wherein each day of October, a horror SCP is posted, bound by the theme "ABCs of Death",  each by a different author.

There's something for everyone here — So long as it is nightmares you seek.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/abcs-of-death abcs-of-death]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block" style="border-inline: solid .375rem transparent; border-image: linear-gradient(-30deg, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255) 45%, rgb(255, 255, 255), rgb(255, 255, 255) 55%, rgb(246, 216, 221), rgb(247, 168, 184), rgb(179, 157, 233), rgb(85, 205, 252));border-image-slice: 1;"]]
+++ [[[anabasis-hub|Anabasis]]]
[[div class="blurb"]]
Fighting with my sister as the world bleeds out.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/anabasis anabasis]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ [[[ao-hub|Tales of Anomalous Items]]]
[[div class="blurb"]]
Pick an item from the [[[log-of-anomalous-items|Log Of Anomalous Items]]], and make an interesting tale about it.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/ao-tale ao-tale]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration collaboration" style="--link-color: #60A654; border-inline: solid 0.2rem ##97CE8E; background: ##F6F6F6;"]]
+++ [[[the-appliance-war-hub|THE APPLIANCE WAR]]]
[[div class="blurb"]]
The Foundation has a problem. Appliances across the world are coming to life and learning to fight back. Microwaves, toilets, and even your own mobile phone might be watching you right now.

It's a problem. And Site-37 has to fix it.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/appliance-war appliance-war]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block"]]
+++ [[[stealingsolidarityhub|Stealing Solidarity]]]
[[div class="blurb"]]
Five cyborg commando catgirls. One guy in a bathrobe. One spaceship. Space is infinite.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/black-rabbit-company black-rabbit-company]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[bury-the-survivors-hub|The Breach Goes On: Bury the Survivors]]]
[[div class="blurb"]]
On 8 September 2002, all heaven and hell breaks loose at Site-43.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/bury-the-survivors bury-the-survivors]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[wrong-tomorrow-hub|The Breach Goes On: Wrong Tomorrow]]]
[[div class="blurb"]]
It's almost enough to make you wonder if totalitarian shadow governments are worth it!
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/wrong-tomorrow wrong tomorrow]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ [[[cack-hub|Cack Hard]]]
[[div class="blurb"]]
The Cack Hard cinematic universe is home to a bunch of dumb stupid stuff, mostly weird crack fiction.

Cack fiction, if you will.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/cack-hard cack-hard]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block"]]
+++ [[[classicalrevivalindex|Classical Revival]]]
[[div class="blurb"]]
The Revival is an attempt to hearken back to the old, pre-Mass Edit days of the site, but with more modern sensibilities.

SCPs that can be used or reasoned with are used to the fullest extent possible, harmless SCPs will have far more relaxed security measures, and incredibly dangerous ones are on the list to be destroyed as soon as possible.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/classical-revival classical-revival]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[tales-of-mr-collector|Tales of Mr. Collector]]]
[[div class="blurb"]]
**Wow!** You just found yourself the Tales of Mr. Collector, a limited edition story collection from Dr. Wondertainment!

Read them all and become Mr. Reader!!
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/collector-tale collector-tale]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ [[[etdp-hub-page|Et Tam Deum Petivi]]]
[[div class="blurb"]]
Tales from the Horizon Initiative and other things of a theological nature.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/etdp etdp]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
[[image https://scp-wiki.wdfiles.com/local--files/goc-hub-page/GOC-Logo-v4.png]]
+++ [[[goc-hub-page|Global Occult Coalition Casefiles]]]
[[div class="blurb"]]
To those of you who would do harm to humanity, I say this: the Global Occult Coalition stands ready to defend humanity against all foes.

Whether it likes it or not.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/goc-casefiles goc-casefiles]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ HARBINGER
[[div class="blurb"]]
It approaches.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/harbinger harbinger]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration" style="--link-color: #115AAC; border-inline: solid 0.1rem #115AAC; background: #f5f5f5;"]]
+++ [[[integration-program-hub|Integration Program]]]
[[div class="blurb"]]
Yes, we at Site-322 understand that this is a very stark change of pace for the Foundation.

But, if you don't believe that this works, why don't you hear from a few anomalies that were part of the Integration Program?
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/integration-program integration-program]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block" style="background-color: #dcf2b0; color: #3B5C0A; --link-color: #148c14;"]]
[[image https://scp-wiki.wdfiles.com/local--files/theme:kiryu-labs-theme/kiryulabs.png]]
+++ [[[kiryu-labs-hub|Kiryu Labs]]]
[[div class="blurb"]]
There are 18 rooms total that make up Kiryu Labs.

These and the other rooms are where a few of the Foundation’s caches of anomalous items (not quite interesting enough to merit special containment, not quite harmless enough to be stuffed in a broom closet) are processed.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/kiryu-labs kiryu-labs]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ Little Misters
[[div class="blurb"]]
Wow! You've just found yourself your very own Little Mister, a limited edition collection from Dr. Wondertainment!

Will you find them all?
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/mister mister]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
[[image https://scp-wiki.wikidot.com/local--files/mundus-liberari/MundusLiberari.png]]
+++ [[[mundus-liberari|Mundus, Liberari]]]
[[div class="blurb"]]
An anti-fascist series centering around an unlikely group gathering together, and the people they protect.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/mundus-liberari mundus-liberari]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[resurrection-new-faces-hub|Resurrection: New Faces]]]
[[div class="blurb"]]
Chosen to head a new Mobile Task Force made up (at least partially) by anomalous individuals by the powers that be, Director Light has a lot of pressure on her.

At the same time, an anomaly beneath a Site in Yellowstone has begun to wake up.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/new-faces new-faces]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[resurrection-old-foes-hub|Resurrection: Old Foes]]]
[[div class="blurb"]]
Over the past decade, the Foundation has spent copious time and absurd amounts of money bringing back their old tricks.

You can't possibly think their enemies haven't been doing that, too?
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/old-foes old-foes]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block"]]
+++ [[[olympia-project|Olympia Project]]]
[[div class="blurb"]]
**Project Aims:** To successfully create an artificial humanoid through the use of several SCPs, and use it to the benefit of the Foundation.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/olympia olympia]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ Orientation
[[div class="blurb"]]
= All recruitments begin with a good first impression.

[[module ListPages limit="1" order="random" tags="orientation" wrapper="no" separate="false"]]
= Random recording: **%%title_linked%%** selected.
[[/module]]
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/orientation orientation]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[project-palisade| Project Palisade]]]
[[div class="blurb"]]
To compromise this would mean nothing less than the death of all reality. The lives of too many innocents rely on us to allow this last moral quibble to undermine all that we have done.

They must die in the dark, so that we can continue to defend the light.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/palisade palisade]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ [[[thaumiel|Project Thaumiel]]]
[[div class="blurb"]]
Explore every way things can go wrong for each [[[SCP-001]]] proposal.

[[module ListPages limit="1" order="random" tags="project-thaumiel -hub" wrapper="no" separate="false"]]
= Choose random file? **%%title_linked%%** decrypted.
[[/module]]
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/project-thaumiel project-thaumiel]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block" style="--link-color: hsl(45, 89%, 34%); color: hsl(0, 0%, 5%); background: hsl(45, 99%, 96%); border: .3rem solid hsl(45, 89%, 40%); border-radius: .3rem"]]
[[image https://scp-wiki.wdfiles.com/local--files/desk-of-junior-designer-s-yvonne/avdiv.png]]
+++ [[[bird|Team Bird]]]
[[div class="blurb"]]
Seventy-five birds against seven billion humans, a god, and Medila-knows how many anomalies (some of them from Thoth himself). The odds are bleak, I know. But we've got brains, determination, and a whole lot of bird-power.

If we pull this off right, we can stop this apocalypse.

[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/team-bird team-bird]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block _complete"]]
+++ [[[the-time-after-time-password-hub|The Time After Time Password]]]
[[div class="blurb"]]
Daniil Sokolsky's plan is to explode seven plots by seven Groups of Interest at Foundation Sites around the globe.

In England, Italy, India, Australia, the United States, South Korea and Japan, seven traitors are waiting for his seven messengers to arrive.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/time-after-time-password time-after-time-password]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block"]]
+++ [[[unreality-hub|Department of Unreality]]]
[[div class="blurb"]]

@@ @@
@@ @@
A blurb //should// go here.
@@ @@
@@ @@

[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/untitled-series untitled-series]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block reviewers-spotlight _complete"]]
[[image https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-120/ontologonew2.png]]
+++ [[[and-every-time-we-meet-again-hub|And Every Time We Meet Again]]]
[[div class="blurb"]]
When all it takes is a single spark to raise the restless world ablaze, there's nothing quite as calming to the raging fire as two flame wizards, ready to do whatever it takes to catch the other.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/we-meet-again we-meet-again]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block" style="background-color: black; color: #f7f7f7; border: .25rem ridge #820e06;"]]
[[image https://scp-wiki.wdfiles.com/local--files/whore-of-blood-hub/Primrose-Sigil-Circle-Red.png]]
+++ [[[whore-of-blood-hub|WHORE OF BLOOD]]]
[[div class="blurb"]]
= **SINNER GET READY**
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/whore-of-blood whore-of-blood]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]

[[div_ class="series-block collaboration"]]
+++ [[[yggdrasils-surveyor|Yggdrasil's Surveyor]]]
[[div class="blurb"]]
One man. One job. An infinite multiverse. A cross-canon series that explores them all.
[[/div]]
[[div_ class="tag-lead"]]
[https://scpwiki.com/system:page-tags/tag/yggdrasil-s-surveyor yggdrasil-s-surveyor]
[[/div]]
[[/div]]

[!-- ------------------------------------------- --]
[[/div]]









[[include :scp-wiki:component:license-box]]
> **Name:** Spotlight
> **Author:** Smalllike
> **License:** CC BY 3.0
> **Source Link:** [https://thenounproject.com/icon/spotlight-2163360/ Noun Project]

> **Name:** Star
> **Author:** ratubilqis1986
> **License:** CC BY 3.0
> **Source Link:** [https://thenounproject.com/icon/star-5480646/ Noun Project]

> **Name:** Check Mark
> **Author:** Dan Craggs
> **License:** CC BY 3.0
> **Source Link:** [https://thenounproject.com/icon/check-mark-189703/ Noun Project]
[[include :scp-wiki:component:license-box-end]]