IMHentai by xiggi

/* ==UserStyle==
@name         IMHentai
@version      20240527.10.44
@namespace    ?
==/UserStyle== */

@-moz-document domain("imhentai.xxx") {
:root {
        --main-dark: #0d0d0d;
        --second-dark: #101010;
        
        --red: #fb5e5e;
        --red-hover: rgba(251, 94, 94, .5);
        --white: #fff;
    
        --light-dark: #1f1f1f;
        --dark-dark: #272727;
    }
    
    /** Hider **/
.thumb.blacklisted {
    display: none;
}
    
    /** Scrollbar **/
::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #0d0d0d; 
}

::-webkit-scrollbar-thumb {
  background: #383838;
}
    
/** ID **/
#info #gallery_id {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
}
    
    /** Pagination **/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    font-weight: 700;
    border-radius: 5px;
    background-color: var(--red);
}
    
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    border-radius: 5px;
    background-color: var(--red-hover);
        transition: 0.2s;
    color: #fff;
    border-color: transparent;
}

.pagination>li>a, .pagination>li>span {
    border: 1px solid transparent;
    background-color: var(--dark-dark);
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    border: 1px solid transparent;
    background-color: var(--light-dark);
}
    
    /** Reader **/
html.theme-black.reader .reader-bar {
    background-color: #0d0d0d;
}
    
    
    html.reader .reader-bar .box, html.reader .reader-bar a, html.reader .reader-bar button {
        color: #d9d9d9;
    }
    
html.theme-black.reader .reader-bar a:hover, html.theme-black.reader .reader-bar button:hover {
    background-color: var(--light-dark);
    color: #fff;
        transition: 0.2s;
}
    
    /**Alerts **/
.alert.alert-info, .alert.alert-success {
    color: #57d959;
    background-color:var(--light-dark);
    border-color: #57d959;
}


.alert-danger {
    color: var(--red);
    background-color:var(--light-dark);
    border-color: var(--red);
}

.alert {
    border-radius: 10px;
}
    
    /** HTML **/
html.theme-black code {
    color: var(--red);
    border: none;
    background-color: rgb(13 13 13 / 50%);
}
    
html.theme-black .caption {
    background-color: #151414;
    color: #d9d9d9;
}
    
html.theme-black #thumbnail-container, html.theme-black .container {
    background-color: var(--light-dark);
    margin-top: 2em;
}
    
    /** Button **/
select.control {
    background: var(--light-dark);
    border: 1px solid transparent;
    color: #d9d9d9;
}
    
select.control:focus-visible{
    border: 1px solid var(--red);
}
    
    ::selection {
        background: var(--red);
        color: #fff;
    }
    
    /** Placehorder text **/
    
::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::placeholder {
  color: #fff;
}
    
    /* Change Autocomplete styles in Chrome*/
    
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px var(--red) inset;
  transition: background-color 5000s ease-in-out 0s;
}
    
/** cloudflare **/
.font-red {
    color:var(--red);
}
    
    div#challenge-body-text {
        color:#888;
    }
    
    h2#challenge-running {
        color:#888;
    }
    
.footer-inner {
    border-top: 1px solid transparent;
    padding-top: 1rem;
    padding-bottom: 1rem;
        color:#888;
    width: 100%;
    display: none;
} 
    
    .main-wrapper {
        background: #0d0d0d;
    }
    
    .footer {
        background: #0d0d0d !important;
        display: none;
    }
    
    
.heading-icon {
    margin-right: 10px;
}
    
    span#challenge-error-text {
        color: #888;
    }
    
/** ui **/
    html.theme-black #thumbnail-container, html.theme-black .container {
        background-color: transparent;
    }
    
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #fff;
    }
    
    .gallery-favorite img:hover, .gallery img:hover, .thumb-container img:hover {
    opacity: 70%;
    transition: 0.2s;
    color: var(--red);
    }
    
    #bigcontainer #cover img:hover, #bigcontainer #info-block img:hover, .thumbnail a>img:hover, .thumbnail>img:hover, img.lazy.entered.loaded:hover {
    opacity: 50%;
    transition: 0.2s;
    }
    
    html.theme-black .caption:hover {
        color: #fff;
        background: #151414;
            transition: 0.2s;
    }

html.theme-black.bare, html.theme-black.bare body {
    background-color: #151414;
}
    
    nav .menu li img {
        border-radius: 5px;
    }
    
    .avatar {
        border-radius: 5px;
    }

#user-container {
    overflow: auto;
    background: #101010;
}
    
    #settings-container {
    background: #101010; 
    }
    
    .container.left.padded {
    background: #101010; 
    }

.comment {
    background: #101010;
}
    
html.theme-black nav {
    background-color: transparent;
}
    
html.theme-black #favorites-search input, html.theme-black input:not([type=file]):not([type=checkbox]), html.theme-black textarea, .top_favs .sq_fav_input {
    background: var(--light-dark);
    color: #d9d9d9;
}
    
    html.bare .lead {
    color: #d9d9d9;
    }
    
html.theme-black #favorites-search input:hover, html.theme-black input:not([type=file]):not([type=checkbox]):hover, html.theme-black textarea:hover {
    background: var(--dark-dark);
    transition: 0.2s;
}
    
select {
    background: #383838;
    color: #fff;
    border: 2px solid transparent;
}
    
nav #hamburger {
    background: var(--light-dark);
}
    
html.theme-black .modal-inner {
    background-color: #0d0d0d;
    border: 1px solid var(--light-dark);
    box-shadow: 1px 1px 10px var(--light-dark);
}
    
html.theme-black .modal-inner .buttons {
    background-color: #101010;
}
    
#info #gallery_id .hash {
    color: #fff;
}
    
#info #gallery_id .hash:hover {
        color: var(--red);
        transition: 0.2s;
}
    
    #info #gallery_id:hover {
        color: var(--red);
            transition: 0.2s;
    }
    
#info .field-name {
    font-weight: 700;
    color: #fff;
}
    
    #info-container a:hover {
        color: #fff;
            transition: 0.2s;
    }
    
html.theme-black #thumbnail-container .lazyload, html.theme-black .lazyload {
    background-color: #0d0d0d;
    }
    
    .lazyload {
        background: #0d0d0d;
    }
    
html.theme-black.reader #image-container img {
    background-color: #0d0d0d;
}
    
    #info .buttons {
        text-align: center;
    }
    
html.theme-black #thumbnail-container.clip-height .thumbs:after {
    box-shadow: 0 0 40px 80px var(--main-dark);
}

    html.theme-black a:hover {
        color: var(--white);
            transition: 0.2s;
    }
    
    .comment .header time:hover {
        color: var(--white);
            transition: 0.2s;
    }
    
html.theme-black .alphabetical-pagination a.current, html.theme-black .alphabetical-pagination span.current, html.theme-black .sort a.current {
        background: rgba(237, 37, 83, .5);
        color: #fff;
    }
    
html.theme-black .alphabetical-pagination a.current, html.theme-black .alphabetical-pagination span.current, html.theme-black .sort a.current:hover {
background: var(--red);
    transition: 0.2s;
    }
    
    span.tags {
        margin-left: 5px;
    }

    time.nobold {
        color: #d9d9d9;
    }
    
    .tag-container .name {
        font-weight: 500;
    }
    
html.theme-black nav a:hover {
    background-color: var(--light-dark);
}
    
    #thumbnail-container.clip-height .thumbs, #show-all-images-container, div#thumbnail-container {
    display: none;
    }
    
#bigcontainer {
    margin-bottom: 25px;
    padding: 0 20px;
}
    
html.theme-black .pagination .first.current, html.theme-black .pagination .last.current, html.theme-black .pagination .next.current, html.theme-black .pagination .page.current, html.theme-black .pagination .previous.current {
    background-color: rgba(237, 37, 83, .5);
    }
    
 html.theme-black .pagination .page.current:hover, html.theme-black .pagination .previous.current:hover {
    background-color: var(--red);
    transition: 0.2s;
    }
    
html.theme-black .pagination .first:hover, html.theme-black .pagination .last:hover, html.theme-black .pagination .next:hover, html.theme-black .pagination .page:hover, html.theme-black .pagination .previous:hover {
    background-color: #1f1f1f;
    transition: 0.2s;
    }
    
    html.theme-black #info .title .after, html.theme-black #info .title .before {
        display: none;
    }
    
html.theme-black .sort-type {
    background-color: #1f1f1f;
}
    
html.theme-black .alphabetical-pagination a:hover, html.theme-black .alphabetical-pagination span:hover, html.theme-black .sort a:hover {
    background: var(--dark-dark);
    transition: 0.2s;
    }
    
#bigcontainer #cover img, #bigcontainer #info-block img {
    margin-top: 30px;
}
    
html.theme-black .tag-autocomplete .autocomplete-wrapper .dropdown {
    background-color: #1e1e1e;
}
    
h2.title, #info h2 {
        color: #d9d9d9;
    }

body {
    background-color: var(--main-dark);
}

.panel-register {
    background-color: var(--second-dark);
}

#footer, #bar, div#append_thumbs, .gallery_second, ul.langs, .container .custom_search .middle .cats li:nth-child(6), .container .custom_search .middle .cats li:nth-child(5), .container .custom_search .middle .cats li:nth-child(4){
 ...