중앙정보부 제10국 테마
평가: 0+x

사용 방법: 중앙정보부 제10국 CSS 테마

  • 중앙정보부 10국을 위한 전용 테마입니다.
  • 본 테마를 적용할 페이지 최상단에 다음 구문을 삽입하세요.

[[include :scpko:theme:kcia10]]

How to use: KCIA the 10th Bureau CSS THEME

  • This is the original theme for the KCIA the 10th Bureau.
  • Add the following code on the top of your page.

[[include :scpko:theme:kcia10]]

/*
    중앙정보부 제10국 CSS 테마
    [2020 Wikidot Theme]
    Based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    Code adopted from Wilsons Theme created by stormbreath.
*/
 
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700,900|Roboto+Mono:400,500,700|Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nanummyeongjo * { font-family: 'Nanum Myeongjo', serif;}
@font-face {
     font-family: 'locus_sangsang';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/locus_sangsang.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 
 :root {
 
     --kcia: "중앙정보부";
     --10th: "제10국";
     --motto: "우리는 음지에서 일하고 양지를 지향한다";
     --font: 'locus_sangsang';
     --weight: 500;
     --space: 2px;
 
/*  EN translation
     --kcia: "KCIA";
     --10th: "the 10th Bureau";
     --motto: "⠀We work in the dark to serve the light";
     --font: 'Source Sans Pro';
     --weight: 700;
     --space: 0.5px;
*/
 
}
 
/* COMMON */
#page-title {
     font-family: 'Source Sans Pro', 'locus_sangsang', Arial, sans-serif;
     font-size: 250%;
     font-weight: 100;
     color: #012060;
}
 
h1 {
     font-family: 'Source Sans Pro', 'locus_sangsang', Arial, sans-serif;
     font-weight: 400;
     color: #012060;
}
 
 #side-bar a, #side-bar a:visited, #side-bar a.newpage {
     color: #012060;
}
 
 a, a:visited, a.newpage {
     color: #F80;
}
 
/* HEADER */
div#container-wrap {
    background: none;
}
 
div#extra-div-1 {
    height: 162px;
    width: 100%;
    top: 0;
    position: absolute;
    background: #012060;
}
 
div#extra-div-2 {
    display: none;
    height: 138px;
    width: 7%;
    top: 0;
    left: 0;
    position: absolute;
    background: #FFF;
}
 
 #search-top-box-input {
     border: transparent;
     color: #FFF;
     background-color: #012060;
     box-shadow: none;
}
 
 #search-top-box-input:hover, #search-top-box-input:focus {
     border: transparent;
     color: #FFF;
     background-color: #012060;
     box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}
 
 #search-top-box-form input[type=submit] {
     border: transparent;
     color: #FFF;
     background: #012060;
     box-shadow: none;
}
 
 #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
     border: solid 1px #FFF;
     color: #FFF;
     background: #012060;
}
 
 #header {
     background: url(http://scpkrsandbox.wdfiles.com/local--files/theme%3Akcia10/kcia10_title.png) no-repeat;
     -webkit-background-size: 240px;
     background-size: 240px;
     background-position: 0px -10px;
}
 
 #header h1 {
     margin-left: 230px;
}
 #header h2 {
     margin-left: 230px;
}
 
 #header h1 a {
     color: transparent;
     font-family: var(--font), Arial, sans-serif;
     font-size: 150%;
     font-weight: var(--weight);
     text-shadow: none;
     letter-spacing: var(--space);
}
 
 #header h1 a::before {
     content: var(--kcia) " " var(--10th);
     color: white;
     text-shadow: none;
}
 
 #header h2 span {
     color: transparent;
     font-family: 'Merriweather', 'Nanum Myeongjo', Arial, sans-serif;
     font-size: 110%;
     text-shadow: none;
     margin-left: 5px;
}
 
 #header h2 span::before {
     content: var(--motto);
     color: white;
     text-shadow: none;
}
 
 #top-bar a {
     color: #FFF;
}
 
 #top-bar ul li ul {
     border: solid 1px #012060;
     box-shadow: none;
}
 
 #top-bar ul li.sfhover a, #top-bar ul li:hover a {
     background: #012060;
     color: #F80;
}
 
 #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
     border-top: 1px solid #012060;
}
 
 #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
     background: #FFF;
}
 
 #top-bar ul li ul a, #top-bar a:hover {
     color: #F80;
}
 
/* SIDE MENU */
 #side-bar {
     background: transparent;
}
 #side-bar img {
     filter: hue-rotate(226deg);
     -webkit-filter: hue-rotate(226deg);
}
 #side-bar .side-block {
     border: 1px solid #444;
     background: #FFF !important;
     box-shadow: none !important;
}
 #side-bar .collapsible-block-folded {
     background: none;
}
 #side-bar .heading {
     color: #012060;
     border-bottom: solid 1px #012060;
}
 
/* Rating Module */
 .page-rate-widget-box{
     box-shadow: none;
}
 
 .page-rate-widget-box .rate-points {
     background-color: #012060 !important;
     border: solid 1px #012060;
     color: #F80;
}
 
 .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
     background-color: #FFF;
     border-top: solid 1px #012060;
     border-bottom: solid 1px #012060;
}
 
 .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
     color: #F80;
     font-weight: 900;
}
 
 .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
     background: #DDD;
     color: #F80;
     font-weight: 900;
}
 
 .page-rate-widget-box .cancel {
     background-color: #012060;
     border: solid 1px #012060;
}
 
 .page-rate-widget-box .cancel a {
     color: #F80;
}
 
 .page-rate-widget-box .cancel a:hover {
     background-color: #012060;
     color: #FFF;
}
 
/* Info Rating Module */
 
 .rate-box-with-credit-button {
     background-color: #012060 !important;
     border: 1px solid #012060 !important;
     border-radius: 5px !important;
     box-shadow: none !important;
}
 
 .rate-box-with-credit-button .creditButton p a {
     border-left-color: #012060 !important;
     color: #F80;
}
 
 .rate-box-with-credit-button .creditButton p a:hover {
     color: #FFF;
}
 
 .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: #012060;
     box-shadow: none;
}
 
/* Mobile Media Query */
 @media (max-width: 519px) {
    div#extra-div-2 {
        display: block;
    }
     #header {
         width: 100%;
         background-position: -65px -10px;
    }
     #header h1 a::before {
         content: var(--kcia);
    }
     #header h2 span:before {
         font-family: var(--font), Arial, sans-serif;
         content: var(--10th);
    }
     #header h1 {
         margin-left: 150px;
         margin-top: 5px;
    }
     #header h2 {
         margin-left: 150px;
         margin-top: -5px;
    }
}
/* Small Mobile Media Query */
 @media (max-width: 385px) {
     #search-top-box {
         top: 110px;
    }
}
/* Note Media Query */
 @media (min-width: 520px) and (max-width: 580px) {
    div#extra-div-2 {
        display: block;
    }
     #header {
         width: 100%;
         background-position: -65px -10px;
    }
     #header h1 a {
         font-size: 125%;
    }
     #header h2 span {
        font-size: 90%;
    }
     #header h1 {
         margin-left: 28%;
         margin-top: 5px;
    }
     #header h2 {
         margin-left: 28%;
         margin-top: -5px;
    }
}
/* Mini Tablet Media Query */
 @media (min-width: 581px) and (max-width: 767px) {
    div#extra-div-2 {
        display: block;
    }
     #header {
         width: 100%;
         background-position: -60px -10px;
    }
     #header h1, #header h2 {
         margin-left: 25%;
    }
}
 
/* Control */
 @media (max-width: 850px) {
     #header {
         max-width: 100%;
    }
     #search-top-box-input {
        display: none;
    }
}
 
/* Interwiki */
 #side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
     border: none;
     padding: 0;
     box-radius: 0px;
     box-shadow: none;
     background-color: #FFF !important;
     -webkit-filter: hue-rotate(220deg) brightness(126%);
     filter: hue-rotate(220deg) brightness(126%);
}