中央情报部第十局 版式

使用方法:中央情报部第十局CSS版式

  • 本版式为韩国分部相关组织中央情报部第十局制作。
  • 在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki-cn: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 :scp-wiki-cn: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/css2?family=Noto+Sans+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap');
 
 :root {
 
     --kcia: "中央情报部";
     --10th: "第十局";
     --motto: "我们躬身黑暗而侍奉光明";
     --font: 'Noto Sans SC';
     --weight: 500;
     --space: 2px;
}
 
/* COMMON */
#page-title {
     font-family: 'Noto Sans SC', 'Source Sans Pro', Arial, sans-serif;
     font-size: 250%;
     font-weight: 100;
     color: #012060;
}
 
body {
     background: #FFF;
}
 
h1 {
     font-family: 'Noto Sans SC', 'Source Sans Pro', 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;
}
 
table.wiki-content-table {
  line-height: 18px;
}
 
.expunged {
  color: #000;
  background: #000;
  padding: 0 1px 0 1px;
}
 
/* 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(https://scpko.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: 'Noto Serif SC', 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: none;
}
 #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%);
}
 
 @media (max-width: 767px) {
     #side-bar {
        background: #FFF;
    }
 
     #side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
        background-color: transparent !important;
    }
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License