sosnych tiktok by wrdngh

/* ==UserStyle==
@name           sosnych.com wide
@namespace      https://userstyles.world/user/wrdngh
@version        1.0.0
@description    dark theme
@author         Warden
==/UserStyle== */

@-moz-document domain("sosnych.com"), domain("s.sosnych.com") {

    /*Пропорции*/
    #st-vanilla .st-vanilla-stage-ct .stage {
        width: 550px;
        height: 520px;
    }    
    #st-vanilla .st-vanilla-stage-ct .stage #media {
        width: 550px;
        height: 520px;
    }    
    video {
        width: 550px;
        height: 620px;
    }
    iframe#ytplayer {
        height: 520px;
    }
    #st-vanilla .st-vanilla-stage-ct .chat {
        width: 410px !important;
        height: 520px !important;
    }
    #st-vanilla .st-vanilla-stage-ct .chat #chat #chat_list {
        height: 480px;
    }
    #chat #chat_users {
        height: 480px !important;
    }
    div#chat {
        height: 520px !important;
    }
    .interactive {
        margin-top: 0px !important;
    }
    
    /*Цвет*/
    #st-vanilla .st-vanilla-stage-ct .stage {
        background: #333;   
    }        
    #st-vanilla .st-vanilla-stage-ct .stage #media {
        background: #333;
    }        
    #st-vanilla .st-vanilla-stage-ct .chat {
        background: none !important;
    }
    .under-chat-panel-container .panel-style.hoverable {
        border-bottom: none;
        box-shadow: none;
        opacity: 1;
        transition: none;
        transform: none;
        border: none;
        background: #444;
    }
    .controls {
        color: #ccc;
    }
    #st-vanilla .st-vanilla-stage-ct .chat #chat #chat_list {
        background: none !important;
        color: #fff;
        border: 1px solid #333;
    }
    #chat #chat_users div.me {
        background: #333;
    }
    .bold, .b {
        color: #ccc;
    }
    #chat #chat_list .r {
        color:#aaa;
    }
    #chat #chat_users {
        border-right: none;
        border-top: none;
        border-bottom: none;
        background: none;
    }
    #chat #cin {
        border: 1px solid #333;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #st-vanilla .st-vanilla-stage-ct .chat #chat #cin {
        background: none;
        color: #ddd;
    }
    #st-vanilla .st-vanilla-lower-ct .st-vanilla-lower {
        background: none;
        border-right: none;
        color: #ddd;
    }
    div#panel_emote_constructor_preview {
        color: #ddd;
    }
    #st-vanilla .st-vanilla-lower-ct #make_poll, #st-vanilla .st-vanilla-lower-ct .st-poll {
        background: #444;
    }
    #chat #chat_users .user_list:hover {
        background: #444;
    }
    .st-user-bubble {
        background-color: #333;
        box-shadow:none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: 1px solid #444;
        color: #eee;
    }
    .st-bubble-avatar {
        border: 1px solid #444 !important; 
    }
    .custom_style_yobahere .b {
        color: #00FF00 !important;
    }
    .custom_style_warden .b {
        color: #9d00ff !important;
    }
    .custom_style_spurdo .b {
        color: #ffe600 !important;
    }
    div#facecodesmenu, div#facecodes2000menu, div#peemote_menu, div#pulamotes_menu {
        background-color: #333 !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        border: 1px solid #444 !important;
        padding: 4px !important;
        color: #ddd !important;
    } 
    .catwatchingyou {
        opacity: 0;
    }
    .basic-btn {
        background: #777;
        border: none;
        padding: 4px 9px;
    }
    .st-poll .poll-title {
        text-shadow: none;
        color: #fff;
    }
    .st-poll .poll-vote-text {
        text-shadow: none;
        color: #fff;
    }
    .st-poll .poll-vote-btn:hover {
        cursor: pointer;
        border: none;
    }
    .poll-voted .poll-vote-btn, .poll-voted {
        border: none;
        background: #555;
    }
    #playlistactions .basic-btn {
        background: #333;
    }
    #playlistactions .basic-btn.basic-btn-menu-down {
        background: #222;
    }
    .basic-btn-menu {
        color: #fff;
        background: #222;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 5px;
    }
    .basic-btn-menu-item-hover {
        background: #555;
        color: #fff;
    }
    .setting-item-container {
        background: #444 !important;
        text-shadow: none;
        border-radius: 3px;
    }
    .emotecombo {
        border: 1px solid #555;
    }
    
    }