Link to article: SCP-1000-KO Contest Hub.
@font-face {
font-family: 'GongGothicMedium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OKCHAN';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/OKCHAN.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}
:root {
--size: 240%;
--height: 110px;
--width: 100vw;
}
#page-title {
display: none;
}
html {
overflow-x: unset;
scrollbar-width: thin;
scrollbar-color: #0060DF #0D1A3C;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background: #0060DF;
}
::-webkit-scrollbar-track {
background: #0D1A3C;
}
body {
position: relative;
overflow-x: hidden;
overflow-y: auto;
max-width: 100vw;
}
#breadcrumbs {
position: absolute;
display: flex;
white-space: nowrap;
top: calc( var(--height) + 190px );
left: 50%;
transform: translateX(-50%);
}
div#container-wrap, #header {
background: transparent;
}
div#content-wrap {
margin-top: 0em;
}
#extra-div-1 {
z-index: -1;
position: absolute;
top: -7.5em;
left: 4em;
width: 25em;
height: 25em;
background: center/cover url('http://scpko.wdfiles.com/local--files/scp1000kocontesthub/scp_ko_line.svg') no-repeat;
}
@media(min-width: 1921px) {
#extra-div-1 {
left: 50%;
transform: translateX(-65em);
}
}
#extra-div-2 {
z-index: 0;
position: absolute;
top: 140px;
left: 0;
width: calc( 100vw + 10px );
height: 75px;
background: #0060DF;
}
.raisa {
z-index: 5;
background: #0E183C;
border-color: #0E183C;
box-sizing: border-box;
background-image: url('http://scpko.wdfiles.com/local--files/scp1000kocontesthub/banner.jpg');
background-attachment: fixed;
background-position: center top;
background-size: 100%;
}
.right {
position: sticky;
top: 0px;
left: 0px;
margin-top: -15px;
margin-left: -40%;
}
.left {
margin-left: -100%;
margin-top: -2px;
}
.ra-content {
display: block;
width: calc( 100vw - 50px );
margin-left: 0;
margin-top: -2px;
text-align: center;
padding: 10px;
color: #FFF;
text-shadow: 2px 0 #049, -2px 0 #049, 0 2px #049, 0 -2px #049, 1px 1px #049, -1px 1px #049, 1px -1px #049, -1px -1px #049;
}
.ra-content h1 {
font-family: 'OKCHAN', san-serif;
font-weight: 400;
line-height: 0;
font-size: var(--size);
color: #FFF;
text-shadow: 0 -3px 1.5px #049, 0 3px 1.5px #049, 3px 0 1.5px #049, -3px 0 1.5px #049, 2px 2px 1.5px #049, 2px -2px 1.5px #049, -2px 2px 1.5px #049, -2px -2px 1.5px #049;
}
.ra-subtitle {
font-family: 'GongGothicMedium', san-serif;
}
.ra-metatitle {
display: none;
}
h1 {
font-family: 'GongGothicMedium', san-serif;
color: #049;
}
h2 {
font-family: 'GongGothicMedium', san-serif;
line-height: 1.6;
}
a, a:visited, a.newpage, a:hover {
color: #0060DF;
}
#top-bar ul li:hover a {
background: #FFF;
color: #0060DF;
}
#side-bar a, #side-bar a:visited, #side-bar a.newpage {
color: #0060DF;
}
#side-bar a:hover,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
color: #049;
}
#side-bar {
top: calc( var(--height) + 40px );
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
color: #0060DF;
}
#side-bar .heading {
color: #049;
border-color: #049;
}
#side-bar .side-block {
background-color: #FFF !important;
}
#side-bar .side-block:nth-child(1) {
background-color: #E5E5FF !important;
}
#header, #top-bar {
width: 90% !important;
}
#header h1 {
margin-left: 0;
}
#header h2 {
margin-left: 70px;
}
#header h1 a {
font-family: 'OKCHAN', san-serif;
color: transparent;
text-shadow: none;
font-size: 180% !important;
}
#header h1 a::before {
content: 'SCP-KO';
white-space: nowrap;
color: #000;
text-shadow: 0 -3px 1.5px #EEE, 0 3px 1.5px #EEE, 3px 0 1.5px #EEE, -3px 0 1.5px #EEE, 2px 2px 1.5px #EEE, 2px -2px 1.5px #EEE, -2px 2px 1.5px #EEE, -2px -2px 1.5px #EEE;
}
#header h2 span {
font-family: 'GongGothicMedium', san-serif;
color: transparent;
text-shadow: none;
}
#header h2 span::before {
content: 'Since 2013';
color: #000;
text-shadow: 1.5px 0 #EEE, -1.5px 0 #EEE, 0 1.5px #EEE, 0 -1.5px #EEE, 1px 1px #EEE, -1px 1px #EEE, 1px -1px #EEE, -1px -1px #EEE;
}
#top-bar .open-menu a {
top: unset;
bottom: 0.5em;
}
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
background-color: transparent;
}
#search-top-box-form input[type="submit"] {
background: #0060DF;
color: #FFF;
}
#search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
background: #0060DF;
color: #FFF;
}
#login-status, #login-status a, #login-status ul a {
color: #888;
}
div.wd-adunit {
display: none;
}
.page-rate-widget-box {
background-color: #049;
border: solid 1px #049;
}
div.page-rate-widget-box .rate-points {
background-color: #049;
border: solid 1px #049;
color: #FFF;
}
.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
background-color: #EEEFFF;
border-top: solid 1px #EEEFFF;
border-bottom: solid 1px #EEEFFF;
}
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
color: #049;
}
.page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
background: #049;
color: #FFF;
}
.page-rate-widget-box .cancel {
background-color: #049;
border: solid 1px #049;
}
.page-rate-widget-box .cancel a {
color: #FFF;
}
.page-rate-widget-box .cancel a:hover {
background: #FFF;
color: #049;
}
@media (max-height: 600px) {
:root {
--height: 75px;
}
.ra-title, .ra-subtitle {
display: none;
}
.ra-metatitle {
display: block;
}
}
@media (max-width: 767px) {
.right {
margin-top: 0;
margin-left: 0;
}
#side-bar {
top: 0em;
background-color: #DDD;
}
#search-top-box-input {
display: none;
}
}
@media (max-width: 589px) {
:root{
--size: 200%;
--height: 95px;
}
.wide {
display: none;
}
.ra-title, .ra-metatitle {
letter-spacing: -0.5px;
}
.ra-subtitle {
line-height: 15px;
}
#extra-div-1, #header h1 {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#header h2 {
position: absolute;
left: 50%;
transform: translateX(-115px);
top: 100px;
}
#login-status {
width: 100%;
color: transparent;
}
#login-status .printuser {
color: #888;
}
#login-status #my-account {
position: absolute;
right: 25px;
}
#login-status #account-topbutton {
position: absolute;
right: 0;
}
#login-status .login-status-sign-in {
float: right;
}
.endcomment {
font-size: 80%;
}
}
@media (max-width: 385px) {
.ra-title, .ra-metatitle {
letter-spacing: -1px;
font-size: 90%;
}
.ra-subtitle {
letter-spacing: 0;
}
}
min-height: var(--height); max-width: 100vw; margin-bottom: 80px;
min-height: var(--height); max-width: 100vw;
min-height: var(--height); max-width: 1040px;
display: block; width: 95%; margin: 0 auto; padding: 30% 0 30% 0; background-image: url('http://scpko.wdfiles.com/local--files/scp1000kocontesthub/banner.jpg'); background-position: center bottom; background-size: 100%; border: 3px solid #049;
width:100%; height: 60px; margin: 0 auto; margin-top: -20px; display: inline-flex; flex-wrap:wrap; justify-content:center; font-family: 'GongGothicMedium', san-serif; font-size: var(--size);
order:1; height: 35px; margin-top: 5px; margin-right: 15px;
order:2; height: 35px; margin-top: 5px; margin-right: 15px;
order:3; height: 35px; margin-top: 5px;
width: 95%; margin: 0 auto;
white-space: nowrap;
background: white; font-family: 'Nanum Myeongjo', 'Courier New', 'Courier', monospace; box-shadow: 0 0 8px #bbb;
background: url(http://scpko.wdfiles.com/local--files/theme%3Aanniversary/bg.png) center no-repeat ; float: center; padding: 1px 15px;
font-family: 'OKCHAN', san-serif; color: #049; font-weight: 100; font-size: 150%;
display: inline-block; background: #E5E5FF; border-left: 2px solid #0060DF; border-right: 2px solid #0060DF; padding: 1px 0.5em;
width:100%; border-bottom: 3px double #0060DF; background: #E5E5FF; border-top: 3px double #0060DF; margin-top: -31px; margin-left: -20px; padding: 20px;
width: 95%; margin: 0 auto;
white-space: nowrap;
width:100%; padding-left: 5px; padding-right: 15px;
white-space: nowrap;
display: none;
raisa
right
raisa
left
raisa
ra-content
ra-subtitle
wide
ra-subtitle
ra-title
ra-metatitle
content-panel
standalone
series