SCP基金会中文分部

@charset "utf-8";

/*
    엔트로피를 넘어서 CSS 테마
    [2016 Wikidot Theme]
    Edited by thd-glasses.
    Based on THIRD LAW theme created by GreenWolf, with technical assistance from Randomini and aesthetic assistance from Dr Kens and thomas.
    Originally based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    The Beyond Entropy Logo was created by thd-glasses and is licensed under CC-BY-SA 3.0.
*/

/* COMMON */
 #content-wrap {
     min-height:1300px;
     height: 1500px;
}

 h1, #page-title {
     color: #210B61;
}

 #page-title {
     border-color: #210B61;
}

/* links */

 a {
     color: #050099;
}

 #side-bar a:visited {
     color: #02007F;
}

 a:visited {
     color: #02007F;
}

 a.newpage {
     color: #A0A0E5;
}

 body {
     background-color: #DDDDE7;
     color: #000000;
}

 div#container-wrap {
     background: url(https://scpko.wdfiles.com/local--files/theme%3Abeyondentropy-theme/body_bg_0.png) top left repeat-x;
}

/* HEADER */

 #header {
     background: url(https://scpko.wdfiles.com/local--files/theme%3Abeyondentropy-theme/BE-logo-small0.png) 20px 50px no-repeat;
}

 #search-top-box-input {
     border: solid 1px #0c1121;
     color: #e9ebf0;
     background-color: #222e59;
}

 #search-top-box-input:hover, #search-top-box-input:focus {
     border: solid 1px #bfc3d4;
     color: #e9ebf0;
     background-color: #404d7e;
}

 #search-top-box-form input[type=submit] {
     border: solid 1px #0c1121;
     color: #e9ebf0;
     background-color: #222e59;
     background: linear-gradient(to bottom, #263464,#1e284e);
}

 #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
     border: solid 1px #bfc3d4;
     color: #e9ebf0;
     background-color: #222e59;
     background: linear-gradient(to bottom, #1e284e,#263464);
}

 #login-status {
     color: #e9ebf0;
}

 #login-status a {
     color: #e9ebf0;
}
 #login-status ul a {
     color: #4057a7;
}

 #account-topbutton {
     background: #CCCCCC;
     color: #4057a7;
}

 #header h1 a {
     color: transparent;
     font-family: '맑은 고딕', Arial, sans-serif;
     font-size: 150%;
     text-shadow: none;
     letter-spacing: 0.5px;
}

 #header h1 a::before {
     content: "超 熵";
     color: #CCCCCC;
     text-shadow: 3px 3px 5px #000000;
}

 #header h2 span {
     font-family: '맑은 고딕', Arial, sans-serif;
     color: transparent;
     text-shadow: none;
}

 #header h2 span::before {
     content: 'BEYOND ENTROPY';
     color: #CCCCCC;

     text-shadow: 1px 1px 1px #000000;

     text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

 #top-bar a {
     color: #e9ebf0;
}

 #top-bar ul li ul {
     border: solid 1px #4B4194;
}

 #top-bar ul li.sfhover a, #top-bar ul li:hover a {
     background: #E3E7EA;
     color: #4682B4;
}

 #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
     border-top: 1px solid #6A7194;
}

 #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
     background: #E4E4EE;
}

 #top-bar ul li ul a, #top-bar a:hover {
     color: #4682B4;
}

/* SIDE MENU */
 #side-bar {
     background: transparent;
}

 #side-bar img {
     filter: hue-rotate(210deg);
     -webkit-filter: hue-rotate(210deg);
}

 #side-bar div.side-block:nth-child(4) > div:nth-child(1) > div:nth-child(1) img {
     filter: none;
     -webkit-filter: none;
}

 #side-bar .side-block {
     border: 1px solid #315B7D;
     background: #E4E4EE !important;
     box-shadow: none !important;
}

 #side-bar .heading {
     color: #315B7D;
     border-bottom: solid 1px #315B7D;
}

 #side-bar div.menu-item.inactive a {
     color: #315B7D;
}

 #side-bar div.menu-item .sub-text {
     color: #315B7D;
}

 #side-bar .collapsible-block-folded {
     background: none;
}

 #side-bar .collapsible-block-unfolded-link {
     border-bottom: solid 1px #315B7D;
}

 #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: #315B7D;
}

 #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
     color: #4682B4;
}

/* YUI-TABS */
 .yui-navset .yui-content{
     background-color: #E4E4EE;
}

 .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
     background-color: #210B61;
}

 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
 .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
     background: #210B61; /* selected tab background */
     color: #eeeeee;
}

 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
     background: #bfc3d4;
     text-decoration: none;
}

 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav {
     border-color: #210B61;
}

/* FOOTER */
 #footer {
     background: #7F7C94;
     color: #C1BCE0;
}

 #footer a {
     color: #E0E0E0;
}

/* SOME NICE BOXES */
 div.sexy-box {
     background: #E0E0E0;
     border: 1px solid #C1BCE0;
}

 div.sexy-box div.image-container img {
     border: 1px solid #E0E0E0;
}

/* Custom page content classes */
 .content-panel {
     background-color: #1F1F1F;
     box-shadow: 3px 3px 6px #BBBBBB;
}

 .content-panel.standalone {
     background: #E0E0E0;
}

 .content-panel .panel-heading {
     color: #E0E0E0;
}

 .content-panel .panel-body {
     background: #E0E0E0;
}

 .content-panel .panel-footer {
     color: #E0E0E0;
}

 .content-panel .panel-footer a {
     color: #E0E0E0;
}

 .content-panel .content-toc {
     background-color: #E0E0E0;
     border: solid 1px #CCCCCC;
}

 .page-rate-widget-box .rate-points {
     background-color: #222e59 !important;
     border: solid 1px #312259;
}

 .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
     background-color: #404d7e;
     border-top: solid 1px #0c1121;
     border-bottom: solid 1px #0c1121;
}

 .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
     color: #e9ebf0;
}

 .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
     background: #222e59;
     color: #e9ebf0;
}

 .page-rate-widget-box .cancel {
     background-color: #222e59;
     border: solid 1px #0c1121;
}

 .page-rate-widget-box .cancel a {
     color: #e9ebf0;
}

 .page-rate-widget-box .cancel a:hover {
     background: #404d7e;
     color: #e9ebf0;
}

 .rate-box-with-credit-button {
     background-color: #210B61!important;
     border: 1px solid #210B61!important;
     border-radius: 5px!important;
     box-shadow: 1px 1px 3px rgba(0,0,0,.5)!important;
}

 .rate-box-with-credit-button .creditButton p a {
     border-left-color: #210B61!important;
}

 .rate-box-with-credit-button .page-rate-widget-box .cancel {
     border-radius: 0;
}

 .rate-box-with-credit-button .page-rate-widget-box .rate-points {
     border-left: 0;
}

/* Heritage Collection Rating Module */

 .heritage-rating-module {
     background-color: #222e59;
}

/* Standard Image Block */

 .scp-image-block {
     border: solid 1px #4B4194;
}

 .scp-image-block .scp-image-caption {
     background-color: #E0E0E0;
     border-top: solid 1px #4B4194;
}

/* Forum Customizations */

 .thread-container .post .head {
     background: linear-gradient(to right, #EEEEEE, #ECECEE);
}

@media (max-width: 767px) {
#side-bar {
background-color: rgb(54, 100, 139);
}
}

/* Mobile Media Query */
 @media (max-width: 479px) {
     #header {
         background-position: 0 5.5em;
         background-size: 55px 55px;
    }
     #header h1 a {
         font-size: 100%;
    }
     #header h1, #header h2 {
         margin-left: 66px;
    }
}
/* Small Mobile Media Query */
 @media (max-width: 385px) {
     #header {
         background-position: 5% 5.5em;
    }
     #header h1, #header h2 {
         margin-left: -webkit-calc(66px + 5%);
         margin-left: -moz-calc(66px + 5%);
         margin-left: calc(66px + 5%);
    }
}
/* Note Media Query */
 @media (min-width: 480px) and (max-width: 580px) {
     #header {
         background-position: 0.5em 4.5em;
         background-size: 66px 66px;
    }
     #header h1 a {
         font-size: 120%;
    }
     #header h1, #header h2 {
         margin-left: 80px;
    }
}
/* Mini Tablet Media Query */
 @media (min-width: 581px) and (max-width: 767px) {
     #header {
         background-position: 1em 4em;
         background-size: 77px 77px;
    }
     #header h1 a {
         font-size: 140%;
    }
     #header h1, #header h2 {
         margin-left: 93px;
    }
}
/* Tablet Media Query */
 @media (min-width: 768px) and (max-width: 979px) {
     #header {
         background-position: 1em 4em;
         background-size: 88px 88px;
    }
     #header h1 a {
         font-size: 160%;
    }
     #header h1, #header h2 {
         margin-left: 106px;
    }
}