데네블로그
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */
 
#top-bar .open-menu a {
        position: fixed;
        top: 0.5em;
        left: 0.5em;
        z-index: 5;
        font-family: 'Nanum Gothic', san-serif;
        font-size: 30px;
        font-weight: 700;
        width: 30px;
        height: 30px;
        line-height: 0.9em;
        text-align: center;
        border: 0.2em solid #888;
        background-color: #fff;
        border-radius: 3em;
        color: #888;
}
 
@media (min-width: 768px) {
 
    #top-bar .mobile-top-bar {
        display: block;
    }
 
    #top-bar .mobile-top-bar li {
        display: none;
    }
 
    #main-content {
        max-width: 708px;
        margin: 0 auto;
        padding: 0;
        transition: max-width 0.2s ease-in-out;
    }
 
    #side-bar {
        display: block;
        position: fixed;
        top: 0;
        left: -20em;
        width: 17.75em;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        z-index: 10;
        padding: 1em 1em 0 1em;
        background-color: rgba(0,0,0,0.1);
        transition: left 0.4s ease-in-out;
 
        scrollbar-width: thin;
    }
 
    #side-bar:target {
        left: 0;
    }
 
     #top-bar .close-menu {
        margin-left: 19.75em;
        opacity: 0;
    }
    #side-bar:target .close-menu {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
 
    #top-bar .open-menu a:hover {
        text-decoration: none;
    }
}
 
@supports selector(:focus-within) {
 
@media (min-width: 768px) {
    #top-bar .open-menu a {
        pointer-events: none;
    }
    #side-bar:not(:target) .close-menu {
        display: block;
        pointer-events: none;
        user-select: none;
        z-index: -1;
    }
 
    /* This pseudo-element is meant to overlay the regular sidebar button
    so the fixed positioning (top, left, right and/or bottom) has to match */
 
    #side-bar .close-menu::before {
        content: "";
        position: fixed;
        z-index: 5;
        display: block;
 
        top: 0.5em;
        left: 0.5em;
 
        border: 0.2em solid transparent;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 0.9em;
 
        pointer-events: all;
        cursor: pointer;
    }
    #side-bar:focus-within {
        left: 0;
    }
    #side-bar:focus-within .close-menu::before {
        pointer-events: none;
    }
}
 
}
평가: 0+x

ORIGINALS - 5

TITLE ▲▼ 💬︎ 📆︎
SCP-000-KO 0 0 20 Sep 2021 16:06
SCP-000-KO 0 0 20 Sep 2021 11:45
내블로그 테마 0 0 21 Jun 2021 14:50
사교육 하이라이터 0 0 25 May 2021 05:34
Eye Catching 0 0 18 May 2021 05:07

TRANSLATIONS - 200

TITLE ▲▼ 💬︎ 📆︎
SCP 기록 보관소 테마 테스트 0 0 23 Sep 2021 15:50
Footnote 0 0 22 Sep 2021 15:55
21K 배너? 0 0 22 Sep 2021 14:59
Kir 2 0 0 21 Sep 2021 09:29
SCP-000-KO 0 0 20 Sep 2021 16:14
페이지: 1 / 40123...3940다음 »

Denevola

데네볼라 • 데네브 • 데네 • DNVL 등


여러분이 다양하게 불러주신 덕에 조금 풍부해졌습니다. 즐겁네요.

복귀한다면 기술 스태프 직에 지원하려고요.
라이선스랑 겸직해도 재미있을 것 같네요.

연표
18년 10월 한위키 가입
20년 9월 본격적인 활동 시작
··· 활동 임시 중단?
PM 외 연락 수단
디스코디아 DNVL  5379
누리 편지 denevola  scipnet.kro.kr
/* 2021위키용 임시 */
#header h1 a::before {
    content: 'SCP 재단';
}
 
#header h1 a span {
    display: none;
}
 
.page-rate-widget-box .rate-points span {
    font-size: 0;
}
 
.page-rate-widget-box .rate-points span::after {
    font-size: .8rem;
    content: '2021';
}
Site-2021K | Contact | License | Made with ❤️ in Seoul