Flops Reading List
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
/* Flopstyle CSS Theme
 * [2020 Wikidot Theme]
 * Created by Lt Flops
 * Select CSS Styles Are Credited Where Necessary
 * -- (CC BY-SA 3.0) --
**/
 
/* ---- SITE HEADER ---- */
 span, a{
     word-break: unset;
}
 #header h1 a,
 #header h1 a::before{
     color: hsl(0, 0%, 90%);
     text-shadow:
        .7px    .7px  0 hsla(0, 0%, 0%, .8),
       1.4px   1.4px  0 hsla(0, 0%, 0%, .8);
}
 #header h1 a{
     font-family: "Montserrat", "Arial", sans-serif;
     font-size: 170%;
     letter-spacing: 0;
}
 #header h2 span,
 #header h2 span::before{
     color: hsl(0, 0%, 90%);
     text-shadow: 1px 1px 0 hsla(0, 0%, 0%, .8);
}
 
/* ---- TOP MENU ---- */
 #search-top-box{
     right: 6px;
}
 #search-top-box-input{
     border-radius: 0;
}
 #search-top-box-form input[type="submit"]{
     background: hsl(0, 33%, 30%);
     border-radius: 0;
 
     font-size: unset;
}
 #search-top-box-form input[type="submit"]:hover,
 #search-top-box-form input[type="submit"]:focus{
     background: hsl(0, 25%, 50%);
}
 #top-bar,
 #login-status{
     right: 8px;
}
 
/* ---- SIDE MENU ---- */
 #side-bar .side-block{
     border-color: hsl(0, 0%, 20%);
     border-radius: 0;
}
 #side-bar .heading{
     color: hsl(0, 0%, 5%);
     border-bottom: solid 1px hsl(0, 0%, 20%);
}
 
/* ---- GENERAL ---- */
 body{
     color: hsl(0, 0%, 5%);
 
     word-break: unset;
}
 #search-top-box-form input[type="submit"],
 #search-top-box-form input[type="submit"]:hover,
 #search-top-box-form input[type="submit"]:focus,
 #top-bar ul li ul,
 #side-bar .side-block,
 .page-rate-widget-box,
 .scp-image-block{
     box-shadow: none; 
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: hsl(0, 89%, 18%);
}
 .u-faq{
     display: none; 
}
 .info-container .collapsible-block-content{
     padding: 0 .5em 30px;
}
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 .creditRate{
     margin-right: 0 !important;
}
 .rate-box-with-credit-button{
     border-radius: 0 !important;
     box-shadow: none !important;
}
 
/* ---- PAGE RATING ---- */
 .page-rate-widget-box{
     margin-right: 0;
}
 .page-rate-widget-box,
 .page-rate-widget-box .rate-points{
     border-radius: 0;
}
 .page-rate-widget-box .cancel,
 .page-rate-widget-box .cancel a:hover{
     border-radius: 0 !important;
}
 
/* ---- FORMATTING | [GENERAL] ---- */
 #page-content h1,
 #page-content h2,
 #page-content h3,
 #page-content h4,
 #page-content h5,
 #page-content h6{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-bottom: .57em;
 
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
 
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 67%);
}
 .collapsible-block-link{
     font-size: 120%;
     font-weight: bold;
}
 .info-container .collapsible-block-link{
     font-size: 100%;
}
 ol li{
     margin: 0 0 1em;
}
 ul{
     margin:1em 0;
}
 .footnotes-footer, .bibitems{
     padding: 0 0 .5em;
}
 
/* ---- IMAGE BLOCK ---- */
 .scp-image-block.block-right{
     margin: 0 0 1em 2em;
}
 
/* ---- FORMATTING | [SPECIAL] ---- */
 .centered{ /* ---- Center-Aligns Text ---- */
     text-align: center;
}
 
 .justified{ /* ---- Justify-Aligns Text ---- */
     text-align: justify;
}
 
 .indented{ /* ---- Indents Block by ½-inch/2em (Use Within Other Divs) ---- */
     text-indent: 2.4em;
}
 .indented .bibcite,
 .indented .footnoteref,
 .indented ul,
 .indented ol,
 .indented .scp-image-block.block-right,
 .indented #page-content h1,
 .indented #page-content h2,
 .indented #page-content h3,
 .indented #page-content h4,
 .indented #page-content h5,
 .indented #page-content h6,
 .indented .footnotes-footer,
 .indented .bibitems{
     text-indent: 0;
}
 
 .rev-red, .rev-green, .rev-blue, .rev-yellow, .terminal-span{
     font-weight: bold;
}
 .rev-red{ /* ---- Red Document Revision Text ---- */
     color: hsl(360, 100%, 27%);
}
 .rev-green{ /* ---- Green Document Revision Text ---- */
     color: hsl(120, 100%, 27%);
}
 .rev-blue{ /* ---- Blue Document Revision Text ---- */
     color: hsl(240, 100%, 27%);
}
 .rev-yellow{ /* ---- Yellow Document Revision Text ---- */
     color: hsl(40, 100%, 40%);
}
 
 .terminal-span{ /* ---- Computer Terminal Text ---- */
     font-family: "Fira Code", monospace;
     font-size: 110%;
}
 .code pre, .code p, .code{
     font-family: "Fira Code", monospace;
}
 
 .lite-heading{ /* ---- Special Heading Area (Adapted From SCP-4058) ---- */
     margin: 2.4em auto;
     clear: both;
}
 .lite-heading h3{
     color: hsl(360, 100%, 27%);
}
 .lite-heading hr{
     width: 55%;
     margin: auto;
 
     border-width: medium;
}
 
 .scene-break{ /* ---- Fancy Section Break ---- */
     width: 2.5em;
     margin: 1em 0;
}
 
 .footing::before{ /* ---- Article Footing ---- */
     content: " ";
     position: absolute;
     bottom: 1px;
     left: 0;
     right: 0;
 
     border-bottom: 2px solid hsl(0, 0%, 47%);
}
 .footing{
     position: relative;
     bottom: -2px;
     margin-bottom: 2px;
 
     border-bottom: 1px solid hsl(0, 0%, 47%);
}
 
 .series-nav{ /* ---- Series Navigation ---- */
     margin: .5em 0;
 
     background:
       linear-gradient(to bottom right,
                hsla(0, 0%, 100%, 1),
                 hsla(0, 0%, 50%, .5));
     border: outset 1.5px hsl(0, 0%, 5%);
     border-radius: 2em;
 
     font-size: 85%;
     font-weight: bold;
     text-align: center;
}
 
/* ---- CUSTOM DIV BLOCKS ---- */
 blockquote, /* ---- Regular Quote Block ---- */
 div.blockquote{
     background-color: hsl(0, 0%, 96%);
     border: 3px double hsl(0, 0%, 60%);
}
 
 .alt-blockquote{ /* ---- Alternative Quote Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 96%);
     border: 1px solid hsl(0, 0%, 60%);
     border-radius: 1em;
}
 
 .lightweight{ /* ---- Lightweight Quote Block ---- */
     margin: 1em 3em;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 90%);
 
     text-align: left;
}
 
 .card-block{ /* ---- Decorative Quote Block ---- */
     margin: 1em 0;
     padding: .6em 1.2em;
 
     background: hsl(220, 15%, 93%);
     border-left: 8px solid hsl(0, 100%, 30%);
     border-radius: .48em;
}
 blockquote hr, div.blockquote hr, .alt-blockquote hr, .lightweight hr, .card-block hr{
     border-color: hsl(0, 0%, 67%);
}
 
 .report-box{ /* ---- Report Block ---- */
     margin: 1em 0;
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     border: medium solid hsl(0, 0%, 5%);
}
 .report-box hr{
     border-color: hsl(0, 0%, 5%);
}
 
 .realistic-shadow{ /* ---- Better Shadows ---- */
     box-shadow:
          0 1px 1px hsla(0, 0%, 0%, .23),
          0 2px 2px hsla(0, 0%, 0%, .18),
          0 4px 4px hsla(0, 0%, 0%, .15),
          0 8px 8px hsla(0, 0%, 0%, .13);
}
 
 .faux-source{ /* ---- Mimics "Page Source" Appearance ---- */
     margin-bottom: 1em;
     padding: 1em 2em;
 
     background-color: hsl(0, 0%, 100%);
     border: 1px dashed hsl(0, 0%, 67%);
}
 
 .raisa-header, .pink-header, .oracle-header{
     margin-bottom: 1em;
     padding: 0 .5em;
 
     text-align: center;
}
 .raisa-header{ /* ---- RAISA Notice Header ---- */
     background: hsl(60, 65%, 85%);
     border: 1px solid hsl(0, 0%, 60%);
}
 .pink-header{ /* ---- Pretty Header ---- */
     background: hsl(350, 100%, 85%);
     border: 1px solid hsl(0, 4%, 36%);
}
 .pink-header hr{
     border-color: hsl(0, 4%, 36%);
}
 .oracle-header{ /* ---- SPC Oracle Notice Header ---- */
     color: hsl(208, 100%, 97%);
     background: hsl(208, 67%, 44%);
     border: 1px solid hsl(0, 0%, 5%);
}
 .oracle-header hr{
     border-color: hsl(208, 100%, 97%);
}
 .img-resize img{ /* ---- Header Icons (See Examples) ---- */
     float: left;
     width: auto;
     height: 8em;
     margin: .5em;
}
 
 .log-header{ /* ---- Interview/Exploration Log Header ---- */
     margin-bottom: 1em;
     padding: 0 1em;
 
     background: hsl(0, 0%, 96%);
     border: 3px dashed hsl(0, 0%, 60%);
     border-radius: 1em;
}
 
 .warning-notice{ /* ---- Simple Warning Block (Adapted From SCP-3143) ---- */
     padding: 0 1em;
 
     background-color: hsl(0, 0%, 100%);
     background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     border: 2px solid hsl(0, 0%, 5%);
 
     text-align: center;
}
 
 .journal{ /* ---- Journal Block (Adapted From SCP-4003) ---- */
     margin: 1em 0;
     padding: .9em;
 
     background-image:
                       linear-gradient(to top,
                        hsl(201, 33%, 84%) 0%,
                        hsl(60, 29%, 89%) 8%);
     background-position: 0 8px;
     background-size: 100% 1.3rem;
     border: 1px solid hsl(0, 0%, 80%);
     border-radius: .9em;
 
     font-family: "Architects Daughter", cursive;
}
 .journal p{
     margin: 0;
 
     font-size: 1.3rem;
     line-height: 1.3rem;
}
 
 .sms-message{ /* ---- Text Message Block ---- */
     float: left;
     clear: left;
     width: 22.4em;
     margin: 0 0 1em;
     padding: 0 1.2em;
 
     background: hsl(0, 0%, 75%);
     border-radius: 2em;
 
     font-size: 112.5%;
     text-align: center;
}
 
 blockquote .collapsible-block-folded,
 .alt-blockquote .collapsible-block-folded,
 .lightweight .collapsible-block-folded,
 .report-box .collapsible-block-folded,
 div.blockquote .collapsible-block-folded{
    /* ---- For Collapsibles Inside Divs | [CLOSED] ---- */
     padding: .75em 0;
    /* -------- */
}
 .alt-blockquote .collapsible-block-unfolded,
 .lightweight .collapsible-block-unfolded,
 .report-box .collapsible-block-unfolded,
 div.blockquote .collapsible-block-unfolded{
    /* ---- For Collapsibles Inside Divs | [OPEN] ---- */
     padding-top: .75em;
    /* -------- */
}
 
/* ---- ADVANCED WARNING HEADER ----
 * Adapted From SCP-001-JP - indonootoko's Proposal
 * See the Example at the Top of the Page
**/
 .orderwrapper{
     position: relative;
     width: auto;
 
     text-align: center;
}
 .council{
     position: relative;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 295px;
     height: 295px;
     margin: auto;
 
     background-image: url(http://scp-wiki.wdfiles.com/local--files/scp-style-resource/scp_trans.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 295px 295px;
}
 .ordertitle{
     position: absolute;
     top: 27px;
     left: 0;
     right: 0;
}
 .ordertitle h1{
     color: hsl(0, 0%, 5%);
     font-size: 220%;
     line-height: 90%;
}
 .orderdescription{
     position: absolute;
     top: 93px;
     left: 0;
     right: 0;
     width: 100%;
}
 .orderdescription h1{
     color: hsl(0, 0%, 5%);
     font-size: 120%;
}
 .orderdescription p{
     color: hsl(0, 0%, 5%);
     font-size: 90%;
}
 .itemno{
     position: absolute;
     bottom: 18px;
     left: 0;
     right: 0;
}
 .itemno h1{
     color: hsl(0, 0%, 5%);
     font-size: 170%;
}
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----
 * Adapted From Black Highlighter Theme Dev
**/
 .yui-navset *{
     transition:
                  color 80ms cubic-bezier(.4, 0, .2, 1),
       background-color 80ms cubic-bezier(.4, 0, .2, 1);
}
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
 
     border-color: hsl(360, 94%, 20%);
     box-shadow: 0 calc(.0625rem * 5) 0 0 hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: hsl(0, 0%, 5%);
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: hsl(0, 0%, 99%);
    /* -------- */
     background-image: none;
     border: unset;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: hsl(0, 0%, 96%);
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: hsl(360, 100%, 27%);
    /* -------- */
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
 
     background-color: hsl(0, 0%, 96%);
     border-color: transparent;
     box-shadow: 0 0 0 .0625rem hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
 
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: hsl(360, 94%, 20%);
    /* -------- */
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
 
     color: hsl(0, 0%, 96%) !important;
     background-image: none;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: hsl(0, 0%, 96%);
     background-color: hsl(360, 94%, 20%);
}
 .yui-navset .yui-nav .selected a:hover{
     cursor: default;
}
 .yui-navset-left .yui-content{
    /* ---- Content Background ---- */
     background-color: hsl(0, 0%, 99%);
    /* -------- */
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border-color: hsl(0, 0%, 60%);
}
 
/* --- INTERWIKI --- */
 iframe.scpnet-interwiki-frame{
     position: relative;
     width: 17em;
     height: 12em;
     margin-left: 4px;
     margin-bottom: .78em;
 
     background-color: hsl(0, 0%, 100%);
     border: 2px solid hsl(0, 0%, 20%);
}
 
/* ---- REDUCED MOTION ACCESSIBILITY ----
 * By SMLT
**/
 @media (prefers-reduced-motion: reduce){
     *, *::before, *::after{
         animation-duration: .001s !important;
         animation-iteration-count: 1 !important;
         transition-duration: .001s !important;
    }
}
 
/* ---- MOBILE MEDIA QUERY ---- */
 @media (max-width: 479px){
     #header h1 a{
         font-size: 85%;
    }
}
 
/* ---- NOTE MEDIA QUERY ---- */
 @media (min-width: 480px) and (max-width: 580px){
     #header h1 a{
         font-size: 100%;
    }
}
 
/* ---- MINI TABLET MEDIA QUERY ---- */
 @media (min-width: 581px) and (max-width: 767px){
     #header h1 a{
         font-size: 120%;
    }
}
 @media (max-width: 767px){
     .open-menu a:hover{
         box-shadow: none;
    }
}
 
/* ---- TABLET MEDIA QUERY ---- */
 @media (min-width: 768px) and (max-width: 979px){
     #header h1 a{
         font-size: 140%;
    }
}

When an author-friend of mine plugs an article to me, I always say that I'll "add it to The List". This is The List. My reading list, wherein I eventually read the things.

NOTE: Anything stated by me on this page is MY OPINION and does not speak to the objective quality of any of these works!

Special Key
(where applicable)
Symbol Meaning
Crossed out Read
Not crossed out Upcoming/Unfinished
❤︎ I LOVE THIS
Contributed

Canons

My goal is to read all the site's Canons!
(24/38 Read)

Unfounded [CONTEST]
The Antarctic Exchange [CONTEST]
Only Game In Town [CONTEST]
Competitive Eschatology [CONTEST]
Broken Masquerade ❤︎ ●
The Coldest War [CONTEST]
The Man Who Wasn't There [CONTEST]
The Old Man in the Sea [CONTEST]
Rat's Nest ● [CONTEST]
Codename: Green King
Et Tam Deum Petivi ❤︎
S & C Plastics
Global Occult Coalition Casefiles
The Gulf
Stealing Solidarity [CONTEST]
Straight On Till Morning
AIAD ● [CONTEST]
On Mount Golgotha [CONTEST]
Third Law
Project Heimdall
Cool War 2: Ruiz From Your Grave [CONTEST]
Dread & Circuses
War On All Fronts [CONTEST]
Ship In A Bottle [CONTEST]
Those Twisted Pines
The Foundation Alchemy Department
End of Death
What A Wonderful World
Apotheosis
Aces and Eights [CONTEST]
Ad Astra Per Aspera
The Trashfire
Site-17 Deepwell Catalog
In Memoria, Adytum


Canons I've Written For

6/38 Contributed


The following canons are ones I have either skipped entirely or not read in full due to a lack of interest on my part.
(4/38 Skipped)

Doctors of the Church [CONTEST]
Bellerverse [CONTEST]
lolFoundation [CONTEST]
Resurrection [CONTEST]

Singular Articles

Cool things cool cats linked me.

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