korben600
rating: 0+x

korben600
Author: korben600korben600
Published on 22 Sep 2020 17:09 
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    .mobile-top-bar {
        display: block;
    }
 
    .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block!important;
        position: fixed;
        top: 0;
        left: -19em;
        width: 17em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 0.3em 0.675em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.5s ease-in-out;
    }
 
    #side-bar:target {
        display: block;
        left: 0;
        width: 17em;
        margin: 0;
        z-index: 10;
    }
 
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
 
    .close-menu {
        margin-left: 19em;
        opacity: 0;
    }
}
rating: 0+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }
▷ Show Code ◁
URL-GOES-HERE

CAPTION-GOES-HERE

Item #: SCP-XXXX

Object Class: Euclid

Special Containment Procedures: SCP-XXXX is to be restrained with normal Class-B non-anomalous humanoid restraints. Subject is to be fitted with a full body straightjacket at all times, with no skin exposed, except when performing experiments. Subject is

Description: SCP-XXXX appears to be a male human of Mediterranean descent in his mid-thirties, 195 cm (6'5') Tall, and 79.3 kg (175 lbs), with brown hair and amber eyes.

SCP-XXXX is capable of consuming, and excreting food, but extended testing has revealed that SCP-XXXX does not need to eat food. If historical records and first hand accounts are to be believed, SCP-XXXX is incapable of aging, or ages at a rate significantly lower than baseline humans (current analysis indicates at a rate of 1: [redacted])

SCP-XXXX requires a supply of animal biomass to create instances of SCP-XXXX-1, and appears to be incapable of manifesting when it is not in contact with an equivalent amounts of biomass. Ingesting biomass appears to be unnecessary, as simple contact with any form of biomass will begin to drain the substance, until it rapidly goes through multiple states of decay. SCP-XXXX can store biomass through some anomalous means without increasing its own mass, so any nutritional or anomalous biomass intake and excretion requires constant monitoring.

SCP-XXXX-1 is the designation given to instances that manifest when SCP-XXXX comes into contact with human remains. When SCP-XXXX comes into contact with human remains possessing at least 60% of the deceased's original bone structure, a process of regeneration occurs. Human tissue appears to move from SCP-XXXX to the deceased, rebuilding the deceased's nervous system, musculature, and epidermis, until an instance of SCP-XXXX-1 is completely manifested, perfectly imitating the appearance of the deceased person.

SCP-XXXX-1 instances can be identified by a lower temperature at or approaching room temperature.

[Redacted from here:

DNA testing of SCP-XXXX-1 instances has found exact matches with the original remains. Additionally, most SCP-XXXX-1 instances report similar memories to the original deceased, even when the brains of the deceased had passed the the putrefaction stage of decomposition.

Instances of SCP-XXXX-1 are often outwardly near-indistinguishable from the human their remains originated from, with several major exceptions. Of note is an increased submission to authority. SCP-XXXX-1 instances are consistently rated as several times less aggressive towards authority figures, and have shown increased deference to command structures they were exposed to within 48 hours of resurrection.

Additionally, while SCP-XXXX-1 instances are visually indistinguishable from baseline humans, X-ray analysis and dissection has revealed an internal bone structure identical to the original remains. Despite the often advanced state of decomposition the original remains possessed, the instances do not seem impaired by incomplete, or structurally impaired skeletal structure. Research is ongoing concerning how this occurs, but SCP-XXXX-1 instances appear no more durable than baseline humans, leading to current speculation being centered around an "anomalous skeletal structure" keeping the remains mobile and responding to damage.

SCP-XXXX-1 instances do not possess any specific technical or tactical knowledge from the human that possessed their remains. However, the level of personal knowledge the instance possesses of their body's former hosts appears to be tied to the amount of the original bone structure used in their manifestation.

:End redaction]

SCP-XXXX is generally hostile to all Foundation personnel, though this is unlikely an ingrained response, and instead a result of the circumstances of it's current captivity. Foundation psychologists speculate that given to its advanced lifespan, SCP-XXXX could delayed emotional acuity and become more docile with more time in captivity.

SCP-XXXX refers to itself as "Nemesis". Evidence indicates this is likely a pseudonym, but as most information related to SCP-XXXX is degraded beyond repair, Foundation psychologists are encouraged to use this designation when conversing with SCP-XXXX.

Appendix 1: Circumstances of Acquisition: SCP-XXXX was brought to the Foundation's attention on []/[]/[] during standard Foundation monitoring of ORIA transmissions in the region of [_].

[ORIA transmission on []/[]/[__]
Director Jafari: Report.
ORIA Researcher #1 (Speculated to be Dr [redacted] [redacted]): Director, we have uncovered multiple artifacts from the archaeological site relevant to our interests, but there has been a complication.
Director Jafari: What kind of complication?
ORIA Researcher #1: In the process of excavating the artifacts we found another archaeological site buried underneath it. It is far older than our initial findings.
Director Jafari: Are they relevant to our interests?
ORIA Researcher #1: Unlikely, they are far older than the initial remains. But if we leave them alone, [redacted] militants will likely loot this site, which I believe is wholly unique.
Director Jafari: You came there for a specific reason, Doctor, don't lose site of that.
ORIA Researcher #1: Sir, there are hieroglyphs here.
Director Jafari: …Egyptian hieroglyphs? Out here?
ORIA Researcher #1: Yes, and they look genuine. Sir, we can't leave these here.
Director Jafari: …very well. Continue with the excavation. But be warned, the political instability in the region is hampering our ability to send support without someone noticing. If you can't get those artifacts with the tools you have, bury it, booby trap it, and we'll come back for it later.
ORIA Researcher #1: Understood, sir.
Director Jafari: Oh, and Doctor, when you have time, ask your security retainers about what the phrase "Mission creep" means.
]

[ORIA transmission on []/[]/[__]
ORIA Researcher #1: We have broken through into some kind of chamber, the hieroglyphs all appear to be warnings of some kind, though without an Egyptologist, we cannot be sure. Addittionaly, there is some kind of noise coming from a sealed room, almost like someone is knock-
Director Jafari: -Very well. Continue digging.
ORIA Researcher #1: Sir, I have concerns-
Director Jafari: As do we all, Doctor. You are in charge now, and you must ensure that God smiles on what you do.
ORIA Researcher #1: …very well sir.
]

Note: Analysis indicates that Director Jafari likely realized The Foundation was monitoring his transmissions, as after this point, transmissions began providing noticeably less actionable information until this transmission on []/[]/[__].

[ORIA transmission on []/[]/[__]
ORIA Researcher #1: Send help, he is taking over the compound!
Director Jafari: Doctor, this line is compromised-
ORIA Researcher #1: I DON'T GIVE A SHIT! I think he's already killed the entire protection detail, I don't know how many researchers are left, please, I need help.
Director Jafari: …take anyone who remains and go north, there are operatives in the village of [Redacted] who can shelter you-
ORIA Researcher #1: You don't understand, he's building an army, some little village won't-oh god, he's here
Unknown voice: *Unintelligible dialect later identified as Ancient Sumerian*
]

Note: At this point the transmission was cut off at the source, however the transmission from ORIA's headquarters continued for another 15 seconds afterwards.

[
Director Jafari: Doctor? Doctor, respond.
Director Jafari: …dammit.
Director Jafari (Switching to English): Well, silent heretics? What are you waiting for? ORIA has lost enough resources on this venture. I believe this is your area of expertise now.
]

The Foundation was already allocating resources for an intervention, but political complications had made the process difficult. Foundation air assets were easily inserted under the guise of nearby forces, but the only Foundation ground assets capable of interception were MTF-Delta-90, "Desert Sandstorm", a combat squad assigned to a nearby archaeological dig.

Due to the danger in leaving the archaeological team without it's protection, and their relevant expertise to the current situation, the archaeological team was brought along.

[MTF's approach on Humvees/foundation equivalents

]

SCP-XXXX see

[
SCP-XXXX-1.1 (In Ancient Greek): *The Minoans invaded [Modern Cyprus] and ransacked one of the larger cities, necessitating an intervention by the Egyptians, but the fascinating thing was that Ramses, realizing that the Hittites were becoming stronger, formed a temporary truce.*
Dr. Matrice: *Amazing. How-*
-knock on the door behind them-
Delta-90-A: Doctor, you have a call.
Dr. Matrice: *Sorry. Have message.*
SCP-XXXX-1.1: *Of course.*
-Dr Matrice leaves the room, entering the observation room-
Dr Matrice: Command, this SCP is incredible, he has first-hand knowledge of the Bronze Age before the collapse, he could be an invaluable source of information on ancient civilizations, maybe even ancient SCP's, just give me a bit more time and I can get him to come with use voluntarily-
[Redacted]: This is O5-04
Dr Matrice: …Clearance code?
[Redacted]: Delta-Epsilon-[Redacted]-[Redacted]-[Redacted]-[Redacted]
Dr Matrice: Delta-Epsilon-[Redacted]-[Redacted]-[Redacted]
Dr Matrice: Oh god, I am so sorry, Ma'am.
[Redacted]: Do not worry about it, Doctor. I am calling to inform you that your request for geospatial intelligence has been approved. The Foundation has a Predator drone in the air above the village, and I wished to send the feed to you personally.
Dr Matrice: Of course, Ma'am, it's loading now…
Dr Matrice: …hang on. This is a thermal read, right?
[Redacted]: Correct.
Dr Matrice: This…this is a village of over three hundred. There should be heat signatures for all those people. And where are the livestock? There are things moving there, but…
Dr Matrice: …can you get me a live feed of the SCP instances stationed just outside of here? Thermals and visual?
[Redacted]: Patching MTF-Delta-90's feeds in now.
Dr Matrice: The warm humanoid shapes in body armor are Delta-90, so the cold shapes are…Oh…oh good lord.
[Redacted]: …
Dr Matrice: …they're SCP instances. All of them. The entire town. And they can only manifest-
[Redacted]: Doctor Matrice. You are currently the foremost expert on SCP-XXXX, and de facto leader of this operation.
Dr Matrice: …Yes Ma'am.
[Redacted]: Do I need to assign someone else to lead this operation?
Dr Matrice: …
[Redacted]: Doc-
Dr Matrice: …I recommend Saturation bombing. Ideally, wipe out the village outright, but if not then settle for just killing as many instances as possible, Delta-90 and the rest of us can dispose of the rest.
[Redacted]: …done.
Dr Matrice: SCP-XXXX is pretending to be a footsoldier in the retinue accompanying SCP-XXXX-1, I'm presuming you would prefer it captured alive?
[Redacted]: Correct.
Dr Matrice: …do you need any SCP-XXXX-1 instances alive?
[Redacted]: Redundancies are to be eliminated.
Dr Matrice: Yes Ma'am.
-Transmission ends, and Dr Matrice gestures for Delta-90-A to follow him into the interrogation room.-
SCP-XXXX-1.1: *Ah, Doctor, how was your message?*
Dr Matrice: *Bad news.*
SCP-XXXX-1.1: *I am sorry to hear that.*
Dr Matrice: *You will be.*
SCP-XXXX-1.1: *…what?*
Dr Matrice: *What happen to village you came from?*
SCP-XXXX-1.1: *We are protecting it from invaders, they are fine, we can show you them.*
Dr Matrice: *…why are you still lying?*
SCP-XXXX-1.1: *…my master likes playing politics, and get a lay of the land.*

1-instance explains that the SCP likes screwing with local governments because that's the best way to make them fall
claims that his master is the end of all things/destroyer of empires

…maybe make this an ORIA operative who was co-opted by SCP-XXXX and make insinuations as to how when they're revived, instances imprint on the organization they first encounter (ORIA operative feels a pull towards the Foundation, but SCP-XXXX got there first) then maybe as a last act of fealty to his master, or as a way to kill themself, he lunges for the doctor, who shoots him (or Delta-90-A shoots him…nah, the doc doing it is more interesting).

something something something Delta-90-A shoots the instance in the head.

Addendum: [Optional additional paragraphs]

First page of the tabs…

« SCP-XXXW | SCP-XXXX | SCP-XXXY »