sextb by xiggi

/* ==UserStyle==
@name         sextb
@version      20250220.11.15
@namespace    https://userstyles.world/user/xiggi
@description  Deep Dark theme
@author       xiggi
@license      No License
==/UserStyle== */

@-moz-document domain("sextb.net") {
    :root {
        /** Backgrounds **/
        --main-bg: rgb(12, 12, 12);
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(12, 12, 12, .45);
        --second-bg-rgb: 12, 12, 12;
        --third-bg: rgb(31, 31, 31);
        --third-bg-hover: rgb(31 31 31 / 80%);
        --third-bg-opacity: rgb(41, 41, 41);

        /** Colors **/
        --white: #fff;
        --gray: #777;
        --ccc: #ccc;
        --blue: #1281bb;
        --light-blue: : #02a9ff;
    }

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 15px;
}

footer, .hidden-sm.network-bar, .hidden-sm.welcome, section.all.tray:nth-of-type(6), .ss-flat.ss-box, li.navbar-menu-item > [href="/private"], li.navbar-menu-item:nth-of-type(9), .sextb_728, section.all.tray:nth-of-type(3), .tray-item-description .tray-item-code, div#alert-domain, .player-header, .player-footer, .episode-list .vip, .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-pip, button.btn_player.btn-default.shared, button.btn_player.btn-default.report, button.btn_player.btn-default.download, .tray-item-trailer, #comments, .col-4, h5.tab_info:nth-of-type(2), h5.tab_info:nth-of-type(3), span.short-text, .description.text-desc-container, .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-cc.jw-settings-submenu-button {
    display: none !important;
}

body, .actor-info li, #infomation .description, #infomation .covert img, .film-info-title  {
    background: var(--main-bg);
    border: 1px solid transparent;
}

div#sextb-player, .pgwModal .pm-content {
    background: var(--second-bg) !Important;
    box-shadow: none;
    border: 1px solid transparent;
}

.episode-list {
    background: var(--main-bg);
    box-shadow: none;
    border: 1px solid transparent;
    padding-bottom:0;;
}

.users-info, .menu-user .title, .menu-user, .film-info {
    background: var(--second-bg) !important;
    box-shadow: none;
    border: 1px solid transparent;
}

.form-textarea, .form-input, .form-select, .menu-user .user-infos, .users-info .profile, .search-box input[type=text], .search-box select, .search_action, .users-content, .login-input, .myFilter .dropdown-toggle {
    background: var(--third-bg);
    box-shadow: none;
    border: 1px solid transparent;
}

.menu-profile li:hover, .menu-profile li.active {
    background: var(--third-bg);
}

.caret-sub {
    color: currentColor;
}

.tray-item-actress-description {
    background-image: linear-gradient(to top, var(--main-bg), transparent);
}

.btn-default, .btn-viewer, .btn-button, .tray-title a.see-more, .alphabet a, .pagination a {
    background-color: var(--second-bg);
    color: #ccc;
    border: none;
    box-shadow: none;
}

.btn-default:hover, .btn-button:hover, .tray-title a.see-more:hover, .alphabet a:hover, .pagination a:hover {
    color: #fff;
    background-color: var(--third-bg);
    transition: 0.2s;
}

.navbar-menu .navbar-menu-item:hover, .navbar-menu .navbar-menu-item:hover a {
    color: #f5c823;
    background: var(--third-bg);
    transition: 0.2s;
}

.navbar-menu .navbar-menu-item:hover {
    color: #f5c823 !Important;
}

.navbar-submenu .navbar-submenu-item a:hover {
    color: #f5c823 !important;
    background: var(--third-bg) !important;
    transition: 0.2s;
}

.episode-list .episode:hover {
    color: #f5c823;
    background: var(--third-bg);
}

.btn-success {
    color: lightgreen;
    background-color: var(--third-bg);
    cursor: pointer;
}

.btn-success:hover {
    color: #fff;
    background-color: rgba(76, 175, 80, .5);
    transition: 0.2s;
}

.navbar-submenu {
    background: var(--second-bg);
    background-image: none !important;
}

.episode-list .episode:hover {
    transition: 0.2s;
}

.episode-list .episode {
    background: var(--second-bg);
    color: #ccc;
}

.msg-alert {
    background: linear-gradient(to bottom,#f5c823 5%,var(--main-bg));
    color: #fff;
    display: none;
}

.navbar, .navbar-left, .layout_search {
    background-color: var(--second-bg);
}

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

.tray-item-thumbnail, img.tray-item-thumbnail.lazy {
    background: var(--second-bg) !Important;
    background-image: none;
}

.menu-user .avatar-text {
    border: none;
}

.navbar-header .navbar-menu-search, .navbar-header .navbar-menu-toggle, .navbar-header .navbar-menu-user {
    background: var(--third-bg);
    color: #ccc;
}

h5.tab_info {
    color: #ccc;
}

h5.tab_info:hover {
    color: #fff;
}

#infomation .description {
    color: #ccc;
}

#infomation .description a:hover {
    color: #fff;
}

.tray-item-description .tray-item-runtime {
    color: #fff;
}

.section-heading .h-text {
    font-size: 18px;
}

.tray-item-star-button, .tray-item-play-button {
    color: #f5c823;
    background: var(--main-bg);
    box-shadow: 0 0 10px var(--main-bg);
    display: none;
}

.tray-item-actress-thumbnail:hover, .navbar-brand .logo img:hover, .navbar-brand .logo img:focus {
    opacity: 50%;
    transition: 0.2s;
}

.tray-item:hover {
    box-shadow: 0 0 5px var(--second-bg);
}

.pgwModal .pm-body {
    box-shadow: 0 0 5px 5px var(--second-bg);
}

.pgwModal .pm-title {
    background: linear-gradient(to bottom,#f5c823,var(--second-bg));
}

#pgwModal {
    backdrop-filter: blur(2px);
}

.google-login-btn, .twitter-login-btn {
    background: var(--third-bg);
    color: #ccc;
}

a, .navbar-submenu .navbar-submenu-item a {
    color: #ccc !important;
}

a:hover, .navbar-submenu .navbar-submenu-item a:hover {
    color: #f5c823 !important;
}

button.btn-default.btn_player.favorite-movie.btn-player-active, button.btn-player.episode.active, button.btn-default.btn_player.favorite-actress.btn-player-active {
    background: rgba(245, 200, 35, .3);
    color: #fff;
}

.btn-player-active i, .btn-default:hover i {
    color: #f5c823;
}

.actor-info li {
    color: #ccc;
}

.tray-item-description {
    background-image: linear-gradient(to top, var(--main-bg), var(--second-bg) 60%, transparent 90%);
}

.tray-item-description {
    padding: 30px 10px 10px;
}

h5.tab_top_video:hover {
    color: #ccc;
    transition: 0.2s;
}

.section-heading .h-text {
-webkit-background-clip: inherit;
    -webkit-text-fill-color: snow;
    -webkit-box-decoration-break: revert;
    box-decoration-break: clone;
    font-weight: 700;
    color: #fff;
    background: transparent;
}

.section-heading .h-text:before {
    background: linear-gradient(to right, #ffffff, #ffffff);
    display: none;
}

.tray-item-sub {
    background-color:rgb(12 12 12 / 90%);
    backdrop-filter: blur(5px);
    color: lightseagreen;
    padding: 5px;
    left: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 1px 20px var(--main-bg);
    border-radius: 0 0 10px 0;
    font-size: 11px;
}

.tray-item-subtitle {
    border: 1px solid lightseagreen;
    border-right-style: none;
    border-bottom-style: none;
    /* background: #4149e4; */
}

.tray-item-ribbon {
    background-color: rgb(12 12 12 / 90%);
    backdrop-filter: blur(5px);
    color: lightsalmon;
    padding: 5px;
    left: 0;
    border-bottom-right-radius: 0;
    box-shadow: 1px 1px 20px var(--main-bg);
    border-radius: 0 0 10px 0;
    font-size: 11px;
}

.tray-item-uncensored {
    border: 1px solid lightsalmon;
    border-right-style: none;
    border-bottom-style: none;
    /* background: #4149e4; */
}

.tray-title a.see-more {
    padding: 3px 10px;
}

.film-info {
    margin-top: 0 !Important;
}

.button-list {
    margin-bottom: 20px;
    margin-top: 0;
}

.navbar {
    position: relative;
}

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

.fa-thumbs-down:before, .fa-thumbs-up:before, .fa-heart:before, .fa-eye:before, .fa-calendar:before, .fa-clock:before, .fa-film:before, .fa-list:before, .fa-users:before, .fa-camera:before, .fa-tag:before, .fa-user:before, .fa-play-circle:before {
    margin-right: 5px;
}

.fa-angle-double-down:before {
    margin-left: 5px;
    margin-right: 5px;
}

#infomation .description {
    border: 1px solid transparent;
}

.tray-item {
    border-radius: 1px;
}

.container {
    padding-top: 30px;
}
}