숲 이전 아프리카TV으로 변경 by kindongshin

/* ==UserStyle==
@name         숲 아프리카TV 변경
@version      20241116.04.41
@namespace    https://userstyles.world/user/kindongshin
@description  이전 아프리카TV으로 변경
@author       kindongshin
@license      No License
==/UserStyle== */
@-moz-document domain("sooplive.co.kr") {
    html * {
        font-family: Arial, Helvetica, verdana, sans-serif !important;
    }
    #serviceHeader .btn_flexible {
        display: none;
    }
    #serviceHeader .logo_wrap #logo a {
        max-height: 81px;
        content: url("https://res-origin.sooplive.co.kr/images/afmain/logo_main.gif");
    }
    #serviceHeader .logo_wrap {
        left: 0;
    }
    #serviceHeader .top_searcharea_wrap {
        border-bottom: 1px solid #ecf0f5;
        min-height: 81px;
    }
    #serviceHeader {
        min-height: 81px;
    }
    #serviceHeader .serviceUtil,
    #webplayer_top .top_item .serviceUtil {
        top: 20px;
    }
    #topSearchArea .inputArea input[type="text"] {
        background: #fff;
        height: 34px;
        padding: 0 70px 0 16px;
        border-radius: 36px;
        color: #525661;
        font-size: 14px;
        border: 1px solid rgb(66, 121, 255);
    }
    #topSearchArea .inputArea {
        height: 34px;
    }
    #topSearchArea {
        padding-top: 24px;
    }
    #topSearchArea .inputArea .submit,
    html[dark="true"] #topSearchArea .inputArea .submit {
        right: 4px;
        background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'rgba(23,114,248,0.999)\' stroke=\'\' viewBox=\'0 0 20 20\'%3e%3cpath fill-rule=\'evenodd\' d=\'M8.5 0C13.194 0 17 3.806 17 8.5c0 1.987-.681 3.814-1.823 5.261l4.58 4.582c.39.39.39 1.024 0 1.414-.39.39-1.023.39-1.414 0l-4.582-4.58C12.314 16.319 10.487 17 8.5 17 3.806 17 0 13.194 0 8.5S3.806 0 8.5 0zm0 2C4.91 2 2 4.91 2 8.5S4.91 15 8.5 15 15 12.09 15 8.5 12.09 2 8.5 2z\'/%3e%3c/svg%3e');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 19px 19px;
        width: 34px;
        height: 34px;
        margin-top: -18px;
    }
    #serviceLnb {
        top: 84px;
        width: 210px;
    }
    #sidebar.max {
        width: 210px;
    }
    #serviceLnb {
        border-right: 1px solid #ecf0f5;
    }
    #serviceLnb .innerLnb {
        padding: 15px 13px 30px 12px;
    }
    #serviceHeader .serviceUtil [class^="btn-"].btn-broadcast,
    #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-broadcast {
        background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 40 40\'%3e%3cg transform=\'translate(8 11)\' fill=\'%23333\' fill-rule=\'evenodd\'%3e%3cpath d=\'M15.652 0a3.889 3.889 0 0 1 3.877 3.687l.005.2V5.62l2.828-1.593a1.775 1.775 0 0 1 .841-.213 1.79 1.79 0 0 1 1.78 1.64l.006.147.011 6.983c0 .479-.185.928-.52 1.265a1.799 1.799 0 0 1-1.264.525c-.249 0-.49-.05-.72-.151l-.046-.022-2.916-1.57v1.665a3.89 3.89 0 0 1-3.682 3.882l-.2.005H3.881a3.889 3.889 0 0 1-3.876-3.688l-.005-.2V3.887A3.89 3.89 0 0 1 3.682.005L3.88 0h11.771zm0 1.5H3.881a2.388 2.388 0 0 0-2.375 2.224l-.006.163v10.407a2.39 2.39 0 0 0 2.218 2.382l.163.006h11.771a2.389 2.389 0 0 0 2.376-2.224l.006-.163v-1.666a1.5 1.5 0 0 1 2.095-1.377l.117.057 2.861 1.542.05.017.059.005c.07 0 .15-.032.2-.084a.277.277 0 0 0 .075-.127l.009-.076-.011-6.983a.29.29 0 0 0-.286-.29l-.06.007-.053.018-2.82 1.588a1.5 1.5 0 0 1-2.23-1.177l-.006-.13V3.887a2.39 2.39 0 0 0-2.22-2.381l-.162-.006z\' fill-rule=\'nonzero\'/%3e%3ccircle cx=\'12.769\' cy=\'9.091\' r=\'1.5\'/%3e%3ccircle cx=\'6.769\' cy=\'9.091\' r=\'1.5\'/%3e%3c/g%3e%3c/svg%3e');
        background-size: 40px 40px !important;
    }
    #serviceHeader .serviceUtil [class^="btn-"].btn-notice span,
    #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-notice span,
    #webplayer_top .top_item .serviceUtil .noticeArea.on [class^="btn-"].btn-notice span, #serviceHeader .serviceUtil .noticeArea.on [class^="btn-"].btn-notice span {
        background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 40 40\'%3e%3cg fill=\'%23333\' fill-rule=\'evenodd\'%3e%3cpath d=\'M20.525 9.499c1.05 0 3.546.64 5.25 2.1 1.135.973 1.835 2.373 2.1 4.2v7.349c0 .57.232 1.373.697 2.41a.525.525 0 0 1-.479.74H11.907a.525.525 0 0 1-.479-.74c.465-1.037.698-1.84.698-2.41v-7.35c.086-1.673.786-3.073 2.1-4.2 1.97-1.688 4.2-2.099 5.25-2.099h1.049zm0 1.5h-1.05c-1.21 0-2.911.571-4.273 1.739-.938.803-1.443 1.743-1.558 2.826l-.018.234v7.35c0 .402-.068.841-.2 1.326l-.096.323h13.339l-.009-.027a5.853 5.853 0 0 1-.28-1.412l-.006-.21v-7.229l-.032-.198c-.222-1.238-.685-2.168-1.38-2.834l-.164-.15c-1.114-.955-2.992-1.652-4.079-1.73l-.194-.008z\' fill-rule=\'nonzero\'/%3e%3cpath d=\'M20.01 30.499a3.67 3.67 0 0 1-3.633-3.15h1.53a2.166 2.166 0 0 0 4.205 0h1.53a3.67 3.67 0 0 1-3.633 3.15z\'/%3e%3c/g%3e%3c/svg%3e');
        background-size: 40px 40px !important;
    }
    #serviceHeader .serviceUtil [class^="btn-"].btn-allMenu,
    #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-allMenu {
        background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 40 40\'%3e%3cg transform=\'translate(10 10)\' fill=\'%234279FF\' fill-rule=\'evenodd\'%3e%3crect width=\'8.23\' height=\'8.23\' rx=\'4.12\'/%3e%3crect width=\'8.23\' height=\'8.23\' y=\'11.77\' rx=\'4.12\'/%3e%3crect width=\'8.23\' height=\'8.23\' x=\'11.77\' rx=\'4.12\'/%3e%3crect width=\'8.23\' height=\'8.23\' x=\'11.77\' y=\'11.77\' rx=\'4.12\'/%3e%3c/g%3e%3c/svg%3e');
    }
    #sidebar {
        top: 65px;
        background: #fff;
        border-right: 1px solid #ecf0f5;
    }
    .left_navbar {
        left: 236px;
    }
    #soop_wrap {
        padding: 81px 0 0;
    }
    .empty_content .empty_container span.error {
        background-image: url(https://kimdongshin.neocities.org/img_error.png);
    }
    .empty_content .empty_container span {
        width: 487px;
        height: 253px;
    }
    .empty_content .empty_container .btn_area a.home {
        background: #0065e2;
        color: #fff;
    }
    .empty_content .empty_container .btn_area a {
        border: 1px solid #e7e7e7;
        border-radius: 0;
    }
    #serviceLnb .side-conts .side_list a.live .thumb::before {
        background: unset;
    }
    .default_logo::before {
        background: url("https://kimdongshin.neocities.org/Asset%206.svg") 0 0 no-repeat;
    }
    #player > .loading div img.loading_img {
        content: url(https://kimdongshin.neocities.org/default_loading.gif);
    }
    if oldloading {
        #player > .loading div img.loading_img {
            content: url(https://kimdongshin.neocities.org/default_loading_old.gif);
        }
    }
    .player_live_info_area__nwLZy .player_info_inner__P_T_L .player_thumb__7PN7R::before {
        background: unset;
    }
    [data-type="cBox"] .thumbs-box > a:not([class*="thumb"]) {
        background-image: url("");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 31.652% 31.989%;
    }
    ._login_layer,
    ._login_layer .btn_area .btn_login,
    ._login_layer .contents_area dl > dd .input_box {
        border-radius: 0;
    }
    ._login_layer .btn_area .btn_login {
        background: #2e6afd
    }
    ._login_layer .contents_area dl > dd .input_box {
        border: 1px solid #c2c2c2;
        border-radius: 2px;
    }
    .pc-login ._login_layer .contents_area dl > dd .input_box, .mo-login ._login_layer .contents_area dl > dd .input_box {
        height: 46px;
    }
    ._login_layer .contents_area .login_keep .check_box label::before,
    ._login_layer .contents_area .login_keep .check_box input:checked + label::before {
        background-image: unset;
    }
    ._login_layer .contents_area .login_keep .check_box input {
        top: 3px;
        left: 3px;
        opacity: 1;
    }
    .pc-login ._login_layer .contents_area .btn_area button, .mo-login ._login_layer .contents_area .btn_area button {
        height: 46px;
        border-radius: unset;
    }
    html[dark="true"] #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-broadcast, html[dark="true"] #serviceHeader .serviceUtil [class^="btn-"].btn-broadcast, body.thema_dark #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-broadcast, body.thema_dark #serviceHeader .serviceUtil [class^="btn-"].btn-broadcast, .theme_dark #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-broadcast, .theme_dark #serviceHeader .serviceUtil [class^="btn-"].btn-broadcast, body.smode #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-broadcast, body.smode #serviceHeader .serviceUtil [class^="btn-"].btn-broadcast {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3e%3cdefs%3e%3cfilter id='a' color-interpolation-filters='auto'%3e%3cfeColorMatrix in='SourceGraphic' values='0 0 0 0 0.772549 0 0 0 0 0.772549 0 0 0 0 0.772549 0 0 0 1.000000 0'/%3e%3c/filter%3e%3c/defs%3e%3cg filter='url(%23a)' fill='none' fill-rule='evenodd'%3e%3cg transform='translate(8 11)'%3e%3cpath stroke='%23FFF' stroke-width='1.5' d='M3.88.75h11.77a3.12 3.12 0 013.13 3.14h0V6.9l3.93-2.2c.19-.1.34-.14.5-.14a1.04 1.04 0 011.04 1.04h-.01l.01 6.98a1.04 1.04 0 01-1.03 1.04h0l-4.44-2.25v2.92a3.13 3.13 0 01-3.13 3.14h0H3.88A3.12 3.12 0 01.75 14.3h0V3.9A3.13 3.13 0 013.88.75h0z'/%3e%3ccircle cx='12.77' cy='9.09' r='1.5' fill='%23555'/%3e%3ccircle cx='6.77' cy='9.09' r='1.5' fill='%23555'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
        background-size: 100% 100%;
    }
    html[dark="true"] #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-notice span, body.thema_dark #webplayer_top .top_item .serviceUtil [class^="btn-"].btn-notice span, html[dark="true"] #serviceHeader .serviceUtil [class^="btn-"].btn-notice span, body.thema_dark #serviceHeader .serviceUtil [class^="btn-"].btn-notice span {
        backgro...