comicporn.xxx by xiggi

/* ==UserStyle==
@name         comicporn.xxx
@version      20241005.09.58
@namespace    ?
==/UserStyle== */

@-moz-document domain("comicporn.xxx") {
:root {
    --dark: #0d0d0d;
    --gray: rgb(21, 21, 21);
    --gray-button: rgb(31, 31, 31);
}

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

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

    /** Scrollbar **/
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }

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

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: rgb(51, 51, 51);
    }

#footer_bar, #bar, .blacklisted, .gallery_second .thumbs_section, .more_pgs, .gallery_second, .bblocktop, button#load_all, .thumb.blacklisted {
    display: none;
}

.fstElement, .fstResults, .profile_edit input[type=password], .profile_edit input[type=text], .profile_edit select, .profile_edit textarea {
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #dcdcdc;
    font-size: 1.1em;
    background-color: var(--gray-button);
    min-width: 386px;
    max-width: 386px;
}

.fstResultItem, .fstMultipleMode.fstActive .fstResults {
    border-top: 1px solid transparent;
}

.fstMultipleMode .fstQueryInputExpanded::placeholder, .profile_edit input[type=password]::placeholder, .profile_edit input[type=text]::placeholder {
    color: #dcdcdc;
}

.profile_edit .avt_div img {
    border: 1px solid transparent;
}

.alert {
    border-radius: 10px;
}

.alert-success {
    color: lightgreen;
    background-color: var(--gray-button);
    border-color: lightgreen;
}

.alert-danger {
    color: lightcoral;
    background-color: var(--gray-button);
    border-color: lightcoral;
}

.inner_thumb {
    background-color: #333;
}

.inner_thumb img:hover, .gallery_first .left_cover img:hover {
    opacity: 50%;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #dcdcdc;
}

.galleries_info .tags_text {
    border-bottom: none;
    color: #ffff;
    font-weight: 600;
}

.gallery_first .left_cover .views, .gallery_first .left_cover .posted {
    color: #fff;
    text-align: center;
}

.gallery_first, .thumbnail .cat_text, .thumb .g_text, .thumb .lang_pages, .gallery_first h1, .navbar, .panel-register {
    background-color: var(--gray);
}

.g_buttons .btn_colored, .g_buttons .likes .btn_dark, .container .more_latest a, .profile_block .user_profile_avatar .acc_settings, .tags_sorting .btn_dark, .tags_section .btn_az, .pagination>li>a, .pagination>li>span, .galleries_info .btn {
    background-color: var(--gray-button);
    color: #dcdcdc;
    border-color: transparent;
    border-radius: 5px;
}

textarea.form-control, .panel-register button, .panel-register input[type=text], .panel-register input[type=password], .panel-register input[type=email], .reader_buttons .btn, .gallery_view .return_btn {
    background-color: var(--gray-button);
    color: #dcdcdc;
    border-color: transparent;
}

.tags_sorting .btn_dark.active, .tags_sorting .btn_dark:active, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #fff;
    font-weight: 600;
    background-color: #d6225d;
    border-color: transparent;
}

.tags_sorting .btn_dark:hover, .tags_section .btn:hover, .g_buttons .likes .btn_dark:hover, .gallery_view .return_btn:hover {
    color: #fff;
    background-color: #d6225d;
    border-color: transparent;
}

.galleries_info .btn{
    box-shadow: none;
}

.preloader {
    text-indent: -9999px;
    background: url(../images/loader.png) center center no-repeat var(--gray);
}

.ribbon-green {
    background: var(--gray);
    color: #fff;
}

.ribbon {
    font-size: 11px;
}

.thumb .lang_pages .g_pages {
    color: #dcdcdc;
}

.container .latest_h1, .favo_text, .profile_top, .profile_edit h3, .container .latest_h2, .gallery_first h1, .gallery_fourth h2, .galleries h1.tag_title, .search_title, .tags_section h1, .gallery_view h1 {
    border-bottom: 3px solid transparent;
    color: #dcdcdc;
}

.profile_block .user_profile_avatar .acc_settings {
    background: #131313;
    border-top: 1px solid transparent;
}

.profile_block .user_profile_avatar {
    border: 1px solid transparent;
}

.thumb .g_text h2, .thumb .g_text, .thumb .g_text a {
    margin-bottom: 0;
}

.profile_block .user_profile_info h3, .profile_block .user_profile_info h4, .profile_block .user_profile_info p {
    color: #ccc;
}

.profile_block .user_profile_info h3 {
    font-weight: 600;
}

.profile_block .joined_h4:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23dcdcdc' d='M15 14c-2.67 0-8 1.33-8 4v2h16v-2c0-2.67-5.33-4-8-4m-9-4V7H4v3H1v2h3v3h2v-3h3v-2m6 2a4 4 0 0 0 4-4a4 4 0 0 0-4-4a4 4 0 0 0-4 4a4 4 0 0 0 4 4'/%3E%3C/svg%3E");
    margin-right: 10px;
}

.profile_edit p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    cursor: default;
    margin-bottom: 10px;
    margin-top: 10px;
}

.navbar {
    backdrop-filter: blur(5px);
    background: rgb(21 21 21 / 80%);
}

.gallery_first, .galleries_info, .g_buttons, .g_buttonst, .gallery_first .subtitle {
    padding: 20px;
}

.fstMultipleMode .fstQueryInput {
    color: #fff;
    font-family: Open Sans,sans-serif;
}

.navbar-inverse .navbar-nav>li:hover {
    background: transparent;
}

.navbar-form .input-group>.form-control, .navbar-form .input-group .input-group-btn button, .search_mobile input[type=text] {
    background: var(--gray-button);
    border: 1px solid transparent;
    color: #dcdcdc;
}

.panel-footer {
    padding-left: 20px;
    padding-right: 20px;
}

.thumb {
    box-shadow: rgb(0 0 0 / 30%) 5px 0px 10px 2px;
}

.profile_block .user_profile_avatar .acc_settings:hover {
    color: #fff;
    background-color: #dd2863;
    border-color: #d6225d;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.navbar-inverse .navbar-nav>li>a:hover {
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.thumb .g_text a {
    height: auto;
    min-height: auto;
    text-transform: capitalize;
}

.gallery_first h1 {
    color: #fff;
    font-size: 20px;
    padding: 5px 12px;
    margin: 0 0 12px;
    border-bottom: 3px solid transparent;
    border-radius: 6px 6px 0 0;
    letter-spacing: .5px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
}

.gallery_first .left_cover img {
    border-radius: 5px;
}

.galleries_info .btn:hover, .galleries_info .btn:focus, .galleries_info .btn:active {
    color: #fff;
    background-color: #dd2863;
    border-color: #d6225d;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.galleries_info .btn .item_name {
    text-transform: capitalize;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus {
    background: transparent;
    font-weight: 600;
}

.navbar-inverse .navbar-nav>.active>a:hover {
    color: #d6225d;
}

.profile_block .user_profile_avatar img {
    border-radius: 10px;
    margin-bottom: 10px;
}

.gallery_first .left_cover .posted, .gallery_first .left_cover .views {
    width: 100%;
}

.gallery_first .left_cover .posted_views {
    font-size: 13px;
}

.galleries_info .tags_text:before {
    content: "|";
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

.carbon--view-filled::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='4' fill='%23000'/%3E%3Cpath fill='%23000' d='M30.94 15.66A16.69 16.69 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68A16.69 16.69 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M16 22.5a6.5 6.5 0 1 1 6.5-6.5a6.51 6.51 0 0 1-6.5 6.5'/%3E%3C/svg%3E");
}

.gallery_first .left_cover .views:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='4' fill='white'/%3E%3Cpath fill='white' d='M30.94 15.66A16.69 16.69 0 0 0 16 5A16.69 16.69 0 0 0 1.06 15.66a1 1 0 0 0 0 .68A16.69 16.69 0 0 0 16 27a16.69 16.69 0 0 0 14.94-10.66a1 1 0 0 0 0-.68M16 22.5a6.5 6.5 0 1 1 6.5-6.5a6.51 6.51 0 0 1-6.5 6.5'/%3E%3C/svg%3E");
    color: #fff;
    margin-right: 5px;
    font-size: 15px;
}

.gallery_first .left_cover .posted:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E");
    color: #fff;
    margin-right: 5px;
    font-size: 15px;
}

.navbar-toggle {
    border: 1px solid var(--gray-button) !important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: var(--gray-button);
}

.favo_text:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23dcdcdc' d='M6 18.724C6 12.641 10.036 7 15.563 7c3.835 0 6.68 2.53 8.437 6.121C25.756 9.531 28.602 7 32.438 7C37.965 7 42 ...