중앙정보부 제10국 테마
사용 방법: 중앙정보부 제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; } body { background: #FFF; } 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; } 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: '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: 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; } }
페이지 내역: 6, 마지막 수정: 30 Dec 2021 20:55