JAVLibrary - dark by xiggi

/* ==UserStyle==
@name         JAVLibrary - dark
@version      20240126.15.53
@namespace    ?
==/UserStyle== */

@-moz-document domain("javlibrary.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;
        --pink: #f908bb;
        --pink-hover: rgba(235, 12, 146, .5);
    }

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

#content {
    background: var(--main-bg);
}

a {
    color: #ccc;
}

a:hover {
    color: #fff;
}

a:visited {
    color: #fff;
}

#adultwarningprompt {
    background: var(--second-bg);
    color: #ccc;
}

.noty_bar.alert, #submitForm .mask .dialog, .mask .dialog, #okalert td {
    background: var(--second-bg);
    color: #ccc;
    border: 3px solid transparent;
    border-radius: 5px;
}

.largebutton {
    background-color: var(--third-bg);
    color: #ccc;
}

.largebutton:hover {
    background-color: var(--third-bg-hover);
    border: 1px solid #fff;
    color: #fff;
    transition: 0.2s;
}

#rightcolumn {
    border: 1px solid var(--third-bg);
}

div.titlebox {
    background-color: var(--third-bg);
    border: none;
    border-radius: 5px;
}

div.boxtitle {
    background: var(--second-bg);
    color: #fff;
}

table.about td.desc1, table.about td.desc {
    background-color: var(--third-bg);
    border: none;
    border-radius: 5px;
}

.videothumblist .videos .video {
    border: 1px solid var(--third-bg);
}

.videothumblist .videos .video:hover {
    background: var(--third-bg);
    transition: 0.2s;
}

#leftmenu .menul1 {
    background: var(--second-bg);
    color: #ccc;
}

#leftmenu li {
    border-bottom: 1px solid var(--third-bg);
    margin: 0;
}

#leftmenu li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 5px solid #000000;
    border-right: 5px solid var(--third-bg);
    background-color: transparent;
    color: #ccc;
    text-decoration: none;
    width: auto;
}

#toplogo {
    background: var(--second-bg);
}

#idsearchbox {
    background: var(--third-bg);
    color: #ccc;
    font-family: Arial;
}

#idsearchbox:focus {
    background: var(--third-bg-hover);
    outline: 1px solid var(--pink);
}

#idsearchbutton {
    background: var(--third-bg);
    color: #ccc;
    box-shadow: none;
    border: none;
}

#idsearchbutton:hover {
    background: var(--third-bg-hover);
    border: 1px solid #fff;
    color: #fff;
}

div.textbox {
    background: var(--third-bg);
    border: 1px solid transparent;
}

.txt_formcap {
    color: #ccc;
}

td.smallboxblue {
    background: var(--main-bg);
}

.loginpanel .rightp {
    background: linear-gradient(to top, #9933CC 10%, transparent);
    border-radius: 5px;
}

.loginpanel .leftp {
    background:linear-gradient(to top, #477090 10%, transparent);
    border-radius: 5px;
    border: 2px solid #477090;
}

.loginpanel .header, .loginpanel .caption {
    color: #fff;
}

input, select, fieldset, textarea {
    background: var(--second-bg);
    color: #ccc;
    border: 1px solid transparent;
}

textarea  {
    background: var(--third-bg);
}

.genreitem {
    background: var(--second-bg);
    border: 1px solid transparent;
}

.genreitem:hover {
    background: var(--third-bg);
    color: #fff;
    border: 1px solid #fff;
    transition: 0.2s;
}

.page_selector .page {
    background: var(--second-bg);
    border: 1px solid transparent;
    color: #ccc;
}

.page_selector .page:hover {
    background: var(--third-bg);
    color: #fff;
    border: 1px solid #fff;
    transition: 0.2s;
}

.page_selector .current {
    background: var(--third-bg);
    color: var(--pink);
    border: 1px solid var(--pink);
}

focus-visible {
    outline: 1px solid var(--pink);
}

#video_title h3.post-title a:visited {
    color: #fff;
}

#video_title {
    position: relative;
    display: block;
    border-bottom: 2px solid var(--third-bg);
    text-align: left;
    padding: 2px 40px 2px 2px;
}

.smallbutton {
    background: var(--second-bg);
    border: 1px solid transparent;
    color: #ccc;
}

.smallbutton:hover {
    background: var(--third-bg);
    color: var(--pink);
    border: 1px solid var(--pink);
    transition: 0.2s;
}

hr.grey {
    color: #cccccc;
    background-color: var(--third-bg);
    height: 2px;
    border: none;
}

#video_reviews .header, #video_comments .header {
    color: #fff;
}

#video_comments td.date {
    border-right: 1px solid var(--third-bg);
    color: #ccc;
}

#video_comments td.info, #publicposts td.info, #publicposts td.date {
    border-right: 1px solid var(--third-bg);
}

#video_comments table.comment {
    border-top: 1px dotted var(--third-bg);
}

#video_comments_alllang, #video_reviews_alllang, #video_comments_all {
    background-color: var(--second-bg);
    border: 1px solid transparent;
}

#middletextbanner a {
    color: #fff;
}

#middletextbanner a:hover {
    color: var(--pink);
    transition: 0.2s;
}

.cast, .genre {
    background: var(--third-bg);
}

#video_info table {
    margin-top: 10px;
    border-bottom: 1px solid var(--third-bg);
}

.pubgroup a, div.boxtitle a {
    color: #fff;
}

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

#publicposts td.date, .postedittime {
    color: #ccc;
}

div#fm_pm {
    background: var(--second-bg) !important;
}

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

.pmlist a.new {
    color: #fff;
}

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

.searchitem {
    background: var(--third-bg);
    border: 1px solid transparent;
}

.searchitem:hover {
    background: var(--third-bg-hover);
    border: 1px solid #fff;
    color: #fff;
}

#video_favorite_edit {
    font: 12px Arial;
    color: #ccc;
    margin-top: 10px;
    text-align: center;
}

#leftmenu .category {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

#video_comments td.scores {
    border-left: 1px dotted var(--third-bg);
}

#video_comments table.post {
    border-top: 1px dotted var(--third-bg);
}

#publicposts table.post {
    border-top: 1px solid var(--third-bg);
}

#publicposts td.info .nickname {
    color: #ccc;
}

#publicposts .signature {
    background: transparent;
}

div.staralphabets span.alphabet, span.alphabet.selected {
    background: var(--third-bg);
    color: var(--pink);
    border: 1px solid var(--pink);
}

.searchbox {
    background: var(--third-bg);
    border: 2px solid transparent;
}

.videotextlist tr.dimrow {
    background: transparent;
}

.videotextlist tr {
    border-bottom: 1px dashed var(--third-bg);
}

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