엔트로피를 넘어서 테마

• 

  close

  Info

  ---

  X

  샘플

  ---

@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(http://scpko.wdfiles.com/local--files/theme%3Abeyondentropy-theme/body_bg_0.png) top left repeat-x;
}
 
/* HEADER */
 
#header {
background: url( http://ko.scp-wiki.net/local--files/theme:beyondentropy-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: "BEYOND ENTROPY";
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: '엔트로피를 넘어서';
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;
    }
}