xnxx - Deep Dark by xiggi

/* ==UserStyle==
@name           xnxx - Deep Dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Deep Dark theme for XNXX
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://www.xnxx.com/")  {
    :root {
        --dark: #000;
        --gray: #151515;
        --gray-color: #908c8c;
        --white: #fff;
    }
    
    body, #content {
        background-color: var(--dark);
    }
    
    div#mobile-menu, #footer, .mozaique .premium-results-line, #header #site-nav #header-mobile-gold, #header #site-nav #header-mobile-app-dl, #header #site-nav #header-mobile-live-cam, #header #site-nav #main-cat-switcher-mobile {
        display: none;
    }
    
    .thumb-block.thumb-cat .title, .thumb-block .thumb-inside {
        background: var(--dark);
    }
    
.thumb-block .thumb a {
    border: 1px solid var(--dark);
    }
    
    .thumb-block.thumb-cat .qtt {
        background: var(--dark);
    }
    
    #header #site-nav {
        background: var(--gray);
    }
    
#side-categories .side-cat-order-select li a, .side-categories-block .side-cat-order-select li a {
    border-bottom: 2px solid var(--gray);
}
    
    #side-categories .side-cat-list a:hover, .side-categories-block .side-cat-list a:hover {
        background-color: var(--gray);
        transition: 0.2s;
    }
    
    .x-popup .x-popup-content {
        background: var(--gray);
        box-shadow: 1px 1px 20px var(--gray);
    }
    
    .site-settings .language-switcher a:hover, .site-settings button:hover {
        background: var(--dark);
        transition: 0.2s;
    }
    
    #header .topbar {
        background: var(--gray); 
    }
    
    .form-control {
        background: var(--dark);
    }
    
    .btn-primary {
        background: var(--dark);
        border-color: transparent;
}
    
    .pagination ul li a, .pagination ul li button, .pagination ul li select {
        background: var(--gray);
        border: 1px solid transparent;
    }
    
.pagination ul li a:hover {
    border-color: #fff;
    background-color: var(--gray);
    transition: 0.2s;
}
    
    .pagination ul li a.active, .pagination ul li a.no-page {
    border-color: #fff;
    background-color: var(--gray);
    }
    
    .thumb-block .thumb-under p.metadata, .video-page #video-content-metadata .clear-infobar .metadata {
        color: #ccc;
    }
    
    .video-page #video-content-metadata .metadata-btn, .video-page #suggestions_removed_tags_list a, .video-page #suggestions_tags_list a, .video-page .video-tags a, div#results-free-or-premium {
        background: var(--gray);
    }
    
    #related-videos .plist, #related-videos .show-more {
        background: var(--dark);
    }
    
    #related-videos .plist:hover, #related-videos .show-more:hover {
        background: var(--gray);
        transition: 0.2s;
    }
    
    #xnxx-search-bar {
        background: var(--dark);
}
    
    #mobile-categories #mobile-cat-list li a {
        background: var(--gray);
    }
    
    #listing-page-filters-block button.filters-opener {
        background: var(--gray); 
    }
    
    #listing-page-filters-block #filters-list {
        background: var(--gray); 
    }
}