할로윈 경연 테마

2019년 할로윈 경연을 위한 테마입니다. 작품에서 사용하려면 아래 코드를 복사해서 맨 위에 붙여넣으세요.

[[include theme:concours-halloween]]

방문하지 않은 링크 (방문한 링크)

제목 1단계

@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bangers&display=swap');
 
:root {
        /* 1 Common */
    --ct_bg_body: #cb9200;
    --ct_col_body-txt: #000;
    --ct_col_h1-txt: #d14900;
    --ct_col_link: #cb9200;
    --ct_col_link-visited: #a27400;
    --ct_col_link-newpage: #dab24c;
 
    /* 4 Other page elements */
    --ct_col_blockquote-bg: #191919;
    --ct_brd_blockquote: 1.2px dashed white;
}
 
.intro {
    font-family: 'Special Elite', cursive;
    color: white;
    font-size: 135%;
}
.content-panel {
    background-color: black !important;
    color: white;
}
blockquote, div.blockquote {
    color: white;
}
 
/* Titres orange */
h1, #page-title {
    font-family: 'Bangers';
    font-style: italic;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
    font-size: 320%;
}
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-family: 'Bangers';
    font-style: italic;
    font-size: 250%;
}
 
div#container-wrap {
    background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aconcours-halloween-2019/body_bg.png) top left repeat-x;
}
body {
    background-position: top center;
    background-repeat: repeat-x;
}
 
.page-tags a,
.page-tags a:visited,
.page-options-bottom a,
#page-options-container a,
#action-area a {
    color: black;
}
 
/* HEADER */
 #header {
     height: 140px;
     position: relative;
     padding-bottom: 22px;
     background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aconcours-halloween-2019/spooky_skeleton.gif) 10px 40px no-repeat;
     transition: background-position-y 2s;
     background-position-y : 200px;
     background-size: contain;
}
 
#header:hover {
     background-position-y : 0;
}
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    line-height: 0px;
    max-height: 0px;
    color: transparent;
    background: transparent;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
 
div#header h2 span {
    font-size: 0;
    padding: 4px;
}
 
div#header h2:after {
    content: " ";
    font-weight: bold;
    color: rgb(255, 224, 135);
    padding: 19px 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
    white-space: pre;
}
 
/* Searchbox */
#search-top-box-form input[type=submit] {
     cursor: pointer;
}
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus {
     box-shadow: 0 1px 3px rgba(0,0,0,.8);
     animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
}
 
 @keyframes shake {
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
 
   20%, 80% {
     transform: translate3d(2px, 0, 0);
   }
 
   30%, 50%, 70% {
     transform: translate3d(-4px, 0, 0);
   }
 
   40%, 60% {
     transform: translate3d(4px, 0, 0);
   }
 }
 
/* SIDE-BAR */
 
div#side-bar a,
div#side-bar a:visited {
    color: #cb9200;
}
div#side-bar div.side-block {
    background: rgb(24, 24, 24) !important;
    border: 1px solid #aa2c3d;
    box-shadow: 0 2px 6px #404040;
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link div.collapsible-block-link {
    color: #cb9200;
    border-color: #aa2c3d;
}
 
/* Recolors the image bullet points in the side-bar */
.side-block .menu-item > .image {
    filter: hue-rotate(230deg) invert(100%);
}
 
/* Recolors the panel that opens on mobile with the side-bar */
@media (max-width: 767px) {
    #side-bar{
        background-color: var(--bg);
    }
}

@font-face {
    font-family: '양진체';
    src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
/* Titres orange */
h1, #page-title {
    font-family: '양진체';
    color: var(--ct_col_h1-txt);
}
h1 {
    font-family: '양진체';
}
 
div#container-wrap {    
    background: url(https://scpkrsandbox.wdfiles.com/local--files/theme%3Aconcours-halloween/body_bg.png) top left repeat-x;    
}
 
body {
     background-color: var(--ct_bg_body);
}