Brunzell's Author Page
/*
    Simple Yonder Theme
    [2020 Wikidot Theme]
    By EstrellaYoshte
    Based on:
        Sigma-9 Theme by Aelanna and Dr Devan
        Anderson Robotics Theme by Croquembouche
        Minimal Theme by stormbreath
        Word Processing Theme by stormbreath
        Flopstyle CSS by Lt Flops
*/
 
@import url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/jost.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Fira+Code&display=swap);
 
:root {
    --themeColor: #7E2520;
    --accentColor: #E01F1F;
    --whiteColor: #FBFBFB;
    --borderColor: #C4C4C4;
}
 
#page-content { font-size: .87rem; }
 
body {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    background-color: var(--whiteColor);
}
 
.code pre, .code p, .code, tt{ /* ---- Code by Croquembouche ---- */
    font-family: "Fira Code", monospace;
}
 
.page-source {
    font-family: "Fira Code", monospace;
 
}
a {
    color: var(--accentColor);
}
 
a:visited {
    color: var(--themeColor);
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--themeColor);
    font-family: 'jostregular';
    font-weight: bold;
}
 
#page-title {
    color: var(--themeColor);
    font-family: 'jostregular';
    font-weight: bold;
    font-size: 2.4em;
    border-color: var(--borderColor);
}
 
/* ---- HEADER ---- */
 
 div#container-wrap{
     background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/bg3.png');
     background-repeat: repeat-x;
}
 
div#header {
    background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Asimple-yonder/logo.png');
    background-size: 7.3rem;
    background-position: 3px 29px;
}
@media (max-width: 767px) and (min-width: 480px) {
    div#header {
      background-size: 6rem;
      background-position: -4px 44px;
    }
}
@media (max-width: 479px) {
    div#header {
      background-size: 4.6rem;
      background-position: -3px 58px;
    }
}
 
#account-topbutton {
    border-width: 0;
}
#login-status,
#login-status a {
    color: var(--whiteColor);
    font-weight: bold;
}
#login-status ul a,
#login-status ul a:hover {
    color: var(--themeColor);
}
 
#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: none;
    background: #282828;
    box-shadow: none;
    border-radius: 2px;
    color: #f4f4f4;
}
 
#search-top-box input.empty {
    color: var(--borderColor);
}
 
div#header h1 a span {
    font-family: 'jostregular';
    font-weight: bold;
    color: #f4f4f4;
    text-shadow: 0px 0px 0px #000;
}
div#header h2 span {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #f4f4f4;
    padding: 17px 0;
    text-shadow: 0px 0px 0px #000;
    white-space: pre;
}
 
/* ---- TOP BAR ---- */
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: var(--themeColor);
}
 
#top-bar ul li ul {
    border-color: var(--borderColor);
    box-shadow: none;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #f4f4f4;
}
 
/* ---- SIDE BAR ---- */
 
div#side-bar {
    font-size: 104%;
    background-color: var(--whiteColor);
}
 
#side-bar .side-block.media > * {
    display: flex;
    justify-content: space-evenly;
}
#side-bar .side-block {
    border: var(--whiteColor) 4px;
    border-radius: 0;
    box-shadow: none;
    background: var(--whiteColor) !important;
    padding: 2px;
}
#side-bar .heading {
    border: none;
    border-radius: 0;
    color: #282828;
    font-size: 1.3em;
    padding: 1em 1em 0 0;
    border-top: 1px solid var(--borderColor);
    margin: 1em -0.8em 1em -0.5em;
    font-weight: normal;
}
 
#side-bar .menu-item > a:hover {
    background-color: rgba(0,0,0,0.05);
    color: var(--accentColor);
    text-decoration: none;
}
 
#top-bar div.open-menu a {
    border-radius: 0;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.2), 0px 3px 10px 0 rgba(0, 0, 0, 0.19);
    color: var(--themeColor);
    border: none;
}
 
#side-bar a:visited {
    color: var(--themeColor);
}
 
@media (max-width: 767px) {
    #main-content {
        padding: 0;
        margin: 0 5%;
        border-left: none;
    }
    #page-title {
        margin-top: 0.7em;
    }
    #side-bar {
        left: -19em;
    }
    #side-bar:target {
        border: none;
        box-shadow: 1px 0 5px 0 rgba(0,0,0,0.2);
    }
    #side-bar .close-menu {
        transition: width 0.5s ease-in-out 0.1s,
        opacity 1s ease-in-out 0s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: rgba(0,0,0,0.3);
        background-position: 19em 50%;
        z-index: -1;
        opacity: 0;
        pointer-events: none;
    }
    #side-bar:target .close-menu {
        width: calc(100% - 19em);
        right: 0;
        left: auto;
        opacity: 1;
        pointer-events: auto;
    }
    #page-content > hr, #page-content > .list-pages-box > .list-pages-item > hr {
        margin: 3em -5.5%;
    }
    #side-bar {
        top: 0;
    }
    #side-bar .heading {
        padding-left: 1em;
        margin-left: -1em;
    }
}
 
/* ---- TABS ---- */
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: var(--themeColor); /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: var(--whiteColor); /* tab background */
    border-color: transparent;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background: #f4f4f4;
    box-shadow: none;
    border-color: var(--whiteColor);
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    font-weight: bold;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--whiteColor); /* selected tab background */
    color: var(--themeColor);
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--whiteColor);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px 0.5px rgba(0,0,0,0.5);
    background: var(--whiteColor);
}
 
.yui-navset .yui-content {
    background: var(--whiteColor); /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border: solid 1px var(--borderColor);
    border-top-width: 0;
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: var(--themeColor);
}
 
 .info-container .collapsible-block-content .wiki-content-table{
     width: 100%;
}
 
/* ---- INFO PANE ---- */
 
#page-content .creditRate{
     margin: unset;
    margin-bottom: 8px;
}
#page-content .rate-box-with-credit-button {
    background-color: var(--whiteColor);
    border: solid 1px var(--whiteColor);
    box-shadow: none;
    border-radius: 0;
}
 
#page-content .rate-box-with-credit-button .fa-info {
    border: none;
    color: var(--themeColor);
}
 
#page-content .rate-box-with-credit-button .fa-info:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
.rate-box-with-credit-button .cancel {
    border: solid 1px var(--whiteColor);
}
 
.modalbox {
    background: var(--whiteColor);
    border: none;
    box-shadow: none;
    border-radius: 0;
}
iframe.close-credits {
    top: 1.25em;
    right: 1.5em;
    transform: scale(1.5, 1.25);
}
 
/* ---- PAGE RATING ---- */
 
.page-rate-widget-box {
    box-shadow: none;
    margin: unset;
    margin-bottom: 8px;
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--whiteColor) !important;
    color: var(--themeColor) !important;
    border: solid 1px var(--whiteColor);
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--whiteColor);
    border-top: solid 1px var(--whiteColor);
    border-bottom: solid 1px var(--whiteColor);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: var(--themeColor);
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
.page-rate-widget-box .cancel {
    background: transparent;
    background-color: var(--whiteColor);
    border: solid 1px var(--whiteColor);
}
 
.page-rate-widget-box .cancel a {
    color: var(--themeColor);
}
.page-rate-widget-box .cancel a:hover {
    background: var(--whiteColor);
    color: var(--accentColor);
}
 
/* ---- PAGE ELEMENTS ---- */
 
#page-content .wiki-content-table tr th {
    border: solid 1px var(--borderColor);
    background-color: #f4f4f4;
    /* set border for table title */
}
 
#page-content .wiki-content-table tr td {
    border: solid 1px var(--borderColor);
    /* set border for table content */
}
 
blockquote,
div.blockquote,
#toc,
.code {
     background-color: #f4f4f4;
     border: solid 1px var(--borderColor);
}
 
.scp-image-block {
    border: solid 1px var(--borderColor);
    box-shadow: none;
    box-sizing: border-box;
}
.scp-image-block .scp-image-caption {
    background-color: #f4f4f4;
    border-top: solid 1px var(--borderColor);
    color: black;
}
 
hr {
    background-color: var(--borderColor);
}
 
.hovertip {
    border-color: var(--borderColor)!important;
}
 
/* ---- FOOTER ---- */
#footer { background: transparent; }
#footer a { color: var(--themeColor); }

[[iftags +component]]

This is a component to make the mobile sidebar button active on desktop-size screen.
To use, put the following:

[[include :scp-wiki:component:toggle-sidebar]]

If used with a theme, it's recommended to put said theme after this [[include]].

(Use this version by WoedenazWoedenaz if you're using Black Highlighter)


[[/iftags]]

/* 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) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .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;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #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;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
rating: +17+x

About Me

I'm just a Swedish pastry with an interest in writing, reading and teaching. I have a passion for equity in schools and the environment. I like all kinds of articles on the wiki but I generally have a preference against enabling too unrealistic concepts. I know everything on here is hella unrealistic but I believe there is a spectrum as well.

Underread Articles

I do this thing where I look through older and newer articles below a rating of 30 without many comments (or very old comments) and leave a crit just to try and bump the article in any direction toward a more fitting range. Hopefully I have made some articles accepted, and some acknowledged etc. I have without a doubt read more articles below 30 than above.

This particular time, I recommend reading SCP-5446.

When applied to a human subject submerged in salt water, the anomaly converts them into an SCP-5446-Δ instance. These are sapient, telepathic jellyfish, superficially similar to the lion's mane jellyfish (Cyanea capillata), with tentacles ranging from 24 to 31 meters in length. Individuals transformed this way retain their intelligence and memories, and are able to make use of electric thaumaturgy for combat, communication, and interfacing with Area-58's computer systems.

My Articles

I have also produced text myself.

SCP-5439 - Nose Itch
Around this time it's been a boom of short articles. I got a nose itch one day and immediately thought of this scene under 500 words.

Translated into Chinese by Claire WalkerClaire Walker.

Translated into Vietnamese by KirQKirQ.

SCP-5294 - The Emancipatory Society for Middle-Aged Fathers
Ever wondered where all the middle-aged dads come from? I wrote this simply because I think jokes about dads being useless are funny.

SCP-6201 - Trolls
This is not only an homage to the mythological creature but to those who were severely mistreated by Swedish authorities at the beginning of the 20th century.

SCP-5930 - The Bride of Christ
If we would believe in an eternal life, would we be able to cherish our life? This one is a cool concept that I used for the Cupidcon-contest. I was inspired by the Knutby sect where one person was murdered and another seriously wounded by one of the members after manipulation by the pastor in the Pentecostal church.

Bye

Interest is heartwarming. Which is why I believe that an article should have 50 downvotes rather than 0 votes and 0 comments. And that is why I'd like everyone to care a little more for the articles that just don't happen to get that much attention. Whether you leave a downvote or a novote and a comment or an upvote don't matter as long as you do not ignore the article. And praise be the Underread and Underrated section that our staff stands responsible for, give that page some heartwarmth too.

I'd like to thank you for stopping by. No, I'd really like to. Because by clicking on this new page you showed interest. And showing interest, isn't that an action of affinity? Because indeed interest is upheld by some kind of affectionate feeling. Although I do not believe affinity is something limited and something we should hold sacred I believe we choose to use affinity where it is due. And if you chose to show interest because it is due in this page's case that would be truly heartwarming right?

Thank you for warming my heart today.

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