R34Video - Deep Dark by xiggi

/* ==UserStyle==
@name         R34Video - Deep Dark
@version      20240901.12.52
@namespace    ?
==/UserStyle== */

@-moz-document domain("rule34video.com") {
:root {
    --main-bg: #000;
    --second-bg: #0f0f0f;
    --third-bg: #131313;
    --third-bg-hover: #1e1e1e;
    
    --red: #CE3942;
}

body {
    background-color: var(--main-bg);
    color: #ccc;
}

::selection {
    background: var(--red);
    color: #fff;
}

::-webkit-scrollbar {
    width: 5px;
    background-color:var(--main-bg);
}
::-webkit-scrollbar-thumb {
    background-color: var(--third-bg);
    border-radius: 4px;
}

.header, .sidebar-aside, .footer_holder, .footer_spots, .popup, .bottom_popup .btn_action, .filters_wrap, .popup.popup-view .video_container .link-video, .video_tools, .box_information, .aside.member-sidebar .btn, .pagination a, .profile_wrap, .panel_sup, .th .time, .th .quality, .sound  {
    background-color: var(--second-bg);
}

.aside_wrap .item, .search-cloud .button, .filter-group .filter-buttons .button, .button_fav, .filter_buttons, .button, .bottom_popup, .search_wrapper .input, .btn_more, .video_tools .button_fav, .video_tools .tag_item, .view_search, .burger, .mobile-list .button_fav, .mobile-list .button_fav.theporndude, .member-list li:first-child a, .file_wrap, .profile_wrap .btn {
    background-color: var(--third-bg); 
    border: none;
}

.popup_form .input, .select2-container--default .select2-search--dropdown .select2-search__field, .filter_search .select2-container--default .select2-selection--multiple, .select2-container .select2-selection--single .select2-selection__rendered, .popup_form .textarea, .select2-container--default .select2-selection--multiple {
    background-color: var(--third-bg) !Important;
    border: 1px solid var(--second-bg) !Important;
    border-radius: 5px;
    color: #ccc;
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--second-bg);
}

.select2-results__option {
    background-color: var(--third-bg); 
}

.filter-sex {
    background: var(--second-bg);
    border-bottom: 1px solid var(--third-bg);
    border-top: 1px solid var(--third-bg);
}

.filter-sex .item {
    border-bottom: 1px solid var(--third-bg);
    border-left: 1px solid var(--third-bg);
}

.filter-sex .item .state .check {
    background-color: var(--main-bg);
}

.filter-sex .item .state .check:before {
    background-color: var(--second-bg);   
}

.filter-sex .item .state .check:after {
    background-color: #999;
}

.video_tools .label {
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}

.box_information span {
    color: #fff;
    font-weight: 600;
    margin-right: 5px;
}

.bottom_description .title {
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.box_information li, .bottom_description .row:last-child, .popup_form .label, .bottom_popup .text, .video_tools .tag_item, .video_tools .item_info, .video_tools .label, .video_tools .button_rate i, .jump_to span, .aside_wrap .count {
    color: #ccc;
}

.thumb_title {
    font-weight: 600;
}

.thumb_info {
    color: #ccc;
    margin-top: 1px dashed var(--second-bg);
    font-size: 11px;
}

.pagination .item.active a, .pagination.alphabet a.active {
    outline: 1px solid var(--red);
    background-color: var(--main-bg);
    color: var(--red);
}

.nav_footer a {
    color: #ccc;
}

.nav_footer a:hover {
    color: var(--red);
    transition: 0.2s;
}

.popup_form .pass_link {
    margin-right: 30px;
}

.popup_form .pass_link:hover {
    color: #fff;
    transition: 0.2s;
}

.burger-brick {
    background-color: #fff;
    outline: 1px solid var(--red);
}

.popup .generic-error {
    color: var(--red);
}

.video_tools .panel {
    border-bottom: none;
}

.video_tools .item, .video_tools .name {
    color: #fff;
}

.video_tools .name:hover,  .video_tools .item:hover {
    color: var(--red);
    transition: 0.2s;
}

.video_tools .action_rating {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer {
    display: none;
}

.sort {
    background: var(--second-bg);
}

.box_profile:hover, .box_profile:active {
    background: var(--third-bg);
    color: #fff;
    transition: 0.2s;
}

.wrap_dropdown {
    background-color: var(--third-bg);
}

.dropdown:before {
    border-bottom: 9px solid var(--third-bg);
}

.wrap_dropdown .item {
    color: #ccc;
}

.box_information a:hover, .box_information a:active {
    color: #fff;
    transition: 0.2s;
}

.th img:hover, .th img:active {
    text-decoration: none;
    opacity: 50%;
    transition: 0.2s;
}

.logo:hover, .logo:active {
    opacity: 50%;
    transition: 0.2s;
}

.aside.member-sidebar .btn.active, .aside.member-sidebar .btn:hover, .search_button, .search_button_large, .button_fav:hover, .search-cloud .button:hover, .aside_wrap .item:hover, .profile_wrap .btn.active, .profile_wrap .btn:hover, .filter_buttons .btn:hover, .wrap_dropdown .item:hover, .filter_tags .select2-container--default .select2-selection--multiple .select2-selection__choice, .filter_search .select2-container--default .select2-selection--multiple .select2-selection__choice, .file_wrap:hover, .popup_form .btn_action, .filter_buttons .btn.active, .filter-group .filter-buttons .button.active, .filter-group .filter-buttons .button:hover, .filter-sex .item1 input:checked+.state, .filter-sex .item.active .state, .button:hover, .button.second, .sort a:hover, .pagination a:hover, .video_tools .tag_item:hover, .video_tools .button_fav:hover, .btn_more:hover, .popup.popup-view .video_container .link-video:hover, .video_tools #delete_fav_0 .button_fav:hover, .selected span, .btn-favourites .filter_buttons .btn:hover {
    background-color: var(--red);
    color: #fff;
    transition: 0.2s;
}

.button_fav, .profile_wrap .btn, .button, .aside_wrap .item, .filter_buttons .btn, .pagination a {
    color: #ccc;
}

.popup_form .input:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.filter_search .select2-container--default .select2-selection--multiple:focus,
.select2-container:focus .select2-selection--single .select2-selection__rendered:focus,
.popup_form:focus .textarea:focus, .select2-container--default:focus .select2-selection--multiple:focus,
.popup_form .input:hover,
.select2-container--default .select2-search--dropdown .select2-search__field:hover,
.filter_search .select2-container--default .select2-selection--multiple:hover,
.select2-container:hover .select2-selection--single .select2-selection__rendered:hover,
.popup_form:hover .textarea:hover, .select2-container--default:hover .select2-selection--multiple:hover {
    background: var(--third-bg-hover) !important;
    outline: 1px solid var(--red);
    color: #fff;
    transition: 0.2s;
}

.headline .title span, .aside .headline .title span {
    color: var(--red);
}

.sound {
top: 12px;
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: var(--main-bg);
    padding: 4px;
}

.th .quality, .th .time {
    background-color: var(--main-bg);
}

.video_tools #delete_fav_0 .button_fav {
   /* background-color: rgb(206 57 66 / 5%);*/
    background-color: var(--red);
    outline: 1px solid #fff;
    color: #fff;
}

.thumb {
    margin-bottom: 10px;
}

div#custom_list_videos_related_videos {
    display: none;
}

.btn-favourites .filter_buttons .btn {
    background-color: var(--third-bg);
    color: #ccc;
}

.video_tools .info {
    justify-content: center;
}

.filter_buttons .btn, .filter_buttons_custom .btn_custom, .list-messages .load-more a, .sort a, .sort_custom a {
    background-color: var(--second-bg);
    color: #ccc;
}

.filter_buttons .btn:hover, .filter_buttons_custom .btn_custom:hover, .sort a:hover, .sort_custom a:hover {
    background-color: var(--third-bg-hover);
    color: #fff;
}

.popup .video_tools .tab-content, .popup .video_tools .action_rating, .popup .video_tools .button_rate, .popup .video_tools .button_fav, .popup .btn_more {
    background: var(--third-bg);
}

.popup-view.popup .popup-adv {
    background: linear-gradient(to right,rgba(33,43,49,0) 0%,rgba(33,43,49,0) 15%,var(--third-bg) 40%,var(--third-bg) 60%,rgba(33,43,49,0) 85%,rgba(33,43,49,0) 100%);
}

a.button_fav.theporndude, .aside .box:first-child, .mobile-box+.box, a.fp-embed, .is-mouseover.kt-player .fp-embed, .is-embedding.kt-player .fp-embed, .video_tools .info {
    display: none;
}

.filter_buttons.sorting .btn svg, .filter_buttons_custom.sorting_custom .btn svg, .button_fav.fav svg, .btn_more svg, .link-video.prev svg, .link-video.next svg, .video_tools .button_rate svg, .video_tools .button_fav svg, .channel_logo a svg {
    fill: currentColor;
}

.header .columns.open .form_search, .video_tools .tag_item.tag_item_suggest {
    background-color: var(--second-bg);
}

.video_tools .tab-content {
    background: var(--second-bg);
}

.btn-favourites .filter_buttons .btn .btn_bg, .video_tools .action_rating, .video_tools .button_rate {
    background: var(--third-bg);
}

.spot_under {
    background: transparent;
}

.kt-player .fp-controls:before {
    background: transparent;
}

.video_tools .col .label, .wrap .label {
    color: #ccc;
}

.button_fav.active, .button_fav.active:hover, .popup .button_fav.active, .popup .button_fav.active:hover {
    background: var(--third-bg-hover) !important;
}
}