WebcomicsApp Personal Style by Nobepico

/* ==UserStyle==
@name         WebcomicsApp Personal Style
@version      20241103.02.14
@namespace    https://userstyles.world/user/Nobepico
@description  Removes random popup ads, simplifies UI, and makes background a nice gray.
@author       Nobepico
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://webcomicsapp.com/view/"), url-prefix("https://www.webcomicsapp.com/view/") {
.icon-bonus, .modal-cookie, .mobile-none, .ad-right, .app-download {
    display: none;
}

.view-main .pager-read[data-v-6cb544df] {
    background: hsl(210 10% 5%);
    padding-top: 70px;
}

.read-header {
    background: hsl(210 10% 15%) !important;
}

.view-main .read-header .read-home[data-v-6cb544df] {
    left: 50px;
    width: 40px;
}

.view-main .read-header .j-back[data-v-6cb544df] {
    left: 100px;
    margin-top: 2px;
}

.view-main .read-header .j-back .iconListChapterIconfont[data-v-6cb544df] {
    font-size: 45px
}

.view-main .read-header .h-line[data-v-6cb544df] {
    display: none;
}

.view-main .read-header .read-share-box[data-v-6cb544df] {
    display: none;
}

.current-page .icon-up {
    display: none;
}

.view-main .pager-read .read-container[data-v-6cb544df] {
    background-color: transparent;
    text-align: -webkit-center;
}

.view-main .pager-read .read-container .read-box[data-v-6cb544df] {
    height: auto !important;
    width: 700px !important;
    line-height: normal !important;
    background-image: none;
}

.view-main .pager-read .read-container .read-box[data-v-6cb544df] .read-box-block {
    width: 100% !important;
    height: auto !important;
}

.view-main .pager-read .read-container .read-box[data-v-6cb544df]:before {
    display: none;
}

.view-main .pager-read .read-container .read-box[data-v-6cb544df] .read-box-block img {
    width: 700px !important;
    height: auto !important;
    max-width: none !important; 
    max-height: none !important;
}

@media (max-width: 992px) {
    .read-container {
        width: 700px !important;
        height: auto !important;
    }
}
}