SCP-6739 |
By: NDHeckfire |
Published on 24 Jun 2022 02:11 |
What this is
A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, 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.
.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; }
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
/* Centered Header Sigma
* [2021 Wikidot Component]
* By Lt Flops (CC BY-SA 3.0)
* Forked from:
* Penumbra Theme by EstrellaYoshte
* Also based on:
* Centered Header BHL by Woedenaz
**/
/* ---- VARS ---- */
:root{
--titleColor: hsl(0, 0%, 95%);
--subtitleColor: hsl(60, 62%, 85%);
--lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
}
/* ---- SITE BANNER ---- */
#header,
div#header{
background-image: none;
}
#header::before{
position: absolute;
width: 100%;
height: 100%;
content: "";
background-image: var(--lgurl);
background-position: center top;
background-repeat: no-repeat;
background-size: auto 9em;
opacity: .33;
}
#header h1,
#header h2{
float: none;
margin-left: 0;
text-align: center;
}
#header h1 span,
#header h2 span{
/* Hide the Existing Text */
display: none;
}
#header h1 a::before,
#header h2::before{
/* Style the New Text */
font-family: "Montserrat", "Arial", sans-serif;
text-shadow: none;
}
#header h1 a::before{
position: relative;
bottom: .15em;
color: var(--titleColor);
font-size: 115%;
font-weight: 700;
}
#header h2::before{
position: relative;
top: .1em;
color: var(--subtitleColor);
font-size: 130%;
font-weight: 600;
}
#header h1 a::before{
/* Set the New Text's Content From Variable */
content: var(--header-title, "SCP FOUNDATION");
}
#header h2::before{
content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
}
/* ---- SEARCH ---- */
#search-top-box{
top: 1em;
right: 0;
}
#search-top-box-form input.button{
margin-right: 0;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit],
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus{
border-radius: 0;
box-shadow: none;
font-size: 100%;
}
/* ---- TOP BAR ---- */
#top-bar{
right: 0;
display: flex;
justify-content: center;
}
#top-bar ul li ul{
border-bottom: 1px solid hsl(0, 0%, 40%);
box-shadow: none;
}
/* ---- LOGIN ---- */
#login-status{
top: 1.1em;
right: initial;
color: hsl(0, 0%, 87%);
}
#account-topbutton{
border-color: hsl(0, 0%, 87%);
font-size: 100%;
}
/* ---- PAGE TITLE ---- */
.meta-title,
#page-title{
text-align: center;
}
/* ---- BREADCRUMBS ---- */
.pseudocrumbs,
#breadcrumbs{
text-align: center;
}
/* ---- MOBILE DISPLAY ---- */
@media (max-width: 767px){
#search-top-box{
top: 1.85em;
width: unset;
}
.mobile-top-bar{
position: relative;
left: 0;
display: flex;
justify-content: center;
}
#login-status{
top: 0;
right: 0;
}
#header .printuser{
font-size: 0;
}
#header .printuser img.small{
margin: 0;
transform: translate(6px, 4px);
}
#my-account{
display: none;
}
#account-topbutton{
margin-left: 2px;
}
}
Item №: SCP-6739
Object Class: Anomalous
Special Containment Procedures: Due to the nature of SCP-6739, no containment procedures are necessary at this time. Foundation personnel are allowed to visit and use Site-400's cafeteria as usual. Any individuals possessing relevant information regarding SCP-6739 are encouraged to report it to the current research head (presently Dr. Gerald Hogan of the Department of Theoretical Hypothetics).
The corner wall of the main cafeteria.
Description: SCP-6739 is the designation given to an obvious non-visible specific absence located in the collective human Noosphere, which seems to be mainly centralized and concentrated in the upper corner wall of Site-400's main personnel cafeteria.
Any individual perceiving and comprehending this corner wall will become entirely convinced that something was once previously located in that specific spot, but has now been deemed nonexistent through as-of-yet unknown means.
Research into SCP-6739 seems to suggest that certain Foundation personnel that frequently visits the main cafeteria possess some form of close attachment or relationship to the centralized absence, though they are unable to recall why exactly they feel that way.
Despite the nature of SCP-6739, some "residue" or "excess" concepts can be successfully obtained from the corner wall through the use of (non?)standard Class-⌘ agnostics, which has been provided by the Department of Surrealistics. Investigation into SCP-6739 through this method is ongoing.
Investigation/Testing Log 1:
I/T-6739-1
Subject: D-3324
Agnostic Dosage: 3.5 ml
Procedure: D-3324 was instructed to directly view and observe the corner wall.
Observations: SCP-6739 was/were natural, and was/were in no way anomalous. Though, a contradicting concept of it/they being "unnatural" was accounted for.
I/T-6739-2
Subject: D-3324
Agnostic Dosage: 5.2 ml
Procedure: D-3324 was instructed to make direct physical contact with the corner wall itself and the area surrounding it.
Observations: The area surrounding SCP-6739 was white and sticky, and "fuzzy-feeling". The idea of "cob-" and "not supposed to be doing that" was also reported to be present.
I/T-6739-3
Subject: D-3324
Agnostic Dosage: 7.8 ml
Procedure: D-3324 was instructed to stand in the presence of the corner wall for 2 hours.
Observations: At first, SCP-6739 unintentionally induced the feeling of fear in most, if not all of Site-400's Foundation personnel. However, SCP-6739 began slowly gaining affection and friendliness from most of the individuals.
Attached Update: Dr. Alan McKinley requested Dr. Hogan to halt the investigation and testing into SCP-6739, with the express concern that the anomaly may be infohazardous and/or cognitohazardous in nature and that "maybe it's best we don't remember it at all". This request is denied.
Investigation/Testing Log 2:
I/T-6739-4
Subject: D-3324
Agnostic Dosage: 10.3 ml
Procedure: D-3324 was instructed to attempt communication with the corner wall. A standard interview sheet was given and D-3324 was permitted to give their own answers.
Observations: SCP-6739 was/were considered "cute", though this fact was not accepted by some a single Foundation personnel. According to D-3324, no response was given, but they reported that they neither felt frustrated nor angry during the course of the interview. Instead, they felt delighted and amused.
I/T-6739-5
Subject: D-3324
Agnostic Dosage: 13.7 ml
Procedure: D-3324 was instructed to sparsely damage the corner wall using a provided screwdriver.
Observations: SCP-6739 was/were extremely tiny but possessed more than two eyes and multiple appendage-like limbs that it apparently uses to create a white and sticky substance (see I/T-2). The memory of a "cracked windshield" and "extreme guilt" was present for some reason.
I/T-6739-6
Subject: D-3324
Agnostic Dosage: N/A
Procedure: D-3324 was instructed to place a small-scale Doe-Grey Unreality Anchor in the proximity of the corner wall.
Observations: Small and thin randomized lines of blue light appeared on the corner wall. The Unreality Anchor was able to produce an unspecified anti-image that depicts the following object:
No context was given by the Unreality Anchor.
Incident Log: Dr. McKinley was caught by security personnel attempting to access the containment chamber of SCP-████-EX with unauthorized credentials. During an interrogation to ascertain Dr. McKinley's exact motive with SCP-████-EX, they again expressed concern regarding the danger and threat posed by SCP-6739 and requested that testing be immediately halted. When asked regarding SCP-████-EX, Dr. McKinley refused to give any comment.
Due to this event, Dr. Hogan eventually decided to indefinitely halt the investigation into SCP-6739 until this situation is resolved properly. Dr. McKinley has since been suspended until a method of ethical information extraction is found.