숲 이전 아프리카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("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='110' height='20' fill='none' viewBox='0 0 110 20'%3e%3cpath fill='%230545B1' fill-rule='evenodd' d='M13.904 3.833S13.852.04 18.254 0h4.125c.884 0 1.632.609 1.632 1.355 0 .762-.748 1.373-1.632 1.373h-1.91c-1.265.008-1.156.907-1.156.907v1.77h2.303c.914 0 1.662.578 1.662 1.32 0 .762-.65 1.345-1.539 1.345h-2.426v8.985c0 1.264-1.106 2.389-2.65 2.389-1.534 0-2.76-1.024-2.76-2.307V3.833zm15.33 13.204c0 1.367-1.11 2.407-2.649 2.407-1.516 0-2.767-1.04-2.767-2.305V9.046s0-3.571 4.473-3.571h3.544c1.855 0 1.855 1.401 1.855 1.401s0 1.348-1.735 1.348H30.39c-1.156 0-1.156.883-1.156.883v7.93zm24.228-7.935s0-.862 1.201-.862h1.13c1.083 0 1.083.922 1.083.922v2.3h-3.414v-2.36zm6.714-.059s0-3.664-4.626-3.664h-3.04c-4.41.04-4.443 3.664-4.443 3.664v6.785s0 3.616 4.41 3.616H57.5c.894 0 1.64-.668 1.64-1.427 0-.764-.722-1.367-1.64-1.367l-2.862-.006c-1.176 0-1.227-.856-1.227-.856v-1.63l5.1.003c.913 0 1.665-.56 1.665-1.325V9.043zm11.588 7.674c.916-.024 1.736.68 1.736 1.443 0 .764-.82 1.284-1.736 1.284H64.56c-1.515 0-2.61-.904-2.61-2.185V7.687c0-1.268 1.251-2.307 2.768-2.307h7.325c.921 0 1.64.6 1.64 1.359 0 .764-.719 1.327-1.64 1.327h-3.91c-.67 0-.67.564-.67.564l-.003 7.5s-.045.584.675.584l3.629.003zm8.758-.045h-2.19c-1.206 0-1.079-1.61-1.079-1.61s-.115-1.609 1.08-1.609l2.189-.004v3.223zm5.506.421V9.014s0-3.608-4.41-3.628h-4.727c-.915 0-1.757.732-1.757 1.497 0 .764.889 1.295 1.805 1.295h2.507c1.084 0 1.084.854 1.084.854v1.656h-1.976c-4.316-.017-4.603 3.289-4.603 3.289v1.809s0 3.658 4.603 3.658h4.674c1.54 0 2.8-1.064 2.8-2.35zM98.89 1.833s0-1.232-1.658-1.232h-11.51c-1.66 0-1.66 1.197-1.66 1.197s0 1.186 1.554 1.186h2.407c1.034 0 1.034.775 1.034.775v7.317c0 1.202.992 2.118 2.37 2.118 1.355 0 2.474-.916 2.474-2.028V3.748c.018-.167.148-.729 1.029-.729h2.406c1.554 0 1.554-1.185 1.554-1.185zM6.575 16.67H4.386c-1.206 0-1.08-1.61-1.08-1.61s-.16-1.61 1.08-1.61h2.19v3.22zm5.511.423V9.008s0-3.609-4.412-3.631h-4.73c-.914 0-1.761.732-1.761 1.498S2.076 8.17 2.992 8.17h2.506c1.084 0 1.084.854 1.084.854v1.657H4.608C.291 10.667 0 13.974 0 13.974v1.809s0 3.661 4.608 3.661h4.676c1.542 0 2.802-1.064 2.802-2.351zM40.8 8.24c-1.2 0-1.2.862-1.2.862v2.36h3.413v-2.3s0-.922-1.083-.922H40.8zm.887-2.86c4.626 0 4.626 3.663 4.626 3.663v3.793c0 .765-.752 1.325-1.665 1.325l-5.1-.003v1.63s.051.856 1.228.856l2.861.006c.919 0 1.64.603 1.64 1.367 0 .76-.746 1.427-1.64 1.427h-5.025c-4.408 0-4.408-3.616-4.408-3.616V9.043s.033-3.624 4.441-3.664h3.042zm63.91-3.542c.802-1.177 2.329-1.55 3.411-.834 1.084.717 1.317 2.25.516 3.427l-5.522 7.468c-.8 1.177-2.173 1.367-2.903 1.193-.81-.193-1.32-.586-1.546-1.06l-2.876-6.519c-.294-.626.114-1.569.783-1.87.665-.305 1.916-.005 2.206.621l1.569 3.339 4.362-5.765z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }
    #serviceHeader .logo_wrap {
        left: 26px;
        bottom: 1px;
    }
    #serviceHeader .top_searcharea_wrap {
        border-bottom: 1px solid #ecf0f5;
        min-height: 81px;
    }
    html[dark="true"] {
        #serviceHeader .top_searcharea_wrap {
            border-bottom: 1px solid rgba(117, 123, 138, 0.3);
        }
    }
    #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;
    }
    html[dark="true"] {
        #serviceLnb {
            border-right: 1px solid rgba(117, 123, 138, 0.3);
        }
    }
    #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-rep...