Lt Flops' Author Page
Lt Flops' Author Page
Author: Lt FlopsLt Flops
Published on 20 Mar 2018 20:37
/* 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%;
        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: +173+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.

: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; }

Lieutenant Flops’ Author Page


OPENING ENTITY OF INTEREST FILE #9731

AN ADDITION WAS ADDED. READ IT?

OPENING FILE

coolpage funpage

This file contains an activated GAY FROGS-Class DANK ANTIMEME. You are instructed to run. In the event that you're lazy, you are to proceed at a velocity directly proportional to your daily cholesterol intake.

… What's that? Fine, you can catch up on Grey's Anatomy first. But make sure you make your way right back here after, mmkay?


—Um, probably someone with, like, a super high clearance level. Or someone's Mary Sue OC.

ENTITY: Lt FlopsLt Flops STATUS: ACTIVE


Select Production Commentaries


lt-flops.jpg

Initial sighting of LIMP FIREBIRD. It's so pretty VERY DEADLY. RUN!

These are quote excerpts from individuals affected by LIMP FIREBIRD, a Deviant-Type Avian Entity:

If the phrase "dank antimeme" makes it into an SCP, I am leaving this site forever. I am 100% serious.

qntm, Civilian #84250, #site19

thats a weird way to spell sexy cyborg priests :/

—sepiafishie, Queen of Cephalopods

Nerd. Wait, where am I? Who put me in here? Help!

—Westrin, Captain of the SCPS Spooky Boat

Project Summary


Hi there, [non-Homo ignotus non-Daevite non-malfunctioning Lazarus-01 Procedure humanoid]. It appears you've stumbled on my personnel file. I–

Wait, please don't leave.

No, come back!

Ah, they're gone. Anyway, apparently, this is the place where I get to show you all the wonderful works I've written? Don't worry — I'm surprised too. Just– Don't leave the terminal and continue reading until you've learned about all the things (and stuff) that I've worked on.

I'll get you a juice box. Or some bourbon.

Don't like it? Well, that's too darn bad, hun, isn't it?


Deployment Record


My Newest Pages!


1. [TALE] 👩‍👩‍👧‍👦 fifthist family picnic (Creck Fection Contest 2)
2. [PARAWATCH TALE] 🪐 SATURN'S CORNER (for JamCon 2021)
3. [WANDERERS' LIBRARY ENTRY] 🏙️ Talk of the Town (Open Collaboration)
4. [SCP] 👤 SCP-5810: Of Guilt, Fear, and Hollowness of Heart
5. [WANDERERS' LIBRARY AUTHOR PAGE] ☀️ Lampyra, the Watcher

== PAGES WRITTEN BY FLOPS ==

I write things, depending on how you define "write" and "things".

Floppy Says: In the spirit of collaboration: I grant any writer, artist, or otherwise, full permission to use or depict the SCPs, concepts, characters, task forces, locations, or events created by me in your own SCP Wiki/Wanderers' Library work. Drop a link my way; maybe I'll like it, or give you some pointers on how to execute it best.

(In each category, works are listed from Newest to Oldest).


SCP Articles


SCP-5810
+82 16
Latest comment: wagyusteak at 12 Mar 2021 07:29
Last edited: Lt Flops at 10 Apr 2021 05:05

SCP-5990
+95 11
Latest comment: Ihp at 18 Mar 2020 07:17
Last edited: Lt Flops at 12 Apr 2021 23:08

Dr. Michaels
+333 52
Latest comment: Henzoid at 03 May 2021 12:45
Last edited: Vivarium at 09 May 2021 23:55

SCP-4795
+100 5
Latest comment: AlephFur at 22 Sep 2019 04:20
Last edited: Lt Flops at 09 May 2021 05:52

SCP-4790
+123 10
Latest comment: Lt Flops at 15 Sep 2019 03:07
Last edited: Lt Flops at 15 Apr 2021 01:38

SCP-4190
+77 4
Latest comment: MobRules at 19 Mar 2019 01:23
Last edited: Lt Flops at 11 Apr 2021 06:02

SCP-3739
+206 33
Latest comment: themekhanite at 12 Mar 2019 23:03
Last edited: Sirslash47 at 09 Apr 2021 20:11

SCP-4031
+131 22
Latest comment: KleptocracyNow at 04 Dec 2019 20:33
Last edited: Lt Flops at 10 Apr 2021 05:03

SCP-4416
+158 37
Latest comment: Lt Flops at 19 Apr 2021 19:51
Last edited: Lt Flops at 26 Apr 2021 21:04

SCP-4420
+219 44
Latest comment: Lt Flops at 25 Apr 2021 20:17
Last edited: Lt Flops at 26 Apr 2021 17:51

EE-3570
+148 20
Latest comment: Dr Wile at 19 Mar 2021 18:24
Last edited: Lt Flops at 10 Apr 2021 05:01

SCP-3464
+77 23
Latest comment: Lt Flops at 31 Mar 2021 17:45
Last edited: Lt Flops at 10 Apr 2021 05:02

SCP-3719
+72 10
Latest comment: Ellie3 at 25 Mar 2019 02:55
Last edited: Lt Flops at 14 Apr 2021 01:25

SCP-3787
+98 13
Latest comment: froideriko at 28 May 2020 15:29
Last edited: Lt Flops at 14 Apr 2021 02:08


Tales


fifthist family picnic
+51 4
Latest comment: Marcelles_Raynes at 05 May 2021 19:08
Last edited: Lt Flops at 10 Apr 2021 22:32

SATURN'S CORNER
+71 17
Latest comment: Lt Flops at 22 Apr 2021 05:17
Last edited: Lt Flops at 28 Apr 2021 20:03

Illac
+46 2
Latest comment: EstrellaYoshte at 26 Aug 2020 17:01
Last edited: Hexick at 12 Apr 2021 13:55

Spilled Milk
+51 5
Latest comment: Sebarus at 25 Mar 2020 19:26
Last edited: stormbreath at 22 Nov 2020 00:17

A Scene From a Meme(-ory)
+44 9
Latest comment: Quadraginta at 09 Aug 2020 17:26
Last edited: Lt Flops at 10 Apr 2021 04:57

A Necromantic Prelude
+31 6
Latest comment: Crow-Cat at 17 Mar 2020 22:55
Last edited: Lt Flops at 11 Apr 2021 23:11

Land Of Honey
+90 12
Latest comment: (user deleted) at 26 Jun 2019 16:16
Last edited: Lt Flops at 28 Dec 2020 17:39

A Surprise Encounter with Crispy Sex Pirates
+48 7
Latest comment: Retian at 14 Jan 2020 04:45
Last edited: Lt Flops at 11 Apr 2021 01:35

The Doctor's Dilemma
+69 9
Latest comment: Pexagon at 23 Jul 2020 22:19
Last edited: Lt Flops at 10 Apr 2021 05:06

SCP-2
+137 18
Latest comment: Zyn at 28 Dec 2020 01:54
Last edited: Lt Flops at 10 Apr 2021 05:02

What Lurks in the Dark?
+53 2
Latest comment: Eskobar at 16 Oct 2018 23:57
Last edited: Lt Flops at 10 Apr 2021 05:08

Buggy Hardware (or Why I Don't Play Violent Video Games)
+60 2
Latest comment: MrPines at 22 Sep 2018 22:59
Last edited: Lt Flops at 10 Apr 2021 05:00

The Abyss Gazes Back (and It's ASCII on a CRT Screen)
+83 6
Latest comment: 5150wned at 19 Aug 2019 00:49
Last edited: Lt Flops at 10 Apr 2021 05:06

UMBRAL_​MIGRATORY_​SEQUENCE.txt
+69 3
Latest comment: TL333s at 16 Jun 2018 20:32
Last edited: Lt Flops at 10 Apr 2021 05:06

Solidão
+21 2
Latest comment: Lt Flops at 03 Mar 2020 23:43
Last edited: Lt Flops at 14 Apr 2021 01:32


GOI Formats


"Scattersomnia": A Disease of the Wise and Drowsy Wanderers
+75 4
Latest comment: Nagiros at 05 Apr 2020 17:26
Last edited: Lt Flops at 10 Apr 2021 05:02

Critter Profile: Bartholomew!
+96 16
Latest comment: Kothardarastrix at 28 Apr 2021 20:13
Last edited: stormbreath at 19 Sep 2020 06:01

SPC-993
+100 7
Latest comment: Deadly Bread at 22 Apr 2019 13:08
Last edited: Lt Flops at 13 Apr 2021 07:07

The Sacred Djehuti
+110 11
Latest comment: Lt Flops at 19 Jun 2018 18:47
Last edited: Lt Flops at 30 Mar 2021 04:00

SPC-507
+81 40
Latest comment: Kothardarastrix at 20 Mar 2021 19:03
Last edited: Lt Flops at 10 Apr 2021 05:05


Series Hubs


Void Dancer Hub
+40 3
Latest comment: YellowISlol at 23 Jan 2021 03:26
Last edited: Lt Flops at 10 Apr 2021 05:07

A Non-Prophet Organization Hub
+80 12
Latest comment: Lt Flops at 22 Apr 2021 05:28
Last edited: stormbreath at 19 Sep 2020 23:21

Team Bird Hub
+186 16
Latest comment: Pearden at 30 Mar 2021 13:20
Last edited: Lt Flops at 27 Apr 2021 18:23


Collaborations


A Semi-Comprehensive List of Foundation Departments
+59 11
Written by: TopDownUnder & Lt Flops
A collaborative log for Foundation Departments.
{$note}
Latest comment: Planita at 10 May 2021 05:25
Last edited: TopDownUnder at 11 May 2021 15:57


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...
tags: co-authored collaboration essay

Sigma-9 Themes
+68 4
Written by: EstrellaYoshte, Lt Flops, & Ralliston
A list of all Sigma-9 themes.
{$note}
Latest comment: EstrellaYoshte at 27 Jan 2021 18:33
Last edited: EstrellaYoshte at 09 May 2021 22:50

2h.png
Info Co-written by EstrellaYoshte, Lt Flops, and Ralliston EstrellaYoshte's Authorpage Lt Flops' Authorpage Ralliston's Authorpage FoldUnfold Table of Contents What Is This?...
tags: co-authored collaboration hub

Snippets of an Unveiled World
+183 15
Written by: Nykacolaquantum, Lt Flops, IFBench, Westrin, & Deadly Bread
What other branches are held in the Serpent's Garden? This is what we know.
{$note}
Latest comment: Nykacolaquantum at 12 Feb 2021 01:59
Last edited: Sirslash47 at 28 Mar 2021 12:46

rabbit.png
Broken Masquerade » Snippets of an Unveiled World Yggdrasil's Surveyor Hub » Snippets of an Unveiled World L.S., Forgive me for doubting you. Your recruitment of Agent Hopper has been a great...
tags: ambrose-restaurant anderson arcadia are-we-cool-yet bones broken-god broken-masquerade co-authored collaboration dado deer-college dr-wondertainment fifthist gamers-against-weed jude-kriyot oneiroi parawatch serpents-hand tale three-portlands wanderers-library

SCP-4475
+131 19
Written by: KindlyTurtleClem & Lt Flops
Mother's resting place. / Right here, at the end of space. / Cast out unto the light.
{$note}
Latest comment: Lt Flops at 14 Nov 2019 01:14
Last edited: Sirslash47 at 09 Apr 2021 20:36

4475-A.jpg
SCP-4475: So Long, and Thanks for All the Milk Authors: Lt Flops and KindlyTurtleClem This article is FIRE TURTLE (Clem Floppy)'s 2nd article for the 2019 Collaboration Contest! Go here for...
tags: ad-astra alive antimemetic bovine chemical co-authored collab-con2019 extraterrestrial fifthist keter neurological ontokinetic pattern-screamer ritual scp second-hytoth sentient spacetime teleportation transfiguration uncontained

GRANT REQUEST FOR THE RE-CREATION OF AN ADVANCED POSTMORTEM NEURAL PRESERVATION SYSTEM
+48 7
Written by: Uncle Nicolini & Lt Flops
SAPPHIRE steals the equipment that keeps the severed head of Carl Sagan alive.
{$note}
Latest comment: Lt Flops at 24 Oct 2019 05:54
Last edited: Uncle Nicolini at 17 Jan 2021 20:34


PROMETHEUS LABS ELECTRONIC MAIL Re: GRANT REQUEST FOR THE RE-CREATION From Elliot Ramirez To Su Xing Date Mar. 6, 1995, 5:44 p.m. Su, Sorry for all the delays in getting this to you. The...
tags: co-authored deer-college goi2019 goi-format mages-academy prometheus sapphire

SCP-4519
+119 9
Written by: NatVoltaic & Lt Flops
Anti-religious group "SAPPHIRE" secures the severed head of astronomer Carl Sagan to spread their FACTS and LOGIC.
{$note}
Latest comment: Just_We at 06 Jun 2020 16:05
Last edited: Sirslash47 at 09 Apr 2021 20:46

Amundsen–Scott_South_Pole_Station.jpg
SCP-4519: Carl Sagan, Godhead Authors: NatVoltaic and Lt Flops This article is Part 3 of Team Nico's Angels' SAPPHIRE series for the 2019 International GOI Contest! More by these authors:...
tags: acoustic cadaver children-of-the-torch co-authored ectoentropic goi2019 hallucination k-class-scenario keter mind-affecting reanimation religious sapient sapphire scp sentient telepathic uncontained vibration visual weapon

Avian Anthology II
+74 12
Written by: Team Bird*
The most unlikely allies commune with a tainted beast to save the day — and the world.
{$note}
Latest comment: Tyler Epic Gaskin at 20 Dec 2018 20:22
Last edited: Lt Flops at 05 Apr 2021 14:41


Thoth reigned supreme. His freshly formed vassals flooded into their new home by the millions. They would make excellent workhorses for the nobles. Their people would till the land, move the stones,...
tags: co-authored doctor-hoygull doomsday2018 shark-punching-center tale team-bird

Avian Anthology I
+62 9
Written by: Team Bird*
The Avian Division and Shark Punching Centre team up against the devious deity named Thoth.
{$note}
Latest comment: Lt Flops at 23 Jan 2019 19:43
Last edited: Lt Flops at 27 Apr 2021 18:25


One hundred billion memories tainted by 200,000 years of vengeance, dread, euphoria, grief, avarice… &...
tags: co-authored doctor-hoygull doomsday2018 global-occult-coalition shark-punching-center tale team-bird
*Team Bird is notgull, Lt Flops, Ayers, & Quantum Physician

SCP-3309
+642 133
{$note}
Latest comment: Vivarium at 09 May 2021 23:43
Last edited: Vivarium at 09 May 2021 23:50

buttons.png
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...
tags: co-authored concept crosslink ethics-committee k-class-scenario meta narrative ontokinetic researcher-smalls scp thaumiel

Translations of Others' Works


SCP-281-FR
+111 8
Written by: DrGemini, translated by DrMacro & Lt Flops
Did you know that the World was once flat? Just something to consider.
{$note}
Latest comment: KalXX at 26 Feb 2020 21:29
Last edited: EstrellaYoshte at 26 Jan 2021 03:56

Galileo-Document-2.jpg
Info SCP-281-FR: The Day The Earth Stopped Being Flat Author: DrGemini Translator: DrMacro and Lt Flops Date: January 1, 2018 Special thanks to DrGemini for recreating the first image of Addendum...
tags: global-occult-coalition immobile indestructible international physics planet reclamation religious safe sapphire scp sphere weapon

Inebriation Inoculation complete. Thanks for reading!

rating: +173+x

Wait, what the heck? Where did that come from?

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License