webtoon.xyz by baguetteweeb

/* ==UserStyle==
@name         webtoon.xyz
@version      20240730.23.44
@namespace    https://userstyles.world/user/baguetteweeb
@description  dark pure ui theme
@author       baguetteweeb
@license      No License
==/UserStyle== */

@-moz-document domain("webtoon.xyz") {
html, body {
    background-color: #111;
}

ul.nav-tabs li[class=""] a {
    color: #fff !important;
    background-color: #222 !important;
}

h3 a, td, .post-on {
    color: #fff !important;
}

table:not(#wp-calendar):not(.shop_table)>tbody>tr:hover {
    background-color: #333;
}

.settings-page table.list-bookmark>thead>tr>th {
    color: #fff;
    background-color: #444;
}

table:not(#wp-calendar):not(.shop_table)>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #444;
}

p, h1, h2, h3, h4, h5, h5 a, .h1, .h2, .h3, .h4, .h5, .wp-manga-chapter, .wp-manga-chapter a, .listing-chapters_wrap .wp-manga-chapter.reading:before, body.manga-page .content-readmore, body.manga-page .chapter-readmore, ul.list-unstyled li a, .breadcrumb, .c-breadcrumb .breadcrumb li a {
    color: #fff;
}

.wp-manga-chapter a:visited {
    color: #976bd9;
}

i.icon.ion-md-swap {
    filter: invert(1);
}

.page-content-listing.single-page li.wp-manga-chapter.unread a {
    color: #976bd9;
}

/* ------- sticky nav bar smaller */

.site-header .c-sub-header-nav {
    background-color: #000;
}

@media (orientation: portrait) {
    .site-header .c-sub-header-nav.sticky{
        height: 50px;
    }

    .site-header .c-sub-header-nav.sticky .container {
        display: flex;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap {
        width: 65%;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap .c-modal_item {
        text-align: center;
        width: 40%;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap .sub-nav_content {
        width: 60%;
    }

    .site-header .c-sub-header-nav.sticky .entry-header .wp-manga-nav .select-view {
        padding: 4px 0;
    }
}

@media (orientation: landscape) {
    .site-header .c-sub-header-nav.sticky{
        height: 50px;
    }

    .site-header .c-sub-header-nav.sticky .container {
        display: flex;
        justify-content: space-between;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap {
        width: 45%;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap .c-modal_item {
        text-align: left;
        width: 45%;
    }

    .site-header .c-sub-header-nav.sticky .c-sub-nav_wrap .sub-nav_content {
        width: 50%;
    }

    .site-header .c-sub-header-nav.sticky .entry-header {
        width: 36%;
    }

    .site-header .c-sub-header-nav.sticky .entry-header .wp-manga-nav .select-view {
        padding: 4px 0;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1920px;
    }
}
/* --------- fix manwha preview page */

.summary_content, .summary_content h5, .summary_content a {
    color: #ddd;
}

.summary_content, .summary_image {
    background-color: transparent !important;
}

.profile-manga {
    background-image: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 0.3),
    rgba(17, 17, 17, 1)
  ), url(https://www.webtoon.xyz/wp-content/themes/madara/images/bg-search.jpg) !important;
}

/* --------- fix popup */

.modal-title, .modal-body p {
    color: #000;
}

}