클래식 SCP 재단 테마

평가 모듈:

평가: 0+x

정보 모듈이 있는 평가 모듈:

평가: 0+x

scp_foundation_logo.png

이게 뭔가요?


이건 클래식 SCP 재단 테마의 현대 버전입니다.

이 테마는 SCP 위키가 2008–2014년의 기간 동안 메인으로 사용한 위키닷의 “Shiny 테마”를 개량했습니다.

사용법


이 테마를 이용하기 위해선, 아래 구문을 복사해서 여러분의 페이지 상단에 넣어주세요.

[[include :scpko:theme:classic]]

다른 테마들과는 달리, 이 테마는 로고가 없습니다.

이 테마는 어디에 이용되나요?

이 테마는 더 오래된 SCP 데이터베이스의 심미성을 모방하기 위해 존재합니다. 90년대 후반~2000년대 중반 사이의 구식 소프트웨어를 구동하는 SCiPNET 접근 터미널을 생각해보세요.

이 테마는 SCP와 이야기, 기타 페이지에 적합합니다.

서식 예시

base_image_frame.png
클래식 이미지 블록 (소스 코드 참고)

제목 1단계

제목 2단계

제목 3단계

제목 4단계

제목 5단계
제목 6단계

굵게 | 기울임 | 밑줄 | 취소선 | 타자기 | 위첨자아래첨자

수평선을 만들려면 하이픈 4개("----")를 써주세요.


인용문

중첩된 인용문

헤더 헤더 헤더 헤더 헤더 헤더
칸 내용 칸 내용 칸 내용 칸 내용 칸 내용 칸 내용

가짜 코드 선택자{
가짜 코드 속성: 가짜 코드 값;
}

링크 (아마 방문했을 링크)

  1. 숫자 목록
  2. 목록 내용
  3. 목록 내용
  • 글머리 기호 목록
  • 목록 내용
  • 목록 내용

탭 내용

소스 코드

/* Classic SCP Foundation Theme
 * [2020 Wikidot Theme]
 * Created by Lt Flops
**/
 
/* ---- PAGE WRAP ---- */
 div#container-wrap{
     background-image: url('https://scp-wiki.wdfiles.com/local--files/theme%3Aclassic/classic_body_bg.png');
     background-repeat: repeat-x;
}
 
/* ---- HEADERS ---- */
 span, a{
     word-break: unset;
}
 h1{
     font-size: 190%;
}
 h1, h2, h3, h4, h5, h6{
     font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Arial", "Helvetica", sans-serif;
}
 #header h1,
 #header h2{
     margin-left: -.16em;
}
 #header h1{
     max-height: 105px;
     margin: 0;
}
 #header h2{
     margin: 0;
}
 
/* ---- SITE HEADER ---- */
 #header h1 a,
 #header h2 span{
     color: transparent;
     text-shadow: none;
}
 #header h1 a{
     font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Arial", "Helvetica", sans-serif;
     letter-spacing: 0;
}
 #header h1 a::before,
 #header h2 span::before{
     text-shadow: none;
}
 #header h1 a::before{
     content: "The SCP Foundation";
     color: hsl(0, 0%, 93%);
}
 #header h2 span::before{
     content: "To Secure, Contain, and Protect";
     color: hsl(353, 100%, 30%);
}
 
/* ---- TOP MENU ---- */
 #login-status ul a{
    background: hsl(0, 0%, 93%);
}
 #header{
     background: none;
}
 #top-bar ul li,
 #top-bar ul li ul{
     box-shadow: none;
}
 #top-bar ul li ul{
     border-color: hsl(0, 0%, 27%);
     border-style: solid;
     border-width: 0 1px 1px;
}
 #top-bar ul li a{
     border-color: hsl(0, 0%, 27%);
     border-style: solid;
     border-width: 0 0 0 1px;
}
 #top-bar ul li a::before{
     content: "[";
}
 #top-bar ul li a::after{
     content: "]";
     position: relative;
 
/* NOTE: The Top Bar Menu has spaces after each bullet, which is why this is done: */
     left: -.3em;
}
 #top-bar ul li ul li a::before{
     content: unset;
}
 #top-bar ul li ul li a::after{
     content: unset;
}
 .mobile-top-bar{
     bottom: -.5px;
}
 
/* ---- SEARCH BOX ---- */
 #search-top-box input.empty{
     color: hsl(0, 0%, 45%);
}
 #search-top-box-input{
     color: hsl(0, 0%, 5%);
     background-color: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 47%);
     border-radius: 0;
     box-shadow: none;
}
 #search-top-box-input:hover,
 #search-top-box-input:focus{
     color: hsl(0, 0%, 5%);
     background-color: hsl(0, 0%, 100%);
     border: 1px solid hsl(0, 0%, 47%);
     box-shadow: none;
}
 #search-top-box-form input[type="submit"]{
     color: hsl(0, 0%, 5%);
     background: hsl(0, 0%, 96%);
     border: 1px solid hsl(0, 0%, 67%);
     border-radius: 0;
     box-shadow: none;
     font-size: 100%;
     font-weight: normal;
}
 #search-top-box-form input[type="submit"]:hover,
 #search-top-box-form input[type="submit"]:focus{
     color: hsl(0, 0%, 5%);
     background: hsl(0, 0%, 87%);
     border: 1px solid hsl(0, 0%, 67%);
     box-shadow: none;
}
 
/* ---- SIDE MENU ---- */
 #side-bar{
     clear: both;
     padding: .78em;
     padding-bottom: 0;
     border: 1px solid hsl(0, 0%, 87%);
     border-radius: 0;
     box-shadow: none;
}
 #side-bar .side-block{
     margin-bottom: .78em;
     background: white;
     border: none;
     border-radius: 0;
     box-shadow: none;
}
 #side-bar .heading{
     padding-left: 0;
     color: hsl(0, 0%, 5%);
     border-bottom: 1px solid hsl(0, 0%, 67%);
}
 
/* ---- INFO BAR ---- */
 body{
     --barColour: hsl(0, 0%, 28%);
}
 
/* ---- INFO PANE ---- */
.creditRate{
     margin-right: 0 !important;
     border: none !important;
}
 .rate-box-with-credit-button{
     background-color: hsl(0, 0%, 40%) !important;
     border: none !important;
     border-radius: 0 !important;
     box-shadow: none !important;
}
 .creditButton p a{
     color: hsl(0, 0%, 95%);
     border-left: none !important;
}
 .rate-box-with-credit-button .fa-info:hover{
     color: hsl(112, 100%, 77%);
}
 .modalbox{
     max-height: unset !important;
     border-radius: 0 !important;
     box-shadow: none !important;
}
 
/* ---- PAGE RATING ---- */
.page-rate-widget-box{
     margin-right: 0;
     border-radius: 0;
     box-shadow: none;
}
 .page-rate-widget-box .rate-points{
     background-color: hsl(0, 0%, 40%) !important;
     border: none;
     border-radius: 0;
}
 .page-rate-widget-box .rateup,
 .page-rate-widget-box .ratedown{
     background-color: hsl(0, 0%, 87%);
     border: none;
     font-weight: normal;
}
 .page-rate-widget-box .rateup a,
 .page-rate-widget-box .ratedown a{
     color: hsl(0, 0%, 5%);
}
 .page-rate-widget-box .rateup a:hover,
 .page-rate-widget-box .ratedown a:hover{
     color: hsl(0, 0%, 5%);
     background: hsl(0, 0%, 93%);
     text-decoration: underline;
}
 .page-rate-widget-box .cancel{
     background-color: hsl(0, 0%, 87%);
     border: none;
     border-radius: 0;
}
 .page-rate-widget-box .cancel a{
     color: hsl(0, 0%, 5%);
     text-transform: lowercase;
}
 .page-rate-widget-box .cancel a:hover{
     color: hsl(0, 0%, 5%);
     background: hsl(0, 0%, 93%);
     text-decoration: underline;
}
 
/* ----- GENERAL ----- */
 body{
     color: hsl(0, 0%, 5%);
     word-break: unset;
}
 hr{
     height: 0;
     margin: 1em 0;
     background-color: transparent;
     border-top: 1px solid hsl(0, 0%, 67%);
}
 table.wiki-content-table td{
     background-color: white;
}
 
/* ---- IMAGE BLOCK ---- */
 .scp-image-block.block-right{
     margin: 0 0 1em 2em;
     box-shadow: none;
}
 
/* ---- CLASSIC IMAGE BLOCK DIV ---- */
 .classic-image-block{
     float: right;
     width: 300px;
     margin: 0 0 1em 2em;
     text-align: center;
}
 
/* ---- YUI TABS ---- */
 .yui-navset .yui-nav a,
 .yui-navset .yui-navset-top .yui-nav a{
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: hsl(0, 0%, 100%);
    /* -------- */
     background-image: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: hsl(0, 49%, 91%);
    /* -------- */
     background-image: none;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:hover{
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: hsl(0, 70%, 35%);
    /* -------- */
     background-image: none;
}
 
/* --- INTERWIKI --- */
 iframe.scpnet-interwiki-frame{
     position: relative;
     width: 17em;
     margin-left: .313em;
     background-color: transparent;
}
 
/* --- SELECTION --- */
 ::selection{
     background: hsl(0, 0%, 83%);
}
 
/* ---- MOBILE MEDIA QUERIES ---- */
 @media (max-width: 767px){
       #side-bar .side-block{
          background-color: hsl(0, 0%, 100%);
     }
      #side-bar:after{
          background-color: hsla(0, 0%, 30%, .2);
     }
}
 @media (max-width: 479px),
 @media (min-width: 480px) and (max-width: 580px),
 @media (min-width: 581px) and (max-width: 767px){
      #side-bar .side-block{
          background-color: hsl(0, 0%, 100%);
     }
      #side-bar:after{
          background-color: hsla(0, 0%, 30%, .2);
     }
      #header, .mobile-top-bar{
          max-width: 95%;
     }
      .mobile-top-bar{
          left: 0;
     }
}
/* Classic SCP Foundation Theme
 * [2020 Wikidot Theme]
 * Created by Lt Flops
**/
 
/* ---- HEADERS ---- */
 h1, h2, h3, h4, h5, h6{
     font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Nanum Gothic", "Arial", "Helvetica", sans-serif;
}
 
/* ---- SITE HEADER ---- */
 #header h1 a{
     font-family: "Trebuchet MS", "Trebuchet", "Verdana", "Nanum Gothic", "Arial", "Helvetica", sans-serif;
     letter-spacing: 0;
}
 
 #header h1 a::before{
     content: "SCP 재단";
}
 #header h2 span::before{
     content: "확보, 격리, 보호";
}