Sethtml Css

A very slightly tweaked version of Turbo Vision by Croquembouche.

@import url('http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/IBM_VGA8.css');
body { font-family: pxplus_ibm_vga8regular,monospace; font-size: 16px; line-height: 16px; color: black; background: url(http://scp-sandbox-3.wdfiles.com/local--files/turbo-vision/background.png) top left repeat; background-attachment: fixed; }
h1,h2,h3,h4,h5,h6 { font-family: pxplus_ibm_vga8regular,monospace; }
p { line-height: 16px; }
strong, b, #side-bar div.menu-item a, #side-bar .collapsible-block-link { font-weight: normal; }
em,i { font-style: normal; font-weight: bold; }
a { color: #a00; }
a:hover { text-decoration: none; background-color: white; }
 
div#container-wrap { background: url(http://scp-sandbox-3.wdfiles.com/local--files/turbo-vision/body_bg_ibm.png) top left repeat-x; }
#header { background: url(http://scp-sandbox-3.wdfiles.com/local--files/turbo-vision/logo.png) 0 16px no-repeat; }
 
#header { max-width: initial; }
#header h1, #header h2 { display: none; }
 
#top-bar { font-size: 100%; top: 142px; max-width: none; }
#top-bar ul li { margin: 0 4px; }
#top-bar ul li a { color: #0a0; background-color: #00a; padding: 0; border: none; line-height: 16px; max-height: 16px; }
#top-bar ul li a:hover, #top-bar ul li:hover a { color: #0a0; text-decoration: none; border: none; background-color: white; }
#top-bar ul li a::before { content: "["; color: white; height: 100%; }
#top-bar ul li a::after { content: "]"; color: white; height: 100%; }
#top-bar ul li a:hover::before, #top-bar ul li a:hover::after { background-color: #00a; }
 
#side-bar .side-block { position: relative; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_white.png) 16 round; box-shadow: none; margin-bottom: 2em; }
#side-bar .heading { font-size: 100%; border: none; padding: 0; margin: 1em 0 0 -11px; width: calc(100% + 22px); background: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/line_white.png); background-repeat: repeat-x; }
#side-bar .heading p { display: inline-block; padding: 0 8px; margin-left: 1.5em; color: white; font-weight: normal; }
#side-bar .side-block,
#side-bar .side-block .heading p { background-color: #aaa; }
#side-bar .side-block[style="background-color: #f0fff6;"],
#side-bar .side-block[style="background-color: #f0fff6;"] .heading p { background-color: #0a0 !important; }
#side-bar .side-block[style="background-color: #e7e5e8;"],
#side-bar .side-block[style="background-color: #e7e5e8;"] .heading p { background-color: #aaa !important; }
#side-bar .side-block[style="background-color: #fff0f0;"],
#side-bar .side-block[style="background-color: #fff0f0;"] .heading p { background-color: #f55 !important; }
#side-bar .side-block[style="background-color: #e5e5ff;"],
#side-bar .side-block[style="background-color: #e5e5ff;"] .heading p { background-color: #55f !important; }
#side-bar .side-block[style="background-color: #e5e5ff;"],
#side-bar .side-block[style="background-color: #e5e5ff;"] .heading p { background-color: #55f !important; }
 
#page-content .image {position: relative; z-index: 1; }
#page-content .scp-image-block { position: relative; background: #aaa; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_white.png) 16 round; margin: 1em -2em 1em 1em; box-shadow: none; }
#page-content .scp-image-caption { background-color: transparent; font-weight: normal; border: none; }
#page-content .scp-image-block::after { content: "IMAGE"; position: absolute; top: -1em; left: 50%; transform: translate(-50%,0); color: white; padding: 0 8px; background: #aaa; }
#page-content .image.cyan .scp-image-block,
#page-content .image.cyan .scp-image-block::after { background: #0aa; }
 
#page-content .block { position: relative; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_white2.png) 16 round; box-shadow: none; margin-bottom: 2em; }
#page-content .block .heading { font-size: 100%; border: none; padding: 0; margin: 1em 0 0 -11px; width: calc(100% + 22px); background: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/line_white2.png); background-repeat: repeat-x; max-width: none; }
#page-content .block .heading p { display: inline-block; padding: 0 8px; background: inherit!important; margin: 0; margin-left: 2em; color: white; font-weight: normal; margin-left:auto; }
#page-content .block::after { content: attr(data-title); position: absolute; top: -1em; left: 50%; transform: translate(-50%,0); color: #FFF!important; padding: 0 8px; }
#page-content .block.blue::after { content: attr(data-pagetitle); position: absolute; top: -.5em; left: 50%; transform: translate(-50%,0); color: #FFD!important; padding: 0 8px; font-size:1.5em; }
#page-content .block.cyan,
#page-content .block.cyan::after,
#page-content .block.cyan .heading p { background: #0aa; #000; }
#page-content .block.blue,
#page-content .block.blue::after,
#page-content .block.blue .heading p { background: #00a; color:#000; }
#page-content .block.grey,
#page-content .block.grey::after { background: #bbb; #000!important; }
#page-content .block.grey .heading span { background: #aaa; color:#FFF; }
#page-content .block.lred,
#page-content .block.lred::after,
#page-content .block.lred .heading p { background: #f55; #000; }
#page-content .block.purple,
#page-content .block.purple::after,
#page-content .block.purple .heading p { background: #c9d; #000; }
#page-content .block.lblue,
#page-content .block.lblue::after,
#page-content .block.lblue .heading p { background: #99f; #000; }
#page-content .block.black-border { border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_black2.png) 16 round; }
#page-content .block.black-border .heading { background: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/line_black2.png); }
#page-content .block.black-border .heading p { color: black; }
#page-content .block.black-border::after { color: black; }
 
#side-bar .side-block::before, #page-content .scp-image-block::before, #page-content .block::before, #page-options-container::before, #action-area::before, .owindow::before { content: ""; position: absolute; height: calc(100% + 2em); width: calc(100% + 2em); background: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/shadow.png); z-index: -1;  background-attachment: fixed; }
 
#page-options-container, #action-area, .owindow { background: #aaa; position: relative; border-radius: 0; border-width: 16px; border-style: solid; padding: 0; border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_black.png) 16 round; box-shadow: none; margin-bottom: 2em; }
#page-options-container, #action-area{ background: #00a; border-image: url(http://scp-sandbox-3.wikidot.com/local--files/turbo-vision/border_white.png) 16 round; color: white; }
 
::-webkit-scrollbar {
    width: 1em;
    height: 1em;
    border: none;
    border-radius: 0;
}
::-webkit-scrollbar-thumb {
    background: url(http://scp-sandbox-3.wdfiles.com/local--files/turbo-vision/thumb.png);
    /*background-attachment: fixed;*/
}
::-webkit-scrollbar-track {
    background: url(http://scp-sandbox-3.wdfiles.com/local--files/turbo-vision/track.png);
}