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-hover: #212020;
        --gray-color: #908c8c;
        --white: #fff;
    }
    
    body, #content {
        background-color: var(--dark);
    }
    
#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, #header #site-nav ul li a.gold-plate {
        display: none;
    }
    
    .thumb-block.thumb-cat .title, .thumb-block .thumb-inside, .thumb-block .thumb, .mozaique .thumb-block {
        background: var(--dark);
        box-shadow: none;
    }
    
.thumb-block .thumb a {
    border: 1px solid transparent;
    }
    
    .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: transparent;
    background-color: var(--gray-hover);
    color: #fff;
    transition: 0.2s;
}
    
    .pagination ul li a.active, .pagination ul li a.no-page {
    border-color: transparent;
    background-color:rgba(255, 218, 0, .2);
        color: #fff;
    }
    
    .thumb-block .thumb-under p.metadata, .video-page #video-content-metadata .clear-infobar .metadata {
        color: #999;
    }
    
    .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);
        color: #ccc;
    }
    
    #mobile-categories #mobile-cat-list li a:hover {
        background: var(--gray-hover);
        color: #fff;
    }
    
    #listing-page-filters-block button.filters-opener {
        background: var(--gray); 
    }
    
    #listing-page-filters-block #filters-list {
        background: var(--gray); 
    }
    
.search-autocomplete .title {
    background: var(--gray);;
}
    
.search-autocomplete {
    background: var(--gray);
    border: 1px solid transparent;
    color: #ccc;
    }
    
    .search-autocomplete li:hover {
    background: var(--gray-hover);
        color: #fff;
    }
    
    #content .clear-infobar .infobar-title, #content .infobar .infobar-title, #content #content-thumbs h1 {
        color: #fff;
    }
    
#header #site-nav #main-cat-switcher-mobile, #header #site-nav .country-switch, #header #site-nav .header-mobile-link, #content #content-thumbs #results-top #results-free-or-premium, span.video-hd, .thumb-block .uploader a, .thumb-block .uploader, span.tb_obj-hd, .ntv65D4ec0da2eB5EbFC349e86a1BfDFbBB, span.has-clickable-effect:nth-of-type(1), a.metadata-btn.hide-if-zero-21, #html5video #hlsplayer .buttons-bar .autoplay-btn, .video-page #video-content-metadata .clear-infobar .video-title-container .video-title #video-rename, .video-page #video-content-metadata .infobar .video-title-container .video-title #video-rename, .video-page #video-content-metadata .clear-infobar .video-title-container .video-title #video-rename, .video-page #video-content-metadata .infobar .video-title-container .video-title #video-rename {
    display: none !important;
    }
    
    #header #site-nav ul li a {
        border-color: transparent;
    }
    
    #header #site-nav ul {
    background: var(--gray);
    }
    
.form-control:focus {
    border-color: transparent;
    background: var(--gray);
    box-shadow: 0 0 4px #ffda00;
}
    
    a {
        color: #ebebeb;
    }
    
    a:focus, a:hover {
        color: #fff;
        text-decoration: none;
    }
    
    .is-desktop .thumb-block .thumb a:hover {
        border-color: transparent;
    }
    
    .thumb-block .thumb-under p:first-child a, .thumb-block .thumb-under p.metadata, .video-page #video-content-metadata .clear-infobar .metadata {
        margin-top: 5px;
    }
    
.is-desktop .thumb-block.thumb-cat .thumb:hover+.qtt+.title, .is-desktop .thumb-block.thumb-cat .thumb:hover+.title {
    box-shadow: none;
    background: var(--gray-hover);
    color: #fff;
    }
    
    .signin-popup-form.x-overlay .x-body {
        background: var(--gray);
    }
    
    .signin-popup-form.x-overlay .x-body .form-control {
        background: var(--gray-hover);
        border-color: transparent;
    }

.account-page .panel .panel-heading {
    background: var(--gray);
    border-color: var(--gray-hover);
    }
    
    .account-page #dashboard .panel, .account-page #dashboard .panel .panel-body {
    background: var(--gray);
    }
    
    .account-page .panel {
    border-color: var(--gray-hover);
}
    
    .account-page .panel .panel-body, .account-page .list-group .list-group-item, .account-page .list-group .list-group-item.active, .account-page .list-group .list-group-item:hover {
    border-color: var(--gray-hover);
    }
    
    .list-group-item, .account-page #header #site-nav ul li .nav-tab-sub-menu .account-section-nav .list-group-item {
        background: var(--gray-hover);
}
    
    .account-page #header #site-nav ul li .nav-tab-sub-menu {
    background: var(--gray);
    }
    
    #html5video #hlsplayer .top-left, .video-page #video-content-metadata .video-tags .suggestion, #header .topbar .slogan, a#main-cat-switcher {
        display: none;
    }
    
#x-ajax-tab-messages .x-message, #x-fda-messages .x-message, #x-home-messages .x-message, #x-messages .x-message, #x-red-home-messages .x-message, #x-messages-menu, #x-x-messages-btn {
    border-color: transparent;
    background: var(--gray);
    color: #ccc;
    }
    
    .x-popup .x-popup-content ul li:hover {
        background: var(--dark);
    }
    
    .account-page #header #site-nav #mobile-menu>ul>li>a {
        background: transparent;
    }
}