Theme Page

This theme is a modified version of the "SCP Sigma 9" theme made by Aelanna and edited by Dr Devan for the SCP Foundation.

We are greatly thankful to the original creators for this secondary usage of their work.

@charset "utf-8";
 
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
 
@font-face {font-family:"Akashi";src:url("http://ci-wiki.wikidot.com/local--files/start/akashi.eot") format("eot"),url("http://ci-wiki.wikidot.com/local--files/start/akashi.woff") format("woff"),url("http://ci-wiki.wikidot.com/local--files/start/akashi.ttf") format("truetype"),url("http://ci-wiki.wikidot.com/local--files/start/akashi.svg") format("svg");font-weight:normal;font-style:normal;}
 
@import url("http://ci-wiki.wikidot.com/local--files/start/akashi.ttf")
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
/*
    Modified From:
    SCP Sigma 9
    [2014 Wikidot Theme]
    Created for the SCP Foundation by Aelanna
    Edited for SCP Foundation by Dr Devan
*/
 
/* COMMON */
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1350px;
    height: auto !important;
 
}
 
h1, #page-title {
    color: #C72E2E;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-weight: bold;
}
h2, h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
#page-title {
    border-color: #bbb;
}
ul {
    list-style: square;
}
#top-bar ul {
    /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
li, p {
    line-height: 141%;
}
a {
    color: #F03030;
    text-decoration: none;
    background: transparent;
}
a.newpage {
    color: #6E4545;
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
.form-control {
width: 95%;
}
 
/* GLOBAL WIDTH */
#header, #top-bar {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
}
 
#top-bar {
    width: 100%;
    margin: 0 auto;
}
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
 
body {
    background-color: #fff;
    font-size: 0.80em;
    color: #333;
}
div#container-wrap {
    background: url(http://ci-wiki.wikidot.com/local--files/start/cottage.png) top left repeat-x;
}
 
/* HEADER */
#header {
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url(http://ci-wiki.wikidot.com/local--files/start/logo_2.png) 10px 40px no-repeat;
}
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    border: solid 1px #EDEDED;
    color: #F22424;
    background-color: #1C1818;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px #F22424;
    color: #fff;
    background-color: #171717;
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.8);
}
#search-top-box-form input[type=submit] {
    border: solid 1px #EDEDED;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: #fff;
    background-color: #171717;
    background: linear-gradient(to bottom, #171717, #242424);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #F22424;
    color: white;
    text-shadow: 0 0 1px rgba(255,255,255,.25)
    background-color: white;
    box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
 
#login-status {
    color: #DEDEDE;
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: #fff;
}
#login-status ul a {
    color: white;
    background: #171717;
}
 
#account-topbutton {
    background: #ccc;
    color: #700;
}
#account-options li a:hover {
background-color:white;
color:black;
border-top: 1px solid #F22424;
border-bottom: 1px solid #F22424;
}
.printuser img.small {
    margin-right: 1px;
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
}
#header h2 {
    margin-left: 120px;
    padding: 0;
    clear: left;
    float: left;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: #eee;
    background: transparent;
    font-family: Akashi, Arial, sans-serif;
    font-size: 180%;
    text-decoration: none;
    text-shadow: 3px 3px 5px #000;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    font-family: Helvetica, sans-serif;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 1px #FF4242;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
/* TOP MENU */
#top-bar {
    position: absolute;
    z-index: 50;
    top: 144px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li {
    margin: 0;
}
 
#top-bar a {
    color: #fff;
    background: transparent;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px #2E2E2E;
    border-top: 0;
}
 
#top-bar ul li a {
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: #0D0D0D;
    color: white;
}
 
#top-bar ul li a:hover {
color:black;
background-color:#FAFAFA;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: 1px solid #575757;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: #fff;
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* IE7 HACK */
#top-bar ul > li > ul {    
    *margin-top: -4px;
}
 
/* SIDE MENU */
#side-bar {
    clear: none;
    float: none;
    position: absolute;
    top: 0.5em;
    left: 2em;
    width: 17em;
    padding: 0;
    border: none;
    display: block;
}
#side-bar .side-div {
    padding: 10px;
    border: 1px solid #912929;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba black;
    background: #171717;
    text-shadow: 1px 1px 1px solid black;
    background: linear-gradient(#171717, #0A0A0A);
    margin-bottom: 15px;
    color: #FAFAFA;
    text-shadow: 1px 1px 1px #FF4242;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
.side-div a {
color: #E87272;
text-decoration:none;
}
.side-div a:hover {
color: #E3E3E3;
text-decoration:none;
}
.side-div a.newpage {
color: #6E4545 ! important;
text-decoration:none;
}
.side-div a:focus {
color: #C41A1A;
text-decoration:none;
}
/* CONTENT */
#main-content {
    margin: 0 2em 0 22em;
    padding: 1em;
    position: relative;
}
 
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* TABVIEW LOOKS
===========================*/
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#171717; /* color between tab list and content */
}
 
.yui-navset .yui-nav a em {
background-color: #F7F7F7;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8 ! important; /* tab background */
    border-color:#4F4A4A;
    color:#303030;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: #4F4A4A;
}
 
.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: #4D4D4D; /* DONE selected tab background */
    color:white;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #F9FCF2;
 background-color: #4D4D4D; /* DONE selected tab border color */
}
 
.yui-navset .yui-content {
    background-color: #F7F7F7; /* DONE content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #0A0A0A; /* DONE content border */
    border-top-color:#0A0A0A; /* DONE different border color */
}
 
.yui-navset-left .yui-content {
    border-color: #0A0A0A; /* DONE content border */
    border-left-color: #0A0A0A; /* DONE different border color */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border-color: #0A0A0A; /* DONE content border */
    border-bottom-color: #0A0A0A; /* DONE different border color */
}
blockquote {
  border-style: dotted;
  border-color: #3B3B3B;
  border-width: 1pt;
  background-color: #F2F2F2; }
 
div.image-block {
 float:right;
 margin:0 2em 1em 2em;
 width:300px;
 border:0;
}
 
div.image-block img {
width:300px;
}
 
/* FOOTER
========================= */
#footer {
    clear: both;
    font-size: 80%;
    background: #171717;
    color: #bbb;
    margin-top: 15px;
    padding: 3px 10px;
}
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
#footer a {
    color: #fff;
    background: transparent;
}
 
/* Custom page content classes */
#page-content {
    min-height: 720px;
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
}
/* Fixes for multi-line page tags */
 
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* Divs */
 
div.prompt {
border-radius: 5px;
border: 1px solid #F22424;
background: linear-gradient(#171717, #242424);
color:white;
padding:10px;
margin:5px;
}
 
div.prompt pre, div.prompt blockquote {
color:black;
}
 
div.side-div pre, div.side-div blockquote {
color:black;
text-shadow: none;
}
 
div.box-grey {
border-radius: 5px;
border: 1px solid #FF244C;
background: linear-gradient(#F5F7F7,#F0F0F0);
color:black;
padding:10px;
margin:5px;
}
 
/* SCROLLBAR (pseudo-element)
==================== */
 
body::-webkit-scrollbar {
    width: 0.7em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #C2C2C2;
}
 
body::-webkit-scrollbar-thumb {
background: linear-gradient(#454545, #363636);
  outline: 1px solid slategrey;
}