SCP Article Hub

Link to article: SCP Article Hub.

#page-title {
    display: none;
}

@media not all and (max-width: 767px) {
#main-content {
    max-width: min(57.5rem,calc(100% - 3rem));
}
}

:root { --box-accent: #823f3f; }

.scp-list {
    display: grid;
    gap: .75rem;
    margin-block: 1.5rem;
}
.scp-list .pager { border-block-start: .225rem solid var(--box-accent); }

.scp-block {
    background-color: #fff;
    box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
    contain: paint;
    display: grid;
    grid-template-areas:
        "title date"
        "meta meta";
    grid-template-columns: 1fr max-content;
    gap: .425rem;
    padding: .625rem;
    --box-accent: inherit;
}
.scp-block:not(.scp) { display: none; }

.scp-block  .title {
    grid-area: title;
    display: flex;
    gap: .325ex 0.75ex;
    align-items: center;
    flex-wrap: wrap;
}
.scp-block .title > a {
    font-weight: bold;
    font-size: 1.075em;
}
.scp-block .title > .author { font-size: .775em; flex-grow: 1; }
.author .printuser {
    display: inline-flex;
    align-items: baseline;
    gap: .325em;
}
.author .printuser img {
    margin: 0;
    padding: 0;
    padding-left: .475rem;
}

.scp-block .date {
    grid-area: date;
    font-feature-settings: 'case','ss01','ss04','tnum';
    font-size: .725em;
}

.scp-block .meta {
    grid-area: meta;
    display: flex;
    font-size: .775em;
    gap: .75rem;
    justify-content: space-between;
}
.meta .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: flex-start;
}
.tag-list a {
    display: block;
    border-radius: 1.5rem;
    padding: .125em .675em;
    text-decoration: none;
    font-weight: 550;
    color: var(--box-accent);
    background-color: #823f3f0f;
}
.tag-list a[href$="scp"] { display: none; }
.tag-list a:is(:hover,:focus) {
    color: white;
    background-color: var(--box-accent);
}

.meta .sec-info {
    display: grid;
    grid-template-columns: 3rem 3.5rem;
    align-items: center;
    text-align: end;
    gap: .25rem;
    min-width: max-content;
    align-self: flex-end;
}
.sec-info > br { display: none; }
.sec-info .comments > span { font-size: 0; }

.scp-block .description {
    grid-column: 1/-1;
}
.description > :not(.preview) { display: none; }
.description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
.description > .preview {
    display: block;
    font-size: .9125em;
    padding-block-start: .425rem;
    border-block-start: .05rem solid #ddd;
}
.description > .preview > p:first-child { margin-block-start: 0.25em; }
.description > .preview > p:last-child { margin-block-end: 0.25em; }


div.tag-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem;
    font-size: .9125em;
    margin-block: .5rem;
}
div.tag-nav br { display: none; }
div.tag-nav p { display: contents; }

```
display: block;
```

```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
tag-nav
```
```
tag-list
```
```
scp-list
```
```
content-type-description
```
```
scp-block
```
```
%%tags%%
```
```
title
```
```
author
```
```
date
```
```
meta
```
```
tag-list
```
```
sec-info
```
```
rating
```
```
comments
```
```
description
```
```
scp-block
```

[[include :scp-wiki:component:toggle-sidebar]]
[[include fragment:nav-generic-css]]

[[=]]
+* [[size 115%]]Welcome to the SCP Article Hub[[/size]]

++* SCP Series: [[[scp-series-10|10]]] | [[[scp-series-9|9]]] | [[[scp-series-8|8]]] | [[[scp-series-7|7]]] | [[[scp-series-6|6]]] | [[[scp-series-5|5]]] | [[[scp-series-4|4]]] | [[[scp-series-3|3]]] | [[[scp-series-2|2]]] | [[[scp-series|1]]]
++* [[[SCP-001| 001 Proposals]]] | [[[scp-ex|Explained]]] | [[[joke-scps|Joke]]] | [[[scp-international|International]]]

This page lists all SCP articles and their tags, starting with the most recently created. The list can be filtered for a particular tag by selecting one of the ones listed below.

[[div_ class="tag-nav tag-list"]]
[/scp-hub Reset filter]
[/scp-hub/tag/001-proposal 001 Proposals]
[/scp-hub/tag/explained Explained]
[/scp-hub/tag/-tale,-goi-format,-hub,joke Joke]
[/scp-hub/tag/-tale,-goi-format,-hub,international International]
[[/div]]
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/-tale,-goi-format,-artist,-artwork,audio Audio]
[/scp-hub/tag/-tale,-goi-format,-artist,-artwork,comic Comic]
[/scp-hub/tag/-tale,-goi-format,-hub,illustrated Illustrated]
[/scp-hub/tag/-tale,-goi-format,-hub,interactive Interactive]
[/scp-hub/tag/-tale,-goi-format,poetry Poetry]
[/scp-hub/tag/-tale,-goi-format,-artist,-artwork,video Video]
[[/div]]

[[collapsible show="Show Object Class and SCP Attribute Tags" hide="Hide SCP specific Tags"]]
All articles tagged "scp" should be tagged with an object class and all applicable SCP Attributes. See the [[[SCP Tagging Guide]]] for an explanation of these tags.
++* Object Class
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/safe Safe]
[/scp-hub/tag/euclid Euclid]
[/scp-hub/tag/keter Keter]
[/scp-hub/tag/thaumiel Thaumiel]
[/scp-hub/tag/apollyon Apollyon]
[/scp-hub/tag/archon Archon]
[/scp-hub/tag/cernunnos Cernunnos]
[/scp-hub/tag/ticonderoga Ticonderoga]
[/scp-hub/tag/neutralized Neutralized]
[/scp-hub/tag/decommissioned Decommissioned]
[/scp-hub/tag/pending Pending]
[/scp-hub/tag/esoteric-class Esoteric Class]
[[/div]]

++* SCP Attributes
+++* Entity
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/adaptive adaptive]
[/scp-hub/tag/alive alive]
[/scp-hub/tag/amorphous amorphous]
[/scp-hub/tag/autonomous autonomous]
[/scp-hub/tag/bacteria bacteria]
[/scp-hub/tag/child child]
[/scp-hub/tag/clown clown]
[/scp-hub/tag/deity deity]
[/scp-hub/tag/foundation-personnel foundation-personnel]
[/scp-hub/tag/fungus fungus]
[/scp-hub/tag/hive-mind hive mind]
[/scp-hub/tag/hostile hostile]
[/scp-hub/tag/humanoid humanoid]
[/scp-hub/tag/metamorphic metamorphic]
[/scp-hub/tag/mimetic mimetic]
[/scp-hub/tag/nocturnal nocturnal]
[/scp-hub/tag/predatory predatory]
[/scp-hub/tag/plant plant]
[/scp-hub/tag/sapient sapient]
[/scp-hub/tag/species species]
[/scp-hub/tag/swarm swarm]
[/scp-hub/tag/tree tree]
[/scp-hub/tag/virus virus]
[[/div]]
+++* Animal
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/animal animal]
[/scp-hub/tag/amphibian amphibian]
[/scp-hub/tag/arachnid arachnid]
[/scp-hub/tag/arthropod arthropod ]
[/scp-hub/tag/bear bear]
[/scp-hub/tag/bee bee]
[/scp-hub/tag/bird bird]
[/scp-hub/tag/bovine bovine]
[/scp-hub/tag/butterfly butterfly]
[/scp-hub/tag/canine canine]
[/scp-hub/tag/cephalopod cephalopod]
[/scp-hub/tag/cetacean cetacean]
[/scp-hub/tag/crustacean crustacean]
[/scp-hub/tag/deer deer]
[/scp-hub/tag/dinosaur dinosaur]
[/scp-hub/tag/dragon dragon]
[/scp-hub/tag/equine equine]
[/scp-hub/tag/feline feline]
[/scp-hub/tag/insect insect]
[/scp-hub/tag/invertebrate invertebrate]
[/scp-hub/tag/primate primate]
[/scp-hub/tag/rabbit rabbit]
[/scp-hub/tag/reptile reptile]
[/scp-hub/tag/rodent rodent]
[/scp-hub/tag/shark shark]
[/scp-hub/tag/snake snake]
[/scp-hub/tag/worm worm]
[[/div]]

+++* Biological
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/biological biological]
[/scp-hub/tag/biohazard biohazard]
[/scp-hub/tag/blood blood]
[/scp-hub/tag/cadaver cadaver]
[/scp-hub/tag/contagion contagion]
[/scp-hub/tag/dental dental]
[/scp-hub/tag/extremity extremity]
[/scp-hub/tag/genetic genetic]
[/scp-hub/tag/medical medical]
[/scp-hub/tag/ocular ocular]
[/scp-hub/tag/parasitic parasitic]
[/scp-hub/tag/reanimation reanimation]
[/scp-hub/tag/reproductive reproductive]
[/scp-hub/tag/sexual sexual]
[/scp-hub/tag/skeletal skeletal]
[/scp-hub/tag/toxic toxic]
[[/div]]

+++* Mental
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/addictive addictive]
[/scp-hub/tag/antimemetic antimemetic]
[/scp-hub/tag/auditory auditory]
[/scp-hub/tag/cognitohazard cognitohazard]
[/scp-hub/tag/compulsion compulsion]
[/scp-hub/tag/empathic empathic]
[/scp-hub/tag/gustatory gustatory]
[/scp-hub/tag/hallucination hallucination]
[/scp-hub/tag/infohazard infohazard]
[/scp-hub/tag/knowledge knowledge]
[/scp-hub/tag/language language]
[/scp-hub/tag/memetic memetic]
[/scp-hub/tag/memory-affecting memory-affecting]
[/scp-hub/tag/mind-affecting mind-affecting]
[/scp-hub/tag/neurological neurological]
[/scp-hub/tag/observational observational]
[/scp-hub/tag/olfactory olfactory]
[/scp-hub/tag/predictive predictive]
[/scp-hub/tag/sensory sensory]
[/scp-hub/tag/sleep sleep]
[/scp-hub/tag/tactile tactile]
[/scp-hub/tag/telepathic telepathic]
[/scp-hub/tag/visual visual]
[[/div]]

+++* Physical
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/acoustic acoustic]
[/scp-hub/tag/chemical chemical]
[/scp-hub/tag/corrosive corrosive]
[/scp-hub/tag/ectoentropic ectoentropic]
[/scp-hub/tag/electrical electrical]
[/scp-hub/tag/electromagnetic electromagnetic]
[/scp-hub/tag/entropic entropic]
[/scp-hub/tag/fire fire]
[/scp-hub/tag/future future]
[/scp-hub/tag/gaseous gaseous]
[/scp-hub/tag/gravity gravity]
[/scp-hub/tag/immobile immobile]
[/scp-hub/tag/indestructible indestructible]
[/scp-hub/tag/intangible intangible]
[/scp-hub/tag/light light]
[/scp-hub/tag/liquid liquid]
[/scp-hub/tag/loop loop]
[/scp-hub/tag/magnetic magnetic]
[/scp-hub/tag/microscopic microscopic]
[/scp-hub/tag/miniature miniature]
[/scp-hub/tag/mobile mobile]
[/scp-hub/tag/portal portal]
[/scp-hub/tag/paradox paradox]
[/scp-hub/tag/polyhedral polyhedral]
[/scp-hub/tag/radioactive radioactive]
[/scp-hub/tag/reality-bending reality-bending]
[/scp-hub/tag/self-repairing self-repairing]
[/scp-hub/tag/self-replicating self-replicating]
[/scp-hub/tag/shadow shadow]
[/scp-hub/tag/spatial spatial]
[/scp-hub/tag/sphere sphere]
[/scp-hub/tag/telekinetic telekinetic]
[/scp-hub/tag/teleportation teleportation]
[/scp-hub/tag/temporal temporal]
[/scp-hub/tag/thaumaturgy thaumaturgy]
[/scp-hub/tag/thermal thermal]
[/scp-hub/tag/thermodynamic thermodynamic]
[/scp-hub/tag/transfiguration transfiguration]
[/scp-hub/tag/transmission transmission]
[/scp-hub/tag/vibration vibration]
[[/div]]

+++* Environment
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/airborne airborne]
[/scp-hub/tag/aquatic aquatic]
[/scp-hub/tag/building building]
[/scp-hub/tag/city city]
[/scp-hub/tag/extradimensional extradimensional]
[/scp-hub/tag/extraterrestrial extraterrestrial]
[/scp-hub/tag/forest forest]
[/scp-hub/tag/geological geological]
[/scp-hub/tag/island island]
[/scp-hub/tag/library library]
[/scp-hub/tag/location location]
[/scp-hub/tag/meteorological meteorological]
[/scp-hub/tag/moon moon]
[/scp-hub/tag/planet planet]
[/scp-hub/tag/satellite satellite]
[/scp-hub/tag/structure structure]
[/scp-hub/tag/subterranean subterranean]
[/scp-hub/tag/sun sun]
[[/div]]

+++* Artificial
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/artifact artifact]
[/scp-hub/tag/archaeological archaeological]
[/scp-hub/tag/alcohol alcohol]
[/scp-hub/tag/appliance appliance]
[/scp-hub/tag/artistic artistic]
[/scp-hub/tag/clockwork clockwork]
[/scp-hub/tag/clothing clothing]
[/scp-hub/tag/cinema cinema]
[/scp-hub/tag/computer computer]
[/scp-hub/tag/currency currency]
[/scp-hub/tag/document document]
[/scp-hub/tag/electronic electronic]
[/scp-hub/tag/food food]
[/scp-hub/tag/foundation-made foundation-made]
[/scp-hub/tag/game game]
[/scp-hub/tag/inscription inscription]
[/scp-hub/tag/jewelry jewelry]
[/scp-hub/tag/mechanical mechanical]
[/scp-hub/tag/media media]
[/scp-hub/tag/musical musical]
[/scp-hub/tag/online online]
[/scp-hub/tag/performance performance]
[/scp-hub/tag/photographic photographic]
[/scp-hub/tag/robotic robotic]
[/scp-hub/tag/sculpture sculpture]
[/scp-hub/tag/sport sport]
[/scp-hub/tag/tool tool]
[/scp-hub/tag/toy toy]
[/scp-hub/tag/weapon weapon]
[/scp-hub/tag/vehicle vehicle]
[[/div]]

+++* Other
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/anomalous-event anomalous-event]
[/scp-hub/tag/concept concept]
[/scp-hub/tag/exchange exchange]
[/scp-hub/tag/k-class-scenario k-class-scenario]
[/scp-hub/tag/mathematical mathematical]
[/scp-hub/tag/meta meta]
[/scp-hub/tag/military military]
[/scp-hub/tag/narrative narrative]
[/scp-hub/tag/probability probability]
[/scp-hub/tag/phenomenon phenomenon]
[/scp-hub/tag/religious religious]
[/scp-hub/tag/ritual ritual]
[/scp-hub/tag/uncontained uncontained]
[[/div]]

For definitions of these tags, see the [[[Tag List]]].
[[/collapsible]]

[[collapsible show="Show Genre, Theme and Setting Tags" hide="Hide Genre Tags"]]
Only some SCPs have been genre tagged. For definitions of these tags, see the [[[Genre Tagging Guide]]].
++* Genre
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/-tale,-goi-format,-hub,absurdism Absurdism]
[/scp-hub/tag/-tale,-goi-format,-hub,action Action]
[/scp-hub/tag/-tale,-goi-format,-hub,adventure  Adventure]
[/scp-hub/tag/-tale,-goi-format,-hub,bittersweet Bittersweet]
[/scp-hub/tag/-tale,-goi-format,-hub,bleak Bleak]
[/scp-hub/tag/-tale,-goi-format,-hub,breakout Breakout]
[/scp-hub/tag/-tale,-goi-format,-hub,comedy All Comedy]
[/scp-hub/tag/-tale,-goi-format,-hub,black-comedy Black Comedy]
[/scp-hub/tag/-tale,-goi-format,-hub,chase Chase]
[/scp-hub/tag/-tale,-goi-format,-hub,crime-fiction Crime Fiction]
[/scp-hub/tag/-tale,-goi-format,-hub,fantasy Fantasy]
[/scp-hub/tag/-tale,-goi-format,-hub,heartwarming Heartwarming]
[/scp-hub/tag/-tale,-goi-format,-hub,horror All Horror]
[/scp-hub/tag/-tale,-goi-format,-hub,body-horror Body Horror]
[/scp-hub/tag/-tale,-goi-format,-hub,cosmic-horror Cosmic Horror]
[/scp-hub/tag/-tale,-goi-format,-hub,psychological-horror Psychological Horror]
[/scp-hub/tag/-tale,-goi-format,-hub,metafiction Metafiction]
[/scp-hub/tag/-tale,-goi-format,-hub,military-fiction Military Fiction]
[/scp-hub/tag/-tale,-goi-format,-hub,mystery Mystery]
[/scp-hub/tag/-tale,-goi-format,-hub,religious-fiction Religious Fiction]
[/scp-hub/tag/-tale,-goi-format,-hub,romance Romance]
[/scp-hub/tag/-tale,-goi-format,-hub,science-fiction Science Fiction]
[/scp-hub/tag/-tale,-goi-format,-hub,slice-of-life Slice of Life]
[/scp-hub/tag/-tale,-goi-format,-hub,surrealism Surrealism]
[/scp-hub/tag/-tale,-goi-format,-hub,spy-fiction Spy Fiction]
[/scp-hub/tag/-tale,-goi-format,-hub,xenofiction Xenofiction]
[/scp-hub/tag/-tale,-goi-format,-hub,_genreless Undefined Genre]
[[/div]]

++* Themes
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/-tale,-goi-format,-hub,alien Alien]
[/scp-hub/tag/-tale,-goi-format,-hub,artificial-intelligence Artificial Intelligence]
[/scp-hub/tag/-tale,-goi-format,-hub,bureaucracy Bureaucracy]
[/scp-hub/tag/-tale,-goi-format,-hub,demon Demon]
[/scp-hub/tag/-tale,-goi-format,-hub,faerie Faerie]
[/scp-hub/tag/-tale,-goi-format,-hub,ghost Ghost]
[/scp-hub/tag/-tale,-goi-format,-hub,historical Historical]
[/scp-hub/tag/-tale,-goi-format,-hub,journalism Journalism]
[/scp-hub/tag/-tale,-goi-format,-hub,legal Legal]
[/scp-hub/tag/-tale,-goi-format,-hub,lgbtq LGBTQ+]
[/scp-hub/tag/-tale,-goi-format,-hub,murder-monster Murder Monster]
[/scp-hub/tag/-tale,-goi-format,-hub,mythological Mythological]
[/scp-hub/tag/-tale,-goi-format,-hub,political Political]
[/scp-hub/tag/-tale,-goi-format,-hub,superhero Superhero]
[/scp-hub/tag/-tale,-goi-format,-hub,time-travel Time Travel]
[[/div]]

++* Setting
[[div_ class="tag-nav tag-list"]]
[/scp-hub/tag/-tale,-goi-format,-hub,afterlife Afterlife]
[/scp-hub/tag/-tale,-goi-format,-hub,alternate-history Alternate History]
[/scp-hub/tag/-tale,-goi-format,-hub,apocalyptic Apocalyptic]
[/scp-hub/tag/-tale,-goi-format,-hub,post-apocalyptic Post-Apocalyptic]
[/scp-hub/tag/-tale,-goi-format,-hub,christmas Christmas]
[/scp-hub/tag/-tale,-goi-format,-hub,corporate Corporate]
[/scp-hub/tag/-tale,-goi-format,-hub,dystopian Dystopian]
[/scp-hub/tag/-tale,-goi-format,-hub,halloween Halloween]
[/scp-hub/tag/-tale,-goi-format,-hub,otherworldly Otherworldly]
[/scp-hub/tag/-tale,-goi-format,-hub,period-piece  Period Piece]
[/scp-hub/tag/-tale,-goi-format,-hub,school School]
[/scp-hub/tag/-tale,-goi-format,-hub,space-opera Space Opera]
[/scp-hub/tag/-tale,-goi-format,-hub,utopian Utopian]
[/scp-hub/tag/-tale,-goi-format,-hub,western Western]
[[/div]]

[[/collapsible]]

[[module CountPages category="_default" order="@URL|date" wrapper="no" separate="false" perPage="20" tags="@URL|+scp"]]
Currently listing %%total%% SCPs.
[[/module]]
[[/=]]

[[div class="scp-list content-type-description"]]
[[module ListPages category="_default" order="@URL|date" wrapper="no" separate="false" perPage="30" tags="@URL|+scp"]]

[[div class="scp-block %%tags%%"]]
[[div_ class="title"]]
%%linked_title%% [[span class="author"]]by %%created_by_linked%%[[/span]]
[[/div]]
[[div_ class="date"]]
%%created_at|%Y %b %e|agohover%%
[[/div]]

[[div_ class="meta"]]
[[span class="tag-list"]]%%tags_linked|scp-hub/tag/-tale,-goi-format,-supplement,-hub,-site,%%[[/span]]
[[div_ class="sec-info"]]
[[span class="rating"]][[#ifexpr %%rating%% > -1 | + | - ]][[#expr abs(%%rating%%)]][[/span]]
[[span class="comments"]]%%comments%% [[span]]Comments[[/span]]💬︎[[/span]]
[[/div]]
[[/div]]

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

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

------

[[div class="scp-block" style="display: block;"]]
++* See also:

* **[[[scp-series-1-tales-edition|SCP Series - Tale Edition 1]]] | [[[scp-series-2-tales-edition|2]]] | [[[scp-series-3-tales-edition|3]]] | [[[scp-series-4-tales-edition|4]]] | [[[scp-series-5-tales-edition|5]]] | [[[scp-series-6-tales-edition|6]]] | [[[scp-series-7-tales-edition|7]]] | [[[scp-series-8-tales-edition|8]]]**
* **[[[explained-scps-tales-edition|Explained SCPs - Tale Edition]]]**
* **[[[joke-scps-tales-edition|Joke SCPs - Tale Edition]]]**

* **[[[audio-adaptations|Audio Adaptions]]]:** Links to the best audio readings of SCPs articles.

* **[[[series-archive |Series Archive]]]:** An archive for listing various series hubs.

* **[[[canon-hub |Canon Hub]]]:** An hub for the various Foundation universe canons.

* **[[[incident-reports-eye-witness-interviews-and-personal-logs |Incident Report Archive]]]:**  An archive of incident reports, eyewitness interviews, and various other Foundation addenda.

* **[[[contest-archive |Contest Archive]]]:** An archive dedicated to the various contests the SCP Wiki has held over the years.

* **[[[Highest Rated SCPs]]]:** The most popular SCPs on the site.

* **[[[SCP Calendar|]]]:** SCP articles sorted by calendar dates.
[[/div]]

[[module css]]
#page-title {
    display: none;
}

@media not all and (max-width: 767px) {
#main-content {
    max-width: min(57.5rem,calc(100% - 3rem));
}
}

:root { --box-accent: #823f3f; }

.scp-list {
    display: grid;
    gap: .75rem;
    margin-block: 1.5rem;
}
.scp-list .pager { border-block-start: .225rem solid var(--box-accent); }

.scp-block {
    background-color: #fff;
    box-shadow: 0 0 0.325rem rgb(0 0 0 / 0.25);
    contain: paint;
    display: grid;
    grid-template-areas:
        "title date"
        "meta meta";
    grid-template-columns: 1fr max-content;
    gap: .425rem;
    padding: .625rem;
    --box-accent: inherit;
}
.scp-block:not(.scp) { display: none; }

.scp-block  .title {
    grid-area: title;
    display: flex;
    gap: .325ex 0.75ex;
    align-items: center;
    flex-wrap: wrap;
}
.scp-block .title > a {
    font-weight: bold;
    font-size: 1.075em;
}
.scp-block .title > .author { font-size: .775em; flex-grow: 1; }
.author .printuser {
    display: inline-flex;
    align-items: baseline;
    gap: .325em;
}
.author .printuser img {
    margin: 0;
    padding: 0;
    padding-left: .475rem;
}

.scp-block .date {
    grid-area: date;
    font-feature-settings: 'case','ss01','ss04','tnum';
    font-size: .725em;
}

.scp-block .meta {
    grid-area: meta;
    display: flex;
    font-size: .775em;
    gap: .75rem;
    justify-content: space-between;
}
.meta .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: flex-start;
}
.tag-list a {
    display: block;
    border-radius: 1.5rem;
    padding: .125em .675em;
    text-decoration: none;
    font-weight: 550;
    color: var(--box-accent);
    background-color: #823f3f0f;
}
.tag-list a[href$="scp"] { display: none; }
.tag-list a:is(:hover,:focus) {
    color: white;
    background-color: var(--box-accent);
}

.meta .sec-info {
    display: grid;
    grid-template-columns: 3rem 3.5rem;
    align-items: center;
    text-align: end;
    gap: .25rem;
    min-width: max-content;
    align-self: flex-end;
}
.sec-info > br { display: none; }
.sec-info .comments > span { font-size: 0; }

.scp-block .description {
    grid-column: 1/-1;
}
.description > :not(.preview) { display: none; }
.description:not(:has(> .preview)) { display: none; } /* progressive enhancement */
.description > .preview {
    display: block;
    font-size: .9125em;
    padding-block-start: .425rem;
    border-block-start: .05rem solid #ddd;
}
.description > .preview > p:first-child { margin-block-start: 0.25em; }
.description > .preview > p:last-child { margin-block-end: 0.25em; }


div.tag-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .25rem;
    font-size: .9125em;
    margin-block: .5rem;
}
div.tag-nav br { display: none; }
div.tag-nav p { display: contents; }
[[/module]]

SCP Article Hub

Module Styles

Inline Styles

Includes

CSS Classes

Page Source