Chara Nalaar's Theme Sandbox

You may be looking for my main sandbox.

Current Draft Theme: SCP-NET Terminal

Emulates a terminal that would be used to retrieve and read SCP database files. Designed for my (shelved) 4K format screw.

TODO:
- Dark background, white div boxes
- Purple accent color
- Grid theme on header

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono');
 
/* Draft Theme: SCP-NET Terminal */
/* Emulates a terminal that would be used to retrieve and read SCP database files. Designed for my (shelved) 4K format screw. */
 
h1, #page-title {
    color: #00FF00;
}
 
a {
    color: #01b;
}
 
a.newpage {
    color: #16d;
}
 
div#container-wrap {
    background: url(http://scp-sandbox-3.wdfiles.com/local--files/component%3Acharatheme/body_bg.png) top left repeat-x;
}
 
#header {
    background: url(http://www.scp-wiki.net/local--files/component:theme/logo.png) 10px 40px no-repeat;
}
 
#search-top-box-input {
    background-color: #003;
}
 
#search-top-box-input:hover, #search-top-box-input:focus {
    background-color: #336;
}
 
#search-top-box-form input[type=submit] {
    background: linear-gradient(to bottom, #669,#336,#003);
}
 
#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
    background: linear-gradient(to bottom, #99c,#669,#336);
}
 
#header h1 a {
    color: transparent;
    text-shadow: none;
    content: "SCP-NET";
    font-family: "IBM Plex Mono", monospace;
}
 
#header h1 a::before {
    content: "SCP-NET";
    color: #00FF00;
    text-shadow: 3px 3px 5px #000;
    font-family: "IBM Plex Mono", monospace;
}
 
#header h2 span {
    color: transparent;
    text-shadow: none;
    content: "Foundation Access Terminal ID #2018717";
    font-family: "IBM Plex Mono", monospace;
}
 
#header h2 span::before {
    content: "Foundation Access Terminal ID #2018717";
    color: #00FF00;
    text-shadow: 1px 1px 1px #000;
    font-family: "IBM Plex Mono", monospace;
}
 
#side-bar .collapsible-block-folded {
    background: url(scp-sandbox-3.wdfiles.com/local--files/component%3Acharatheme/expand.png) 0 2px no-repeat;
}
 
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: #006;
}
 
.content-panel .panel-body {
    background: #fff9f0 url(http://www.scp-wiki.net/local--files/component:theme/panel-bg-gradient-reverse.png) bottom repeat-x;
}
 
@-moz-document url-prefix() {
.emph {
    background-image: url(http://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none;
}
}
 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.emph {
    background-image: url(http://www.scp-wiki.net/local--files/component%3Atheme/dot.png), none;
}
}