@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;
}
@import url('http://xcninety.github.io/fonts/4beolNanum.css');
 
:root {
    /* 4 Other page elements */
    --ct_col_blockquote-bg: #191919;
    --ct_brd_blockquote: 1.2px dashed white;
}
 
.twr {
    font-family: '4beolNanum', cursive;
    font-color: white;
    font-size: 135%;
}
 
.content-panel {
    background-color: black !important;
    color: white;
}
 
/* Titres orange */
h1, #page-title {
    color: #d14900;
    font-family: '양진체';
    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: '양진체';
    font-style: italic;
    font-size: 250%;
}
 
div#container-wrap {
    background: url(http://sandbox.scp-wiki.kr/local--files/theme:concours-halloween/body_bg.png) top left repeat-x;
}
body {
    background-color: #cb9200;
    background-position: top center;
    background-repeat: repeat-x;
}
 
/* Liens de bas de page */
.page-options-bottom a {
    color: #000000;
}
.page-tags a {
    color: #000000;
}
.page-tags a:visited {
    color: #000000;
}
 
/* HEADER */
 #header {
     height: 140px;
     position: relative;
     z-index: 10;
     padding-bottom: 22px;
     background: url(http://fondationscp.wdfiles.com/local--files/theme%3Aconcours-halloween/spooky_skeleton.gif) 10px 40px no-repeat;
     transition: background-position-y 2s;
     background-position-y : 200px;
     background-size: contain;
}
 
#header:hover {
     background-position-y : 0px;
}
#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:0px;
    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;
}
 
/* BOUTON RECHERCHE */
 #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);
    }
}
 
/* LIENS */
a {
    color: #cb9200;
}
a:visited {
    color: #cb9200;
}