VJAV by xiggi

/* ==UserStyle==
@name         VJAV
@version      20240605.12.29
@namespace    ?
==/UserStyle== */

@-moz-document domain("vjav.com") {
    :root {
        /** Backgrounds **/
        --main-bg: rgb(12, 12, 12);
        
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);;
        
        /** Colors **/
        --white: #fff;
        --gray: #8b8888;
    }
    
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--main-bg);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--third-bg);
}

.header__network, .PVlu5dykxThc_sps_kiG, .footer-row, section[data-v-992346a6], .seo__text, li.header__nav--item.header__nav--item__upload, .footer, .member-page .cover, .select--inline[data-v-b4afba02], .cookies-policy-block, .undp, ._-73V-fsC, .video-page__comments, .video-page__mobile-user--item[data-v-58e0bfe6], .video-page__mobile-user[data-v-58e0bfe6], section[data-v-6c41910a], .share-button.info__link, .share-button.info__link, div.info__link.add-to-button:nth-of-type(1), div.video-videos-slider:nth-of-type(6), div.headline:nth-of-type(5), div.video-videos-slider:nth-of-type(4), div.headline:nth-of-type(3), .info__link.comments-count, .info__link.download-btn.add-to-button, li:nth-of-type(5), #li:nth-of-type(10), li.header__nav--item:nth-of-type(6), .description-block {
    display: none !Important;
}

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

.dropdown--arrow:after {
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}

.card__avatar.card__avatar--long, .card__avatar {
    margin-bottom: 10px;
}

.nav ul li[data-v-26f4593e] {
    color: #ccc;
}

.no-touch ul li[data-v-26f4593e]:not(.selected):hover {
    color: #fff;
}

.nav ul li.selected[data-v-26f4593e] {
    border-bottom: 3px solid #fff;
    color: #fff;
    font-weight: 600;
}

.thumbs__error {
    color: #fff;
}

.select__label .label[data-v-b4afba02], .select__label[data-v-b4afba02], .select__list ul li[data-v-b4afba02] {
    color: #ccc;
}

svg.svg-icon.icon {
    color: currentColor;
    fill: currentColor;
}
    
    body {
        background-color: var(--main-bg);
        color: #ccc;
    }
    
    .signup-page .signup__left>.desc {
        color: #ccc;
    }
    
.svg-icon {
    color: currentColor;
    fill: currentColor;
}
    
    .signup-page .signup__right .form, .modal-block, .card__list, .card__top, .thumb__img, .filters__container, .underplayer[data-v-58e0bfe6] {
        background: var(--second-bg);
    }
    
    .signup-page .signup__right .form .input, .input, .select__country, .select[data-v-b4afba02], .underplayer .video-page__tags .tag[data-v-58e0bfe6], .video-page__mobile-user--item .avatar[data-v-58e0bfe6], .rating, .underplayer__controllers .left .views-count[data-v-58e0bfe6], .underplayer__controllers .left .comments-count[data-v-58e0bfe6], .underplayer__controllers .left .download-btn[data-v-58e0bfe6], .underplayer__controllers .right .share-button[data-v-58e0bfe6], .underplayer__controllers .right .add-to-button[data-v-58e0bfe6], .underplayer__controllers .right .other-button[data-v-58e0bfe6] {
        background: var(--third-bg);
        color: #ccc;
    }
    
    .search__input button[data-v-ba4ea9bc], .card__list li {
        color: #ccc;
    }
    
.dropdown-content {
    background: var(--second-bg);
    border: 1px solid var(--third-bg);
    box-shadow: 1px 1px 10px var(--second-bg);
}
    
    .dropdown-content ul li a:hover {
        background: var(--third-bg);
        color: #fff;
    }
    
    .thumb__duration {
        background: var(--main-bg);
        color: #fff;
            font-size: 15px;;
        right: 0;
        bottom: 0;
        padding: 0 10px;
    }
    
    .no-touch .tag:hover, .no-touch .tag-group:hover, .no-touch .toggle-button:hover, .no-touch .info__link:hover{
        background: var(--main-bg) !important;
        color: #fff !important;
        transition: 0.2s;
    }
    
    .thumb__statistics span, .thumb__bottom span {
        color: #ccc;
    }
    
    .thumb__statistics .svg-icon, .thumb__bottom .svg-icon, .pagination a .svg-icon, .pagination div .svg-icon {
        color: inherit;
        fill: currentColor;
    }
    
    .dropdown-content ul li .dropdown--all {
        color: #ccc;
    }
    
    .btn, .pagination a, .pagination div {
        border-radius: 5px;
    }
    
.pagination a.current, .pagination div.current {
    background: #fb2740;
    border: none;
    color: #fff;
}
    
    .pagination a.next, .pagination a.prev, .pagination div.next, .pagination div.prev {
        background: var(--second-bg);
        color: #ccc;
    }
    
    .no-touch .pagination a:hover:not(.current), .no-touch .pagination div:hover:not(.current) {
        background: var(--third-bg);
        color: #fff;
    }
    
    .thumb a:hover {
        opacity: 70%;
    }
    
    .pagination a, .pagination div {
        color: #ccc;
    }

.thumb__info, .thumb__bottom {
    text-align: center;
}
    
    .filters--inline .filters__container {
        background: transparent;
    }
    
    .video-slider .item-thumb {
        background-color: var(--second-bg);
    }
    
    .underplayer__controllers[data-v-58e0bfe6] {
        margin-bottom: 20px;
    }
    
.btn {
    background-color: rgba(251, 39, 64, .2);
    color: #f3a7b0;
}
    
.btn:hover {
    background-color: rgba(251, 39, 64, .5);
    color: #fff;
}
    
    .select__list[data-v-b4afba02] {
        border: 1px solid transparent;
        background: var(--second-bg);
    }
    
    .select__list ul li[data-v-b4afba02]:hover {
        background: var(--third-bg);
        color: #fff;
    }
    
    .btn-secondary {
        color: #ccc;
    }
    
    .btn-secondary:hover {
        color: #fff;
    }
    
    .headline .see_more, .header__nav--item, .form .link-sm {
        color: #ccc;
    }
    
    .headline .see_more:hover, .no-touch .header__nav--item:hover, .no-touch .header__nav--item:hover .svg-icon, .form .link-sm:hover {
        color: #fff;
    }
    
.header {
    background-color: rgb(12 12 12 / 80%);
    box-shadow: none;
}

.pagination a, .pagination div, .pagination a.next, .pagination a.prev, .pagination div.next, .pagination div.prev {
    width: 50px;
    height: 50px;
    }
    
    .tag__item[data-v-6aba2bbd] {
        background-color: var(--second-bg);
    }
    
.form .divider {
    background: var(--main-bg);
    }
    
    .card__cover{
        background-color: var(--second-bg);
    }
    
    .mobile-menu__container, .mobile-menu__list {
        background: var(--second-bg);
    }
    
    .mobile-menu__user {
        background: var(--third-bg);
    }
    
    .mobile-menu__list--item, .mobile-dropdown__list--item {
        color: #ccc;
    }
    
    .mobile-menu__list--item:hover, .mobile-dropdown__list--item:hover {
        background: var(--third-bg);
        color: #fff;
    }
    
.mobile-menu__wrapper {
    background: rgb(12 12 12 / 60%);
    backdrop-filter: blur(2px);
}
    
main, .content {
    margin-bottom: 0;
}
    
    .search__response[data-v-ba4ea9bc] {
        background: var(--main-bg);
    }
    
    .search__container .list li .title[data-v-ba4ea9bc] {
        color: #ccc;
    }
    
    .search__input[data-v-ba4ea9bc], .search__container.open .input[data-v-ba4ea9bc] {
        background-color: var(--second-bg);
    }
    
    .jw-wrapper, .video-page__content>.left .videoplayer {
        background-color: var(--second-bg);
    }
    
    .video-slider .prev-button, .video-slider .next-button {
        background: rgb(12 12 12 / 90%);
        color: #ccc;
        border-radius: 5px;
    }
    
    .video-slider .prev-button:hover, .video-slider .next-button:hover {
        background: var(--third-bg);
        color: #fff;
    }
}