YOSSISTYLE CSS THEME

Link to article: YOSSISTYLE CSS THEME.

Module Styles

• 
  
  #header h2 span {
      margin-left: 1px;
  }
  
  a {
      color: #bb0111;
  }
  
  @keyframes sbs {
      from {top: 0px;}
      to {top: 500px;}
  }
  
  #side-bar {
      animation-name: sbs;
      animation-duration: 20000s;
      animation-iteration-count: infinite;
  }
  
  a[href="/system:page-tags/tag/theme#pages"] {
      font-weight: bold;
  }
  
  #license-area a::after {
      content: ".";
  }
  
  #watchers-button {
      display: none;
  }
  
  .page-rate-widget-box .rate-points {
      text-transform: capitalize;
  }
  
  

Inline Styles

• (none)

Includes

• (none)

CSS Classes

• (none)

Page Source

[[module CSS]]


#header h2 span {
    margin-left: 1px;
}

a {
    color: #bb0111;
}

@keyframes sbs {
    from {top: 0px;}
    to {top: 500px;}
}

#side-bar {
    animation-name: sbs;
    animation-duration: 20000s;
    animation-iteration-count: infinite;
}

a[href="/system:page-tags/tag/theme#pages"] {
    font-weight: bold;
}

#license-area a::after {
    content: ".";
}

#watchers-button {
    display: none;
}

.page-rate-widget-box .rate-points {
    text-transform: capitalize;
}


[[/module]]

[[>]]
[[module Rate]]
[[/>]]

[[=]]
+ What //Is// This????????
[[/=]]

Good question, generic rhetorical sentence used on every single style page for some reason. This is the **{{YOSSISTYLE}}**, my own personal customized component/theme completely and utterly different from the [http://scp-wiki.wikidot.com/theme:magnus-web-format other] [http://scp-wiki.wikidot.com/theme:flopstyle personal] [http://scp-wiki.wikidot.com/theme:blankstyle customized] [http://scp-wiki.wikidot.com/theme:placestyle component]/[http://scp-wiki.wikidot.com/component:croqstyle theme] [http://scp-wiki.wikidot.com/component:rso pages] on this hellhole site! 

The **{{YOSSISTYLE}}** is different though: instead of merely being some aesthetic changes designed to suit the whims of the author (like my //contemporaries// did), I instead designed this page to serve the masses, the people, the individual. Each person in of themselves. As Lenin once said, "You look for the person who will benefit, and, uh, uh...", and those words touched me. That is now my philosophy, and I'm proud to bring my glorious CSS revolution to the Wiki.

//But Yossi,// I pretend to hear you cry, //surely this will make you many political enemies! How will you possibly win the upcoming SCP elections if you are providing free Sigma-9 edits to everyone? How will you afford to pay for the massive amounts of [[include]]s surely to follow the **{{YOSSISTYLE}}**'s publishing? Are you going to address the upvote gap which separates the 1% from the rest of the Wiki?// And to that I say shut up and don't worry about it I got it under control.

The **{{YOSSISTYLE}} may or may not be compatible with [http://scp-wiki.wikidot.com/theme:black-highlighter-theme Black HighLighter]**. I, personally, have **no fucking clue** as to whether or not the two work together. You're free to try, if you'd like, but just know that my fist is also compatible with your face and you probably don't want me to mix the two regardless.

[[=]]
+ How to Use??????
[[/=]]

If I'm gonna be honest, I have no clue how to include this in a page. However, the god-emperor said she will not be inviting me to the secret shadow council meeting if I don't include instructions (hah, get it?), so I'll figure it out as I go.

Firstly, DO NOT do this:

[[=]]
> **{{@import url(@<https://scpwiki.com/theme:yossistyle/code/1>@);}}**
[[/=]]

This will summon //**SATAN HIMSELF**// to haunt your code and it will guarantee your article will receive downvotes. Our benevolent god-empress has enacted a ban that will allow him to delete pages which use the above code to prevent **FUCKING SATAN** from leaking into the Wiki and destroying you all. You fucking fools.

Instead, you can put the following code at the top of your page to ensure that all my amazing changes will be implemented without issue or delay:

[[=]]
> **{{[The Yossistyle has been declared a crime against humanity by the Tech Team and is no longer allowed to be used.]}}**
[[/=]]

Once you include the include in your article, include includes including prayers to our god-[[footnote]]what is the non-binary term for an emperor/empress[[/footnote]] in order to satisfy them. Be sure to stand up from your computer or phone or whatever and turn in a circle three times before screaming "//PRAISE BE THE DUCK! PRAISE BE THE STORM! PRAISE TO THE ANCIENT FALLEN ONES FOR THEIR SACRIFICES! ESSYPEE! ESSYPEE! ESSYPEE!//" and performing a personalized musical number. This step is not strictly mandatory, but I'd suggest it if you ever plan on using themes again.

[[=]]
+ What Are Change??????
[[/=]]

Well, change is the thing you lack in your pockets when you need it the most, but that's besides the point.

Below are a list of all the different modifications this theme makes to Sigma-9, in order to vastly improve it. Frankly, I'm of the opinion that these changes should be implemented site-wide, but CLEARLY **SOME** PEOPLE don't share my vision. Regardless, like my predecessors, I shall improve the Wiki not through some bogus policy or bureaucracy, but through the goodwill of my heart and also shitloads of cash.

Here is a comprehensive list:

* The header was very displeasing to look at, and for good reason. Now, its issues have been addressed: the subtitle has been moved one pixel to the right.
* I don't know how we went so long using #bb0011 of all colors for our links. This theme has changed it to be #bb0111, which has been proven to be scientifically easier to look at. You should always trust the science. [https://www.youtube.com/watch?v=rRPQs_kM_nw Just look at it!]
* The sidebar now slowly scrolls down the page! Who doesn't love a scrolling sidebar? It moves if you look at it long enough.
* The tag "theme" is now bolded, to emphasize that this page has a superiority complex. Amazing what the wonders of technology can do!
* As it was a point of //extreme// controversy, I have added a period to the end of the licensing notice at the bottom of each page. Now you do not have to worry about avoiding the bottom of the page in fear of seeing a sentence without a period at the end. No need to thank me
* Removed the "Watchers" button from the expanded menu. Do you even know what a watcher //is//?
* The rating module is now capitalized. To emphasize it's the page's Rating™, not just its rating.

...And more!

[[=]]
+ Wonderful Reviews

> //Absolutely fantastic. A masterpiece of our times.//
> 
> —[[*user Nagiros]], 2021
@@ @@
> [Sigh] //...tech team approved, unfortunately. Please just get out of my house.//
> 
> —[[*user stormbreath]], 2021
@@ @@
> 🦆 🍞 ❤️ ✡️ 🙏
> 
> —[[*user aismallard]], 2021
@@ @@
> {{[THIS REVIEW HAS BEEN REDACTED DUE TO EXTREME VEHEMENCE]}}
> 
> —[[*user Aelanna]], 2021
@@ @@
> //Too many {{!important}}s, downvoted.//
> 
> —[[*user Croquembouche]], 2021
@@ @@
> //[...]You know, this reminds me about that time I lead a revolution against the deep state in Illinois, back in the day. We ran a sting operation to throw the old governor out — nasty guy, by the way, absolutely atrocious — but it turns out he was actually the ringleader of the secret band of cocaine smugglers that in turn controlled the deep state that controlled him. Never could get that out of my head how backwards the logic wa— what? Oh, your theme looks nice. Anyways, the cocaine smugglers turned out to actually be clones of m[...]//
> 
> —[[*user djkaktus]], 2021
@@ @@
> //I pissed myself.//
> 
> —[[*user Woedenaz]], 2021
@@ @@
**WHAT THE FUCK ARE YOU WAITING FOR? //TRY IT TODAY FOR FREE!//**

@@ @@
@@ @@
@@ @@
@@ @@
@@ @@
@@ @@

[[/=]]
[[collapsible show="+ SHOW CODE (warning, very long and complicated)" hide="– OC CODE DO NOT STEAL"]]

[[code type="css"]]

#header h2 span {
    margin-left: 1px;
}

a {
    color: #bb0111;
}

@keyframes sbs {
    from {top: 0px;}
    to {top: 500px;}
}

#side-bar {
    animation-name: sbs;
    animation-duration: 20000s;
    animation-iteration-count: infinite;
}

a[href="/system:page-tags/tag/theme#pages"] {
    font-weight: bold;
}

#license-area a::after {
    content: ".";
}

#watchers-button {
    display: none;
}

.page-rate-widget-box .rate-points {
    text-transform: capitalize;
}

[[/code]]

[[footnoteblock]]

[[/collapsible]]