Million_Air 0

/* 색 설정 */
html {
    --maincolor: #31405a;    /* 메인색 */
    --highlight: #edeff7;    /* 강조색 */
    --bgframe: #ffffff;    /* 프레임배경 */
}

/******* 좌측 트게더 메뉴 *******/
#main #main-menu { position: sticky; top: 15px; transition: 0.4s; }
#main .menu-wrapper {
    display: flex;
    flex-direction: column;
    background: var(--bgframe);
    border: none !important;
    border-radius: 10px;
    padding: 2px;
    margin-bottom: 5px;
    transition: 0.4s; 
}

#main .menu-wrapper>.header { background: var(--maincolor) !important; }
#main .menu-wrapper>.header,
:is(#main .menu-wrapper) a {
    border: none !important;
    border-radius: 8px;
    padding: 5px 12px 5px 5px !important;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.4s; 
}

:is(#main .menu-wrapper) a:hover {
    background-color: var(--highlight) !important;
    border-color: var(--maincolor) !important;
}

@media (min-width: 1350px) {
    #main #main-menu { width: 36px; }
    #main #main-menu:hover { z-index: 999; }

    #main .menu-wrapper>.header,
    :is(#main .menu-wrapper) a { width: 30px; padding: 5px 12px 5px 1px !important; transition: 0s; }
    :is(#main .menu-wrapper) a:hover {
        width: max-content;
        background: var(--highlight) !important;
        transition: 0.4s;
    }

    #main #main-content { width: calc(100% - 36px); }
    #article-info { width: 1000px; transition: 0.4s; }

    /* 광고 패딩 조절 */
    #main #main-menu>*:last-child { 
        padding: 0 !important;
        transform: translateX(-124px) !important;
    }
}

#main .menu-wrapper>a:last-child { }
#main .menu-wrapper #fav-shortcut-area>a>em>i.fa.fa-star ,
#main .menu-wrapper>a>em { color: var(--maincolor) !important; }

:is(#main .menu-wrapper) a > em,
#main .menu-wrapper>.header>i.fa.fa-bars {
    width: 24px;
    text-align: center;
    margin: 0 4px 0 2px;
}

#main .menu-wrapper .spacer { height: 1px; margin: 1px; background: var(--maincolor); }

html.darkmode #main .menu-wrapper #fav-shortcut-area>a:hover,
html.darkmode #main .menu-wrapper>a:hover { color: white !important; }

/* 광고 패딩 조절 */
#main #main-menu>*:last-child) {
    background: transparent !important;
    border: none;
    width: 160px;
    display: block;
    transition: 0.4s; 
}
ad-shield-ads>*, #article-list>div:nth-child(3) { padding: 0 !important; }

#main #main-content { padding: 0px 0px 0 6px; transition: 0.4s; }
#main #main-content > div.frame { border: none !important; border-radius: 10px; }

#article-info { width: auto; }