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%;
        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: +183+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; }
Lt Flops' Author Page
Author: Lt FlopsLt Flops
Published on 20 Mar 2018 20:37
Updated on 16 Jul 2021 00:47

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".

Flops 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).


SCPs

(Random)


SCP-5810


Rating: +90
Comments: 16
+/- : +95/-5
Last Comment: wagyusteak (12 Mar 2021 07:29)
Last Edit: Lt Flops (10 Apr 2021 05:05)

SCP-5990


Rating: +101
Comments: 11
+/- : +118/-17
Last Comment: Ihp (18 Mar 2020 07:17)
Last Edit: Lt Flops (12 Apr 2021 23:08)

SCP-4790


Rating: +127
Comments: 10
+/- : +145/-18
Last Comment: Lt Flops (15 Sep 2019 03:07)
Last Edit: Lt Flops (15 Apr 2021 01:38)

SCP-281-FR


Rating: +114
Comments: 9
+/- : +118/-4
Last Comment: NoName2087 (13 Jul 2021 05:30)
Last Edit: Naepic (10 Jun 2021 14:54)

SCP-4190


Rating: +80
Comments: 5
+/- : +86/-6
Last Comment: TheJonyMyster (19 Jul 2021 21:31)
Last Edit: Lt Flops (11 Apr 2021 06:02)

SCP-4031


Rating: +136
Comments: 22
+/- : +160/-24
Last Comment: KleptocracyNow (04 Dec 2019 20:33)
Last Edit: Lt Flops (08 Jul 2021 05:49)

SCP-4416


Rating: +157
Comments: 37
+/- : +189/-32
Last Comment: Lt Flops (19 Apr 2021 19:51)
Last Edit: Lt Flops (26 Apr 2021 21:04)

SCP-4420


Rating: +224
Comments: 44
+/- : +256/-32
Last Comment: Lt Flops (25 Apr 2021 20:17)
Last Edit: Lt Flops (26 Apr 2021 17:51)

EE-3570


Rating: +149
Comments: 20
+/- : +154/-5
Last Comment: Dr Wile (19 Mar 2021 18:24)
Last Edit: Lt Flops (10 Apr 2021 05:01)

SCP-3464


Rating: +80
Comments: 23
+/- : +119/-39
Last Comment: Lt Flops (31 Mar 2021 17:45)
Last Edit: Lt Flops (10 Apr 2021 05:02)

SCP-3719


Rating: +73
Comments: 10
+/- : +82/-9
Last Comment: Ellie3 (25 Mar 2019 02:55)
Last Edit: Lt Flops (14 Apr 2021 01:25)

SCP-3787


Rating: +102
Comments: 13
+/- : +123/-21
Last Comment: froideriko (28 May 2020 15:29)
Last Edit: Lt Flops (26 Jul 2021 17:32)

Tales

(Random)


fifthist family picnic


Rating: +56
Comments: 4
+/- : +56/-0
Last Comment: Marcelles_Raynes (05 May 2021 19:08)
Last Edit: Lt Flops (10 Apr 2021 22:32)

SATURN'S CORNER


Rating: +74
Comments: 18
+/- : +77/-3
Last Comment: Sergeimosin (20 Jul 2021 15:35)
Last Edit: Lt Flops (11 Jun 2021 16:46)

Illac


Rating: +48
Comments: 2
+/- : +49/-1
Last Comment: EstrellaYoshte (26 Aug 2020 17:01)
Last Edit: Lt Flops (22 Jun 2021 22:28)

Spilled Milk


Rating: +50
Comments: 5
+/- : +55/-5
Last Comment: Sebarus (25 Mar 2020 19:26)
Last Edit: stormbreath (22 Nov 2020 00:17)

A Scene From a Meme(-ory)


Rating: +44
Comments: 9
+/- : +45/-1
Last Comment: Quadraginta (09 Aug 2020 17:26)
Last Edit: Lt Flops (09 Jul 2021 05:32)

A Necromantic Prelude


Rating: +31
Comments: 6
+/- : +32/-1
Last Comment: Crow-Cat (17 Mar 2020 22:55)
Last Edit: Lt Flops (11 Apr 2021 23:11)

A Surprise Encounter with Crispy Sex Pirates


Rating: +50
Comments: 7
+/- : +52/-2
Last Comment: Retian (14 Jan 2020 04:45)
Last Edit: Lt Flops (11 Apr 2021 01:35)

The Doctor's Dilemma


Rating: +69
Comments: 9
+/- : +71/-2
Last Comment: Pexagon (23 Jul 2020 22:19)
Last Edit: Lt Flops (10 Apr 2021 05:06)

SCP-2


Rating: +141
Comments: 18
+/- : +157/-16
Last Comment: Zyn (28 Dec 2020 01:54)
Last Edit: Lt Flops (10 Apr 2021 05:02)

What Lurks in the Dark?


Rating: +54
Comments: 2
+/- : +58/-4
Last Comment: Eskobar (16 Oct 2018 23:57)
Last Edit: Lt Flops (10 Apr 2021 05:08)

Buggy Hardware (or Why I Don't Play Violent Video Games)


Rating: +62
Comments: 2
+/- : +63/-1
Last Comment: MrPines (22 Sep 2018 22:59)
Last Edit: Lt Flops (10 Apr 2021 05:00)

The Abyss Gazes Back (and It's ASCII on a CRT Screen)


Rating: +85
Comments: 6
+/- : +89/-4
Last Comment: 5150wned (19 Aug 2019 00:49)
Last Edit: Lt Flops (10 Apr 2021 05:06)

UMBRAL_​MIGRATORY_​SEQUENCE.txt


Rating: +70
Comments: 3
+/- : +72/-2
Last Comment: TL333s (16 Jun 2018 20:32)
Last Edit: Lt Flops (10 Apr 2021 05:06)

Solidão


Rating: +21
Comments: 2
+/- : +21/-0
Last Comment: Lt Flops (03 Mar 2020 23:43)
Last Edit: Lt Flops (14 Apr 2021 01:32)

GoI Formats

(Random)


"Scattersomnia": A Disease of the Wise and Drowsy Wanderers


Rating: +77
Comments: 4
+/- : +80/-3
Last Comment: Nagiros (05 Apr 2020 17:26)
Last Edit: Lt Flops (10 Apr 2021 05:02)

SPC-993


Rating: +103
Comments: 7
+/- : +109/-6
Last Comment: Deadly Bread (22 Apr 2019 13:08)
Last Edit: Lt Flops (13 Apr 2021 07:07)

SPC-507


Rating: +83
Comments: 40
+/- : +111/-28
Last Comment: Kothardarastrix (20 Mar 2021 19:03)
Last Edit: Lt Flops (10 Apr 2021 05:05)

Others

(Random)


Centered Header Sigma-9


Rating: +24
Comments: 7
+/- : +27/-3
Last Comment: taylor_itkin (16 May 2021 13:41)
Last Edit: Lt Flops (15 May 2021 08:23)

More By Lt Flops


Rating: +0
Comments: 0
+/- : +0/-0
Last Comment: ()
Last Edit: Lt Flops (08 May 2021 02:10)

Parawatch Anon Theme


Rating: +35
Comments: 10
+/- : +39/-4
Last Comment: The Great Hippo (23 Jul 2021 06:18)
Last Edit: Lt Flops (11 Jul 2021 04:16)

Void Dancer Hub


Rating: +42
Comments: 4
+/- : +43/-1
Last Comment: Zertas (27 Jun 2021 00:58)
Last Edit: Lt Flops (10 Apr 2021 05:07)

Classic SCP Foundation Theme


Rating: +66
Comments: 12
+/- : +70/-4
Last Comment: ObserverSeptember (11 Jun 2021 06:37)
Last Edit: Lt Flops (14 May 2021 03:51)

Flopstyle CSS


Rating: +45
Comments: 6
+/- : +46/-1
Last Comment: Lt Flops (13 Mar 2021 07:04)
Last Edit: Lt Flops (24 Jul 2021 04:07)

Flops Header Template


Rating: +17
Comments: 0
+/- : +17/-0
Last Comment: ()
Last Edit: Lt Flops (20 Apr 2021 03:22)

Flops Header Backend


Rating: +7
Comments: 1
+/- : +7/-0
Last Comment: Lt Flops (23 May 2020 04:47)
Last Edit: Lt Flops (20 Apr 2021 03:16)

Void Post Template


Rating: +29
Comments: 0
+/- : +29/-0
Last Comment: ()
Last Edit: stormbreath (07 Mar 2021 07:13)

Void Post Source


Rating: +5
Comments: 0
+/- : +5/-0
Last Comment: ()
Last Edit: stormbreath (07 Mar 2021 06:19)

Flops Disruption Bar


Rating: +6
Comments: 1
+/- : +7/-1
Last Comment: Lt Flops (11 Aug 2020 06:54)
Last Edit: Croquembouche (24 Mar 2021 05:08)

SAPPHIRE Theme


Rating: +20
Comments: 1
+/- : +20/-0
Last Comment: Lt Flops (19 Jun 2019 05:36)
Last Edit: Lt Flops (19 Apr 2021 22:33)

'Pataphysics Department Theme


Rating: +81
Comments: 6
+/- : +82/-1
Last Comment: ObserverSeptember (13 Jun 2021 19:18)
Last Edit: Lt Flops (19 Apr 2021 22:32)

Lt Flops' Author Page


Rating: +183
Comments: 13
+/- : +184/-1
Last Comment: Ralliston (16 Nov 2020 11:46)
Last Edit: Lt Flops (16 Jul 2021 00:47)

Hubs

(Random)


Void Dancer Hub


Rating: +42
Comments: 4
+/- : +43/-1
Last Comment: Zertas (27 Jun 2021 00:58)
Last Edit: Lt Flops (10 Apr 2021 05:07)

A Non-Prophet Organization Hub


Rating: +81
Comments: 12
+/- : +83/-2
Last Comment: Lt Flops (22 Apr 2021 05:28)
Last Edit: stormbreath (19 Sep 2020 23:21)

Team Bird Hub


Rating: +195
Comments: 16
+/- : +197/-2
Last Comment: Pearden (30 Mar 2021 13:20)
Last Edit: Lt Flops (24 Jul 2021 04:16)

Co-Authored


A Semi-Comprehensive List of Foundation Departments (feat. TopDownUnder)


Rating: +79
Comments: 18
+/- : +80/-1
Last Comment: Zyn (25 Jul 2021 18:11)
Last Edit: LemonBee12 (28 Jul 2021 10:48)

Sigma-9 Themes (feat. EstrellaYoshte & Ralliston)


Rating: +73
Comments: 4
+/- : +73/-0
Last Comment: EstrellaYoshte (27 Jan 2021 18:33)
Last Edit: Dr Hormress (13 Jul 2021 17:09)

Snippets of an Unveiled World (feat. Nykacolaquantum, IFBench, Westrin, & Deadly Bread)


Rating: +188
Comments: 15
+/- : +196/-8
Last Comment: Nykacolaquantum (12 Feb 2021 01:59)
Last Edit: Dr Alfred N Madden (05 Jun 2021 14:43)

Dr. Michaels (feat. Henzoid)


Rating: +348
Comments: 53
+/- : +361/-13
Last Comment: Thopter (29 Jun 2021 02:07)
Last Edit: Vivarium (09 May 2021 23:55)

SCP-4795 (feat. Mew-ltiverse)


Rating: +102
Comments: 5
+/- : +110/-8
Last Comment: AlephFur (22 Sep 2019 04:20)
Last Edit: Lt Flops (09 May 2021 05:52)

SCP-4475 (feat. KindlyTurtleClem)


Rating: +131
Comments: 19
+/- : +151/-20
Last Comment: Lt Flops (14 Nov 2019 01:14)
Last Edit: Sirslash47 (09 Apr 2021 20:36)

Mother's resting place. / Right here, at the end of space. / Cast out unto the light

Land Of Honey (feat. KindlyTurtleClem)


Rating: +90
Comments: 12
+/- : +90/-0
Last Comment: (user deleted) (26 Jun 2019 16:16)
Last Edit: Lt Flops (28 Dec 2020 17:39)

Critter Profile: Bartholomew! (feat. KindlyTurtleClem)


Rating: +97
Comments: 16
+/- : +99/-2
Last Comment: Kothardarastrix (28 Apr 2021 20:13)
Last Edit: HarryBlank (13 May 2021 02:06)

GRANT REQUEST FOR THE RE-CREATION OF AN ADVANCED POSTMORTEM NEURAL PRESERVATION SYSTEM (feat. Uncle Nicolini)


Rating: +48
Comments: 7
+/- : +51/-3
Last Comment: Lt Flops (24 Oct 2019 05:54)
Last Edit: Uncle Nicolini (17 Jan 2021 20:34)

SCP-3739 (feat. KindlyTurtleClem)


Rating: +214
Comments: 34
+/- : +229/-15
Last Comment: Zertas (17 Jul 2021 22:32)
Last Edit: Sirslash47 (09 Apr 2021 20:11)

Avian Anthology II (feat. notgull, Ayers, & Quantum Physician)


Rating: +75
Comments: 12
+/- : +77/-2
Last Comment: Tyler Epic Gaskin (20 Dec 2018 20:22)
Last Edit: Lt Flops (05 Apr 2021 14:41)

Avian Anthology I (feat. notgull, Ayers, & Quantum Physician)


Rating: +63
Comments: 9
+/- : +65/-2
Last Comment: Lt Flops (23 Jan 2019 19:43)
Last Edit: Lt Flops (27 Apr 2021 18:25)

The Sacred Djehuti (feat. Ayers)


Rating: +111
Comments: 11
+/- : +113/-2
Last Comment: Lt Flops (19 Jun 2018 18:47)
Last Edit: Lt Flops (30 Mar 2021 04:00)

SCP-3309 (feat. PhamtomGuy)


Rating: +674
Comments: 137
+/- : +755/-81
Last Comment: insl (15 Jun 2021 17:07)
Last Edit: Lt Flops (24 Jul 2021 04:12)

Inebriation Inoculation complete. Thanks for reading!

rating: +183+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