제2021K기지 사이트 테마

@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@gh-pages/css/SpoqaHanSansNeo.min.css');
@import url('https://cdn.jsdelivr.net/gh/Denevola/scpko-cdn-temp@main/styles/sigma9.css');
 
body {
    background: #141618;
    color: #fafafa;
    font-family: 'Spoqa Han Sans Neo', sans-serif;
}
 
#header h1 a, h1, h2, h3, h4, h5, h6 {
    font-family: 'Spoqa Han Sans Neo', sans-serif;
}
 
#header h2 span {
    color: lightgray;
    font-weight: lighter;
    text-transform: uppercase;
}
 
div#container-wrap {
    background-image: url('https://2021.wdfiles.com/local--files/theme%3A2021k/body_bg.png');
}
 
[onclick="WIKIDOT.page.listeners.loginClick(event)"] {
    font-size: 300%;
}
 
[onclick="WIKIDOT.page.listeners.loginClick(event)"]::before {
    content: '🔒';
}
 
#search-top-box {
    width: unset;
    text-align: unset;
}
 
#search-top-box input {
    padding: .35rem;
}
 
#search-top-box-form {
    display: inline-flex;
}
 
#search-top-box-input {
    margin: 0;
    margin-right: -1px;
    border-radius: 5px 0 0 5px;
}
 
#search-top-box-form input[type=submit] {
    margin: 0;
    border-radius: 0 5px 5px 0;
    box-shadow: none;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    box-shadow: none;
}
 
#top-bar {
    right: initial;
}
 
#top-bar > div > ul {
    display: flex;
    float: none;
}
 
#top-bar > div > ul > li {
    flex-grow: 1;
}
 
#account-topbutton + #account-options {
    display: none;
}
 
#account-topbutton:hover + #account-options {
    display: block !important;
}
 
#account-options:hover {
    display: block !important;
}
 
#account-options ul {
    padding: .5rem;
}
 
#account-options ul li a {
    padding: .35rem;
}
 
#page-title {
    font-weight: 800;
    text-align: center;
}
 
#page-content {
    font-size: .9rem;
}
 
blockquote, div.blockquote {
    background: #26292c;
}
 
hr {
    margin: 1em 0;
}
 
#side-bar {
    opacity: .5;
    transition: .2s;
}
 
#side-bar:hover {
    opacity: 1;
}
 
#side-bar .side-block {
    background: black !important;
    border: none;
    box-shadow: none;
}
 
.hovertip {
    background-color: #313131;
}
 
.owindow {
    background: black;
    color: white;
}
 
div.wd-adunit-mobile_anchor {
    display: none !important;
}
 
@media (max-width: 479px) {
    #search-top-box-input {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-color: #633;
        background: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzZWFyY2giIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1zZWFyY2ggZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48Y2xpcFBhdGg+PHJlY3Qgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiLz48L2NsaXBQYXRoPjwvZGVmcz48Zz48cGF0aCBmaWxsPSIjY2NjIiBkPSIgTSA0MjYuNjk3IDM4My45NjIgTCAzNTguMzU1IDMxNS42MiBDIDM1NS4yNyAzMTIuNTM1IDM1MS4wODkgMzEwLjgyMSAzNDYuNzAyIDMxMC44MjEgTCAzMzUuNTI5IDMxMC44MjEgQyAzNTQuNDQ4IDI4Ni42MjQgMzY1LjY5IDI1Ni4xODkgMzY1LjY5IDIyMy4wOCBDIDM2NS42OSAxNDQuMzE4IDMwMS44NzEgODAuNSAyMjMuMTEgODAuNSBDIDE0NC4zNDggODAuNSA4MC41MyAxNDQuMzE4IDgwLjUzIDIyMy4wOCBDIDgwLjUzIDMwMS44NDEgMTQ0LjM0OCAzNjUuNjYgMjIzLjExIDM2NS42NiBDIDI1Ni4yMTggMzY1LjY2IDI4Ni42NTQgMzU0LjQxOCAzMTAuODUxIDMzNS40OTkgTCAzMTAuODUxIDM0Ni42NzIgQyAzMTAuODUxIDM1MS4wNTkgMzEyLjU2NSAzNTUuMjQgMzE1LjY1IDM1OC4zMjUgTCAzODMuOTkyIDQyNi42NjcgQyAzOTAuNDM1IDQzMy4xMTEgNDAwLjg1NSA0MzMuMTExIDQwNy4yMyA0MjYuNjY3IEwgNDI2LjYyOSA0MDcuMjY4IEMgNDMzLjA3MiA0MDAuODI1IDQzMy4wNzIgMzkwLjQwNSA0MjYuNjk3IDM4My45NjIgWiAgTSAyMjMuMTEgMzEwLjgyMSBDIDE3NC42NDYgMzEwLjgyMSAxMzUuMzY4IDI3MS42MTIgMTM1LjM2OCAyMjMuMDggQyAxMzUuMzY4IDE3NC42MTYgMTc0LjU3OCAxMzUuMzM4IDIyMy4xMSAxMzUuMzM4IEMgMjcxLjU3MyAxMzUuMzM4IDMxMC44NTEgMTc0LjU0OCAzMTAuODUxIDIyMy4wOCBDIDMxMC44NTEgMjcxLjU0MyAyNzEuNjQyIDMxMC44MjEgMjIzLjExIDMxMC44MjEgWiAiIC8+PC9nPjwvc3ZnPg==") no-repeat, linear-gradient(to bottom, #966,#633,#300);
        border-radius: 5px;
        box-shadow: none;
        font-size: 0;
        cursor: pointer;
        transition: .2s;
    }
 
    #search-top-box-input:hover {
        border: solid 1px #fff;
        box-shadow: none;
        filter: brightness(1.5) saturate(.5);
    }
 
    #search-top-box-input:focus,
    #search-top-box-input:target {
        width: 50vw;
        background: #633;
        font-size: 100%;
        cursor: text;
    }
 
    #search-top-box-input:focus:hover,
    #search-top-box-input:target:hover {
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .5);
        filter: none;
    }
 
    #search-top-box-form input[type=submit] {
        display: none;
    }
}
 
@media (max-width: 767px) {
    #side-bar {
        opacity: 1;
    }
}