SCP基金会中文分部

@import url('https://fonts.googleapis.com/css2?family=Kirang+Haerang&family=Noto+Serif+TC&family=Poor+Story&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css?family=Crimson+Pro&display=swap');

/*
    Powered on 2019/07/04 14:56:39
    [2019 Wikidot Theme]
    Created by blackmagpie
    Logo designed by thd-glasses
    Header designed by TheAlice
    Originally based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    CC BY-SA 3.0
    The font Kirang Haerang, Noto Serif TC and Poor Story are under Open Font License.
*/

h1, h2, h3, h4, h5, h6,
#page-title, #login-status, #login-status a, #login-status ul a, #account-topbutton {
    font-family: 'Poor Story', cursive;
    font-weight: normal;
}
body {
    background: rgb(250, 250, 210);
    color: rgb(0, 0, 0);
}
h1,h2,h3,h4,h5,h6 {
    color: rgb(99, 17, 17);
}
div#container-wrap {
    background: url(https://scpko.wdfiles.com/local--files/theme%3Anote-theme/header.jpg) top left repeat-x;
}
div#header {
    background: url(https://scpko.wdfiles.com/local--files/theme%3Anote-theme/logo.png) no-repeat;
}
div#header h1 a span {
    font-size: 0px;
}
div#header h1 a:before {
    content: "「午間橡樹」流浪樂團";
    color: rgb(255, 255, 255);
    font-family: 'Noto Serif TC', cursive;
    font-size: 85%;
    position: relative;
    left: 25px;
    bottom: 10px;
}
div#header h2 span {
    font-size:0px;
    padding: 4px;
}
div#header h2:after {
    content: "한낮의 떡갈나무 유랑극단";
    font-weight: bold;
    font-family: 'Kirang Haerang', serif;
    color: rgb(255, 255, 255);
    padding: 19px 0;
    white-space: pre;
    position: relative;
    left: 25px;
    bottom: 10px;
}
#login-status {
    color: #ffea81;
    z-index: 30;
    background-color: transparent;
    top: 7px;
    padding: 0;
}
#top-bar a {
    color: #883e2f;
    font-family: 'Poor Story', cursive;
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link {
    color: rgb(99, 17, 17);
    border-color: rgb(99, 17, 17);
}
div.open-menu a {
    color: rgb(99, 17, 17)!important;
    border-color: rgb(99, 17, 17)!important;
}
div#side-bar div.side-block {
    background: rgba(250, 250, 205);
    border: 1px solid #83382B;
}
div#side-bar div.side-block div.heading,
div#side-bar div.collapsible-block-unfolded-link,
div#side-bar div.collapsible-block-unfolded-link a.collapsible-block-link {
    color: #83382B;
    border-color: #83382B;
}
div.open-menu a {
    color: #663333!important;
    border-color: #663333!important;
}
div.yui-navset div.yui-content {
    background-image: url('https://scpko.wikidot.com/local--files/note-hub/note-1.png'), url('https://scpko.wikidot.com/local--files/note-hub/note-2.png'), radial-gradient(#FFF8F2 80%, #D1A37B);
    overflow-x: hidden;
    overflow-y: hidden;
    background-position: 0% 100%, 100% 0%;
    background-size: 550px 375px, 350px 225px, 100% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    font-family: 'Nanum Myeongjo', 'Crimson Pro';
    font-size: 1em;
    font-weight: bold;
    color: #000;
    padding-left: 5%;
    padding-right: 7%;
    padding-top: 2%;
    padding-bottom: 4%;
    letter-spacing: 1px;
}
div.yui-navset ul.yui-nav a,
div.yui-navset div.yui-navset-top ul.yui-nav a {
    background: 83B37F;
}
div.yui-navset ul.yui-nav a:hover,
div.yui-navset ul.yui-nav a:focus {
    background: D59C4C;
    color: #FFFFFF;
}
div.yui-navset ul.yui-nav .selected a,
div.yui-navset ul.yui-nav .selected a:focus,
div.yui-navset ul.yui-nav .selected a:hover {
    background: #E39654;
    color: #FAFAD2;
}

.container {
    background-image: url("https://scpko.wikidot.com/local--files/note-hub/note-3.png");
    background-repeat: no-repeat;
    background-position: 80% 90%;
    width: 660px;
    height: 850px;
}

.toptitle {
    position: relative;
    top: 20%;
    text-align: center;
    font-size: 300%;
    font-family: 'Nanum Myeongjo', serif;
    color: #f7d445;
    text-shadow:-1px 0px 0px #877868,1px 0px 0px #877868,0px -1px 0px #877868,0px 1px 0px #877868;
    border-top: 2.5px groove #D4A48E;
    border-bottom: 5px groove #D4A48E;
    margin: 0 auto;
    width : 95%;

}

p {
    display: block;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.notetitle {
    margin-top: 1%;
    font-family: 'Nanum Myeongjo', 'Crimson Pro';
    font-weight: bold;
    font-size: 1.8em;
    text-align: left;
    color: #AE9250;
    border-bottom: 0.3em solid #AE9250;
    padding: 0.5em 0.5em 0.2em 0.5em;
    margin-left: 0%;
    margin-bottom: 2%;
}

blockquote{
     background-color: #F7E1DD;
}
@media (max-width: 767px){
     div#header{
         background-size: 100px 100px;
         background-position: -5px 30px;
    }
}