Minimal CSS

HOLD THY HORSES

This is a template page used internally by the Topiary.

PLEASE DO NOT TOUCH THIS PAGE
WITHOUT STAFF PERMISSION
UwU


rating: 0+x
example.png

An image

To use this theme put the following syntax somewhere in your article!

[[include :topia:component:minimal-css title=SCP Foundation|subtitle=Secure, Contain, Protect]]

You can change the text of "SCP Foundation" and "Secure, Contain, Protect" to whatever you want for the header. However, there is no default and you must have some code there.

Header

Table of Contents

Unvisited Link (Visited Link)

/*
    No CSS, Left Beef
    [2019 Wikidot Theme]
    Created by stormbreath.
*/
 
/* LINKS */
a {
    color: #0645AD;}
 
a.newpage {
    color: #CC2200;}
 
 a:visited { 
     color: #0B0080; 
}
 
#side-bar a {
     color: black
}
 
#side-bar a:visited {
     color: black; 
}
 
/* REMAKE THE HEADER */
 
h1, #page-title {
    color: black;
}
 
#page-title {
    border-color: black;
}
 
div#container-wrap {
    background: url(none);
}
 
div#extra-div-1 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: black;
}
 
#header {
    background-image: url(http://topia.wdfiles.com/local--files/component%3Aminimal-css/minimal.svg);
    background-size: 6rem;
}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 55px 55px;
    }
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
}
 
#header h1 a::before {
    content: "{$title}";
    color: black;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
}
#header h2 span::before {
    content: "{$subtitle}";
    color: black;
}
 
/* SIDE-BAR */
#side-bar .side-block {
    background-color: white !important;
    border-color: transparent;
    border-radius: 0px;
    box-shadow: none;
}
 
#side-bar .heading {
    color: black;
    border-bottom: solid 1px black;
}
 
@media (max-width: 767px) {   
    #side-bar {
         background-color: white;
    }
 
    #side-bar:target .close-menu {
         background: none; 
    }
}
 
#side-bar .collapsible-block-folded {
    background-image: url(http://topia.wdfiles.com/local--files/component%3Aminimal-css/expand.png);
}
 
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px black;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: black;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
    color: black;
}
 
#side-bar img {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
iframe.scpnet-interwiki-frame {
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
 
/* TOP-BAR */
#top-bar ul li ul {
    border: solid 1px black;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid white;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: white;
    color: black;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: black;
    color: white/* top bar hover background color */
}
 
/* RATING MODULE */
.page-rate-widget-box {
   box-shadow: none;
}
 
.page-rate-widget-box .rate-points {
    background-color: black !important;
    border: solid 1px black;
    text-transform: capitalize;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: white;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: black;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: black;
    color: white;
}
.page-rate-widget-box .cancel {
    background-color: black;
    border: solid 1px black;
}
.page-rate-widget-box .cancel a {
    color: white;
}
.page-rate-widget-box .cancel a:hover {
    background: black;
    color: white;
}
 
#page-content .rate-box-with-credit-button {
    background-color: black; 
    border: 1px solid black;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
 
#page-content .rate-box-with-credit-button .creditButton p a {
    border-left-color: black;
}
 
/* PAGE ELEMENTS */
blockquote {
     background-color: white;
}
 
#toc {
     background-color: white;
}
 
.code {
    background-color: white;
}
 
.scp-image-block {
    border: solid 1px black;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background-color: white !important;
    border-top: solid 1px black !important;
    color: black;
}
 
/* RECOLOR THE SEARCH BAR */
#search-top-box-input {
    border-color: black;
    color: black !important;
    background-color: white;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: white;
    border-color: black;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px black;
    color: black;
    background-color: white;
    background: white;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px black;
    background-color: white;
    background: white;
    color: black;
}
 
/* LOGIN STUFF */
#login-status {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
#login-status a {
    color: black;
}
#login-status ul a {
    color: black;
}
#account-topbutton {
     background: #ccc;
     color: black;
}
 
/* HOVER THINGIES */
.hovertip {
     background: white !important;
}
 
/* FOOTER  */
#footer {
    background: black;
    color: white;
}
 
/* TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: transparent; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: white !important; /* tab background */
    border-color: white;
    color: black;
    transition: 0.125s;
}
 
.yui-navset .yui-nav a em {
    background-color: white;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.7);
    border-color: white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color: white; /* selected tab background */
    color: black;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: transparent;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
    background-color: white; 
}
 
.yui-navset .yui-content {
    background-color: transparent; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: transparent; /* content border */
    border-top-color: transparent; /* different border color */
}
 
.yui-navset-left .yui-content {
    border-left-color: #b7a9a9; /* different border color */
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License