Myblog
/*
    myBlog Theme
    [2021 Wikidot Theme]
    Created by Denevola.
*/
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
 
body {
    background: whitesmoke;
    font-size: .9em
}
 
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans KR', sans-serif;
}
 
li, p {
    line-height: 175%;
}
 
blockquote {
    background: #f9f9f9;
    border: 4px solid #e8e8e8;
    border-radius: 0 14% 0 0;
}
 
div#container-wrap {
    background: none;
}
 
#header {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    background: white;
    box-shadow: 0 0 1rem rgba(0, 0, 0, .2);
}
 
#header h1,
#header h2 {
    margin-left: auto;
    float: none;
    text-align: left;
}
 
#header h1 a {
    padding: 60px 0 10px;
    color: black;
    font-family: 'Cafe24Ohsquare', sans-serif;
    text-shadow: none;
}
 
#header h2 span {
    color: black;
    text-shadow: none;
    text-transform: uppercase;
}
 
#search-top-box {
    top: 60px;
    right: 1em;
}
 
#top-bar {
    top: auto;
}
 
#top-bar a {
    color: black;
}
 
#top-bar ul {
    margin-top: -2px;
}
 
#top-bar ul li a {
    border: 1px solid transparent;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    border: 1px solid transparent;
}
 
#content-wrap {
    min-height: 2000px;
}
 
#side-bar .side-block {
    border: none;
    box-shadow: none;
    background: none !important;
}
 
#side-bar .heading {
    color: rgba(0, 0, 0, .25);
    border-bottom: solid 1px rgba(0, 0, 0, .25);
    margin-top: 20px;
    font-size: 0.80em;
    text-align: center;
}
 
#side-bar div.menu-item {
    display: flex;
    align-items: center;
    color: gainsboro;
}
 
#side-bar div.menu-item img {
    display: none;
}
 
#side-bar div.menu-item a {
    display: inline-block;
    padding: .25rem;
    border-radius: .25rem;
    text-decoration: none;
    transition: .2s;
}
 
#side-bar div.menu-item a:hover {
    background: rgba(0, 0, 0, .1);
}
 
#main-content {
    padding: 3em;
    background: white;
    border-radius: .25rem;
}
 
h1, #page-title {
    color: #333;
}
 
#page-title {
    border-bottom: none;
}
 
.article-info {
    margin-bottom: 2rem;
    color: gray;
    font-size: 85%;
    border-bottom: 4px solid whitesmoke;
}
 
.article-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 
.article-info div[style="text-align: right;"] {
    display: flex;
    align-items: center;
}
 
.article-info div[style="text-align: right;"] .page-rate-widget-box {
    margin: 0;
    margin-bottom: 10px;
}
 
.article-info .creditRate {
    margin-left: auto;
    margin-right: 0;
}
 
.article-info .modalbox {
    color: initial;
}
 
.rateBox *,
.page-rate-widget-box,
.page-rate-widget-box * {
    background: white !important;
    border: none !important;
    border-radius: 0 !important;
    color: #333 !important;
}
 
.page-rate-widget-box .rate-points,
.creditButton a {
    background: transparent !important;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover,
.creditButton a:hover {
    background: lightgray !important;
}
 
a {
    color: #82b1ff;
}
 
a:visited {
    color: #577dbd;
}
 
.scp-image-block {
    padding: .25rem;
    border: none;
    box-sizing: border-box;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: #82b1ff;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: white;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: gainsboro;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin: 0;
}
 
@media (max-width: 767px) {
    #top-bar .open-menu a {
        padding: .25rem;
        border: 2px solid #d4d4d4;
        border-radius: 0;
        transition: .2s;
    }
 
    #side-bar {
        background: white;
    }
 
    #side-bar:target {
        border: none;
        box-shadow: 0 0 20rem 20px rgba(0, 0, 0, .25);
    }
 
    #side-bar:target .close-menu {
        background: none;
    }
}
 
@media (max-width: 1180px) {
    #top-bar ul li:nth-last-of-type(1) ul,
    #top-bar ul li:nth-last-of-type(2) ul,
    #top-bar ul li:nth-last-of-type(3) ul {
        right: 0;
    }
}
 
/* Nested Topbar Fix */
#top-bar ul li ul li ul {
    top: -1px;
    left: auto;
    right: 176px;
}
 
.c_topbar_arrow {
    left: 3px;
    right: auto;
    font-size: 0;
}
 
.c_topbar_arrow::before {
    content: "โ—‚";
    font-size: .9rem;
}
Site-2021K | Contact | License | Made with โค๏ธ in Seoul