:root {
--primary-color: #890101;
--highlight-color: #68e751;
--text-color: #333;
--text-meta-color: #8c8c8c;
--text-on-primary-color: #fff;
--text-on-highlight-color: #fff;
--link-color: #000000;
--link-hover-color: #545454;
--page-text-color: #333;
--page-text-meta-color: #8c8c8c;
--page-link-color: #000000;
--page-link-hover-color: #545454;
--link-header-color: #fff;
--link-header-hover-color: #fff;
--background-color: #f5f5f5;
--background-content-color: #fff;
--background-bookmarked-color: #f2f2f2;
--header-background-color: #fff;
--header-text-color: #333;
--header-link-color: #333;
--header-link-hover-color: #545454;
--border-color: #f5f5f5;
--border-color-dark: #e0e0e0;
--border-radius: 4px;
--button-bg-color: #333;
--button-text-color: #fff;
--button-hover-bg-color: #444;
--button-hover-text-color: #fff;
--button-secondary-bg-color: #f2f2f2;
--button-secondary-text-color: #000;
--button-secondary-hover-bg-color: #6d6d6d;
--button-secondary-hover-text-color: #fff;
--font-family: "Roboto", sans-serif;
--font-size: 15px;
--font-size-small: 13px;
--font-size-heading: 24px;
--font-size-widget-title: 18px;
--line-height: 1.5;
--margin: 0;
--padding: 0;
--gap: 10px;
--box-sizing: border-box;
--overflow-x: hidden;
--h4-font-size: 22px;
--h4-mobile-font-size: 16px;
}
.ui-helper-hidden-accessible {
display: none;
}
body {
color: var(--text-color);
background-color: var(--background-color);
font-family: var(--font-family);
font-size: var(--font-size);
line-height: var(--line-height);
margin: var(--margin);
padding: var(--padding);
box-sizing: var(--box-sizing);
overflow-x: var(--overflow-x);
}
.table {
color: var(--text-color);
}
.table-hover tbody tr:hover {
color: var(--text-color);
}
a {
color: var(--link-color);
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: var(--link-hover-color);
text-decoration: none;
}
.c-blog__heading h4 {
font-size: var(--h4-font-size);
font-weight: 600;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.c-blog__heading h4 {
font-size: var(--h4-mobile-font-size);
}
} .site-header {
background: var(--header-background-color);
border-bottom: 1px solid var(--border-color);
position: sticky;
top: 0;
z-index: 1000;
}
.header-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
}
.header-left {
display: flex;
align-items: center;
gap: 30px;
}
.header-right {
display: flex;
align-items: center;
gap: 20px;
}
.site-logo a {
display: flex;
align-items: center;
text-decoration: none;
}
.logo-img {
max-height: 80px;
width: auto;
}
.logo-text {
font-size: 24px;
font-weight: bold;
color: #333;
}
.main-menu.desktop-menu,
.secondary-menu.desktop-menu {
display: block;
}
.main-menu.mobile-menu {
display: none;
}
.mobile-secondary-menu {
display: none;
}
.mobile-header-top {
display: none;
}
.main-nav,
.secondary-nav {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 20px;
}
.main-nav li,
.secondary-nav li {
margin: 0;
}
.main-nav a,
.secondary-nav a {
text-decoration: none;
color: #333;
font-size: 18px;
padding: 15px 0;
display: block;
transition: color 0.3s;
text-transform: uppercase;
font-weight: 600;
}
.secondary-nav a {
text-transform: none;
}
.main-nav a:hover,
.secondary-nav a:hover {
color: var(--link-hover-color);
}
.secondary-nav a {
font-size: var(--font-size);
}
.main-nav .current_page_item a {
color: var(--primary-color);
}
.header-actions {
display: flex;
align-items: center;
gap: 15px;
}
.login-button {
padding: 8px 20px;
background: var(--button-secondary-bg-color);
color: var(--button-secondary-text-color);
text-decoration: none;
border-radius: 20px;
font-size: var(--font-size-small);
font-weight: 600;
}
.login-button:hover {
background: var(--button-secondary-hover-bg-color);
color: var(--button-secondary-hover-text-color);
}
.header-user-menu {
position: relative;
}
.header-user-menu__trigger {
display: inline-flex;
align-items: center;
max-width: 200px;
padding: 5px 15px;
background: var(--button-secondary-bg-color);
color: var(--button-secondary-text-color);
border-radius: 20px;
font-size: var(--font-size);
font-weight: 600;
cursor: default;
outline: none;
transition:
background 0.3s,
color 0.3s;
}
.header-user-menu:hover .header-user-menu__trigger,
.header-user-menu:focus-within .header-user-menu__trigger {
background: var(--button-secondary-hover-bg-color);
color: var(--button-secondary-hover-text-color);
}
.header-user-menu__name {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.header-user-menu__dropdown,
.header-search__panel {
display: none;
position: absolute;
right: 0;
top: 70%;
z-index: 200;
min-width: 200px;
margin: 10px 0 0;
padding: 8px 0;
list-style: none;
background: rgba(255, 255, 255, 0.9);
border: 1px solid var(--border-color);
border-radius: 8px;
}
.header-user-menu:hover .header-user-menu__dropdown,
.header-user-menu:focus-within .header-user-menu__dropdown,
.header-user-menu.is-open .header-user-menu__dropdown {
display: block;
}
.header-search.header-search--open .header-search__panel {
display: block;
}
.header-search {
position: relative;
}
.header-search__panel {
padding: 12px 16px 48px;
min-width: min(320px, calc(100vw - 40px));
}
.header-search__close {
position: absolute;
bottom: 8px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: none;
border-radius: 6px;
background: transparent;
color: #555;
cursor: pointer;
transition:
background 0.2s,
color 0.2s;
font-size: var(--font-size-small);
}
.header-search__close:hover,
.header-search__close:focus {
outline: none;
}
.header-search__form {
display: flex;
align-items: stretch;
gap: 0;
}
.header-search__input {
flex: 1;
min-width: 0;
padding: 8px 10px;
border: 1px solid #dcdcdc;
border-radius: 6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size: var(--font-size);
}
.header-search__input:focus-visible {
outline: none;
}
.header-search__submit {
flex-shrink: 0;
padding: 8px 14px;
border: 1px solid #d4d4d4;
border-left: none;
border-radius: 6px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #f3f3f3;
color: #222;
font-size: var(--font-size);
font-weight: 600;
cursor: pointer;
transition:
background 0.2s,
border-color 0.2s;
}
.header-search__submit:hover,
.header-search__submit:focus {
background: #eaeaea;
border-color: #c7c7c7;
outline: none;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.header-user-menu__dropdown a {
display: block;
padding: 10px 16px;
color: var(--text-color);
text-decoration: none;
font-size: var(--font-size);
font-weight: 500;
transition:
background 0.2s,
color 0.2s;
}
.header-user-menu__dropdown a:hover {
background: rgba(0, 0, 0, 0.05);
}
.header-user-menu__dropdown > li {
position: relative;
}
.header-user-menu__dropdown .sub-menu {
display: none;
position: absolute;
left: 100%;
top: 0;
min-width: 180px;
margin: 0;
padding: 8px 0;
list-style: none;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 8px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.header-user-menu__dropdown li:hover > .sub-menu,
.header-user-menu__dropdown li:focus-within > .sub-menu {
display: block;
}
.search-toggle {
background: none;
border: none;
cursor: pointer;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--header-text-color);
transition: color 0.3s;
}
.search-toggle:hover {
color: var(--header-text-color);
}
.burger-menu-toggle {
display: none;
} @media (min-width: 769px) {
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}
.admin-bar .site-header.scrolled .header-container {
padding-top: 46px;
}
} @media (max-width: 768px) {
.header-container {
position: relative;
}
.header-left,
.header-right {
display: none;
}
.mobile-header-top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
.mobile-logo .logo-img {
max-width: 50px;
height: auto;
}
.mobile-actions {
display: flex;
align-items: center;
gap: 15px;
}
.mobile-actions .header-actions {
gap: 0;
}
.mobile-actions .header-user-menu__trigger {
max-width: 110px;
padding: 5px 12px;
font-size: var(--font-size-small);
}
.mobile-actions .header-user-menu__dropdown {
right: -15px;
}
.mobile-actions .login-button {
padding: 6px 14px;
font-size: var(--font-size-small);
}
.main-menu.mobile-menu {
display: block;
}
.main-nav.mobile-nav {
flex-direction: row;
flex-wrap: wrap;
gap: 5px;
padding: 0;
justify-content: space-between;
}
.main-nav.mobile-nav li {
width: auto;
border-bottom: none;
}
.main-nav.mobile-nav a {
padding: 10px 0;
white-space: nowrap;
font-size: 15px;
}
.main-nav.mobile-nav .current-menu-item a {
border-bottom: 1px solid var(--text-color);
}
.burger-menu-toggle {
display: flex;
flex-direction: column;
gap: 4px;
background: none;
border: none;
cursor: pointer;
padding: 5px;
text-decoration: none;
}
.burger-menu-toggle span {
width: 25px;
height: 3px;
background: #333;
transition: all 0.3s;
}
.burger-menu-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(3px, 8px);
}
.burger-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.burger-menu-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(3px, -7px);
}
.mobile-secondary-menu.is-open {
display: block;
position: absolute;
top: 90px;
left: 0;
right: 0;
background: #fff;
border-bottom: 1px solid var(--border-color);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
z-index: 999;
}
.mobile-secondary-menu .secondary-nav {
flex-direction: column;
align-items: stretch;
gap: 0;
padding: 10px 20px;
}
.mobile-secondary-menu .secondary-nav li {
border-bottom: 1px solid var(--border-color);
}
.mobile-secondary-menu .secondary-nav li:last-child {
border-bottom: none;
}
.mobile-secondary-menu .secondary-nav a {
padding: 12px 0;
}
} .site-footer {
background: var(--background-color);
padding: 40px 0;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.footer-section {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-title {
font-size: 18px;
font-weight: 600;
margin: 0 0 20px 0;
color: #fff;
}
.social-accounts {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.footer-section .social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: var(--page-text-color);
text-decoration: none;
border-radius: 50%;
transition: all 0.3s;
}
.footer-section .social-link:hover {
transform: translateY(-2px);
text-decoration: none;
}
.footer-section .social-link i {
font-size: 24px;
line-height: 1;
}
.footer-section .footer-nav {
display: flex;
flex-direction: row;
align-items: center;
}
.footer-menu-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.footer-menu-list li {
margin: 0;
}
.footer-menu-list a {
color: var(--page-link-color);
text-decoration: none;
font-size: 14px;
transition: color 0.3s;
padding: 0 20px;
border-right: 1px solid var(--page-link-color);
}
.footer-menu-list a:hover {
color: var(--page-link-hover-color);
}
.footer-menu-list li:last-child a {
border-right: none;
}
.footer-logo {
display: flex;
align-items: center;
justify-content: center;
}
.footer-logo-link {
display: inline-block;
}
.footer-logo-img {
max-height: 40px;
width: auto;
}
.footer-bottom {
text-align: center;
}
.copyright {
margin: 0;
color: var(--page-text-color);
font-size: 0.9em;
} @media (max-width: 768px) {
.footer-content {
gap: 30px;
}
.footer-logo {
justify-content: center;
}
.footer-menu-list {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.social-accounts {
justify-content: center;
}
}
.webtoons .manga-archive-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: var(--gap);
padding: 20px 0;
}
.webtoons .main-content.col-md-9 .manga-archive-grid {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.webtoons .main-content .manga-archive-grid,
.webtoons .main-content.col-md-9 .manga-archive-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.webtoons .manga-archive-grid > * {
width: 100%;
min-width: 0;
}
.webtoons .manga-archive-grid {
gap: var(--gap);
}
.webtoons .manga-archive-grid .manga-item {
margin-bottom: 20px;
}
.webtoons .manga-archive-grid .manga-thumbnail {
position: relative;
width: 100%;
aspect-ratio: 3 / 4;
overflow: hidden;
}
.webtoons .manga-archive-grid .manga-thumbnail img {
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
border-radius: var(--border-radius);
}
.webtoons .manga-archive-grid .manga-thumbnail .manga-badge,
.shortcode-manga-listing .manga-item .manga-badge {
position: absolute;
top: 5px;
right: 5px;
background: #000;
color: var(--highlight-color);
padding: 5px 10px;
border-radius: var(--border-radius);
font-size: var(--font-size-small);
line-height: 1;
}
.webtoons .manga-archive-grid .manga-thumbnail .manga-badge-new,
.shortcode-manga-listing .manga-item .manga-badge-new {
background: #000;
color: var(--highlight-color);
padding: 3px 5px;
border-radius: var(--border-radius);
font-weight: 600;
}
.webtoons .manga-archive-grid .manga-title {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
margin-bottom: 5px;
font-size: var(--font-size);
}
.webtoons .manga-archive-grid .manga-title a {
color: var(--text-color);
}
.webtoons .manga-archive-grid .manga-meta,
.shortcode-manga-listing .manga-item .manga-meta,
.shortcode-post-slider .slider__item .manga-meta {
font-size: var(--font-size-small);
color: var(--text-meta-color);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.webtoons .manga-archive-grid .manga-meta .manga-meta-item,
.shortcode-manga-listing .manga-item .manga-meta .manga-meta-item,
.shortcode-post-slider .slider__item .manga-meta .manga-meta-item {
display: inline-block;
margin-right: 5px;
}
.webtoons .manga-archive-grid .manga-meta .manga-meta-item:last-child,
.shortcode-manga-listing .manga-item .manga-meta .manga-meta-item:last-child,
.shortcode-post-slider .slider__item .manga-meta .manga-meta-item:last-child {
text-align: center;
}
.webtoons .manga-archive-grid .manga-meta .manga-meta-item.bookmarked,
.shortcode-manga-listing .manga-item .manga-meta .manga-meta-item.bookmarked,
.shortcode-post-slider .slider__item .manga-meta .manga-meta-item.bookmarked {
color: var(--highlight-color);
}
.webtoons .manga-archive-pagination span.page-numbers,
.wp-manga-search-pagination span.page-numbers {
color: #ccc;
}
.webtoons .manga-archive-pagination span.page-numbers.current,
.wp-manga-search-pagination span.page-numbers.current {
background: var(--highlight-color);
color: var(--text-on-highlight-color);
border-radius: 15px;
padding: 5px 15px;
}
.webtoons .manga-archive-pagination .page-numbers,
.wp-manga-search-pagination .page-numbers {
color: var(--button-secondary-text-color);
padding: 5px 10px;
border-radius: var(--border-radius);
text-decoration: none;
transition: all 0.3s;
margin: 0;
}
.header-sidebar-wrapper {
padding-top: 24px;
}
.webtoons.webtoons-container.webtoons-archive-page {
padding: 20px 0;
}
.main-content-wrapper,
.bottom-sidebar-wrapper.full-width-sidebar {
background-color: var(--background-content-color);
}
.main-content-wrapper .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.main-content-wrapper .row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.main-content {
padding: 0 15px 20px 15px;
}
.webtoons-floating-banner {
position: fixed;
top: 50%;
transform: translateY(-50%);
z-index: 999;
}
.webtoons-floating-banner img {
display: block;
}
.webtoons-floating-banner-left {
right: calc(50% + 600px);
}
.webtoons-floating-banner-right {
left: calc(50% + 600px);
}
@media (max-width: 1199px) {
.webtoons-floating-banner {
display: none;
}
}
.main-sidebar {
padding: 0 15px;
}
.main-sidebar .widget-title {
font-size: var(--font-size-widget-title);
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #e0e0e0;
}
.bottom-sidebar-wrapper {
padding: 20px 0 0 0;
margin-top: 20px;
}
.footer-sidebar-wrapper {
padding: 30px 0;
border-bottom: 1px solid #333;
}
.footer-sidebar-wrapper .widget {
margin-bottom: 20px;
}
.footer-sidebar-wrapper .widget-title {
font-size: var(--font-size);
font-weight: 600;
margin-bottom: 15px;
color: #fff;
} @media (max-width: 768px) {
.main-content-wrapper .row {
flex-direction: column;
}
.main-content,
.main-sidebar {
width: 100%;
padding: 0 15px;
}
.main-sidebar {
margin-top: 30px;
}
.header-sidebar-wrapper,
.header-secondary-sidebar-wrapper,
.bottom-sidebar-wrapper,
.bottom-secondary-sidebar-wrapper {
grid-template-columns: 1fr;
padding: 16px;
gap: 16px;
}
} .header-sidebar-wrapper .widget,
.header-secondary-sidebar-wrapper .widget,
.bottom-sidebar-wrapper .widget,
.bottom-secondary-sidebar-wrapper .widget,
.main-sidebar .widget,
.footer-sidebar-wrapper .widget {
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
margin: 0 0 20px 0;
padding: 20px;
}
.main-sidebar .widget {
margin-bottom: 20px;
}
.main-sidebar .widget:last-child {
margin-bottom: 0;
}
.widget .widget-title,
.widget .wp-block-heading {
font-size: var(--font-size-widget-title);
font-weight: 600;
line-height: 1.3;
margin: 0 0 16px;
padding-bottom: 12px;
border-bottom: 2px solid #e8e8e8;
color: var(--text-color);
}
.widget.widget_block .wp-block-group {
margin: 0;
}
.widget.widget_block .wp-block-group__inner-container {
margin: 0;
}
.widget.widget_block .wp-block-group__inner-container > :last-child {
margin-bottom: 0;
} .widget.widget_search .wp-block-search,
.widget .wp-block-search {
margin: 0;
}
.widget .wp-block-search__label {
display: block;
font-size: var(--font-size-small);
font-weight: 600;
margin-bottom: 10px;
color: var(--text-meta-color);
}
.widget .wp-block-search__inside-wrapper {
display: flex;
align-items: stretch;
gap: 8px;
}
.widget .wp-block-search__input {
flex: 1;
min-width: 0;
width: 100%;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: var(--border-radius);
background: #fff;
color: var(--text-color);
transition: border-color 0.2s;
}
.widget .wp-block-search__input:focus {
border-color: var(--primary-color);
outline: none;
}
.widget .wp-block-search__button,
.widget .wp-element-button {
flex-shrink: 0;
padding: 10px 16px;
border: 1px solid var(--button-bg-color);
border-radius: var(--border-radius);
background: var(--button-bg-color);
color: var(--button-text-color);
font-size: var(--font-size);
font-weight: 600;
line-height: 1.2;
cursor: pointer;
transition:
background 0.3s,
color 0.3s,
border-color 0.3s;
}
.widget .wp-block-search__button:hover,
.widget .wp-element-button:hover {
background: var(--button-hover-bg-color);
color: var(--button-hover-text-color);
border-color: var(--button-hover-bg-color);
} .widget .wp-block-latest-posts__list,
.widget .wp-block-archives-list,
.widget .wp-block-categories-list,
.widget .wp-block-page-list,
.widget .wp-block-latest-comments {
list-style: none;
margin: 0;
padding: 0;
}
.widget .wp-block-latest-posts__list li,
.widget .wp-block-archives-list li,
.widget .wp-block-categories-list li,
.widget .wp-block-page-list li,
.widget .wp-block-latest-comments__comment {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid var(--border-color);
}
.widget .wp-block-latest-posts__list li:first-child,
.widget .wp-block-archives-list li:first-child,
.widget .wp-block-categories-list li:first-child,
.widget .wp-block-page-list li:first-child,
.widget .wp-block-latest-comments__comment:first-child {
padding-top: 0;
}
.widget .wp-block-latest-posts__list li:last-child,
.widget .wp-block-archives-list li:last-child,
.widget .wp-block-categories-list li:last-child,
.widget .wp-block-page-list li:last-child,
.widget .wp-block-latest-comments__comment:last-child {
padding-bottom: 0;
border-bottom: none;
}
.widget .wp-block-latest-posts__post-title,
.widget .wp-block-archives-list a,
.widget .wp-block-categories-list a,
.widget .wp-block-page-list a {
display: inline-block;
color: var(--link-color);
font-size: var(--font-size);
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: color 0.2s;
}
.widget .wp-block-latest-posts__post-title:hover,
.widget .wp-block-archives-list a:hover,
.widget .wp-block-categories-list a:hover,
.widget .wp-block-page-list a:hover {
color: var(--link-hover-color);
}
.widget .wp-block-categories-list .cat-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} .widget .wp-block-latest-comments__comment article {
margin: 0;
}
.widget .wp-block-latest-comments__comment-meta {
font-size: var(--font-size-small);
line-height: 1.5;
color: var(--text-meta-color);
}
.widget .wp-block-latest-comments__comment-author,
.widget .wp-block-latest-comments__comment-link {
color: var(--link-color);
font-weight: 600;
text-decoration: none;
transition: color 0.2s;
}
.widget .wp-block-latest-comments__comment-author:hover,
.widget .wp-block-latest-comments__comment-link:hover {
color: var(--link-hover-color);
} .widget .wp-block-calendar table {
width: 100%;
border-collapse: collapse;
}
.widget .wp-block-calendar th,
.widget .wp-block-calendar td {
padding: 6px;
text-align: center;
font-size: var(--font-size-small);
}
.widget .wp-block-calendar a {
color: var(--link-color);
font-weight: 600;
text-decoration: none;
}
.widget .wp-block-tag-cloud a,
.widget .tagcloud a {
display: inline-block;
margin: 0 6px 8px 0;
padding: 4px 10px;
border: 1px solid var(--border-color);
border-radius: 999px;
background: var(--background-color);
color: var(--link-color);
font-size: var(--font-size-small) !important;
line-height: 1.4;
text-decoration: none;
transition:
background 0.2s,
color 0.2s,
border-color 0.2s;
}
.widget .wp-block-tag-cloud a:hover,
.widget .tagcloud a:hover {
background: var(--button-secondary-bg-color);
border-color: #ddd;
color: var(--link-hover-color);
}
.widget .wp-block-paragraph,
.widget .textwidget p {
margin: 0 0 12px;
line-height: var(--line-height);
}
.widget .wp-block-paragraph:last-child,
.widget .textwidget p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.widget .wp-block-search__inside-wrapper {
flex-direction: column;
}
.widget .wp-block-search__button,
.widget .wp-element-button {
width: 100%;
}
} .shortcode-manga-listing .page-content-listing {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: var(--gap);
}
.shortcode-manga-listing .page-content-listing.items-per-row-5 {
grid-template-columns: repeat(5, 1fr);
}
.shortcode-manga-listing .page-content-listing.items-per-row-4 {
grid-template-columns: repeat(4, 1fr);
}
.shortcode-manga-listing .page-content-listing.items-per-row-3 {
grid-template-columns: repeat(3, 1fr);
}
.shortcode-manga-listing .page-content-listing.items-per-row-2 {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.shortcode-manga-listing .page-content-listing.items-per-row-6,
.shortcode-manga-listing .page-content-listing.items-per-row-5,
.shortcode-manga-listing .page-content-listing.items-per-row-4,
.shortcode-manga-listing .page-content-listing.items-per-row-3,
.shortcode-manga-listing .page-content-listing.items-per-row-2,
.shortcode-manga-listing .page-content-listing.items-per-row-0 {
grid-template-columns: repeat(3, 1fr);
}
}
.shortcode-manga-listing .page-content-listing > * {
width: 100%;
min-width: 0;
}
.shortcode-manga-listing .page-content-listing .manga-item {
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
.manga-item .manga-genre-list {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: var(--font-size-small);
}
.shortcode-manga-listing .page-content-listing .manga-item .manga-title {
display: block;
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
margin: 0 0 8px 0;
font-size: var(--font-size);
}
.shortcode-manga-listing .page-content-listing .manga-item .manga-title a {
color: var(--text-color);
text-decoration: none;
transition: color 0.3s;
}
.shortcode-manga-listing
.page-content-listing
.manga-item
.manga-title
a:hover {
color: var(--link-hover-color);
text-decoration: none;
}
.shortcode-manga-listing .page-content-listing .manga-item .manga-thumbnail {
position: relative;
width: 100%;
aspect-ratio: 3 / 4;
overflow: hidden;
object-fit: cover;
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.shortcode-manga-listing
.page-content-listing
.manga-item
.manga-thumbnail.size-square {
aspect-ratio: 1 / 1;
}
.shortcode-manga-listing
.page-content-listing
.manga-item
.manga-thumbnail
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.manga-bookmarked {
color: var(--highlight-color);
} .shortcode-post-slider.manga-slider {
margin: 20px 0;
}
.shortcode-post-slider.manga-slider {
position: relative;
width: 100%;
max-width: 100%;
}
.shortcode-post-slider.manga-slider .slider__container {
position: relative;
width: 100%;
max-width: 100%;
}
.shortcode-post-slider.manga-slider .slider__container.slick-initialized {
display: block;
} .shortcode-post-slider.manga-slider[data-count="1"]
.slider__container:not(.slick-initialized) {
display: block;
}
.shortcode-post-slider.manga-slider[data-count="2"]
.slider__container:not(.slick-initialized) {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--gap);
}
.shortcode-post-slider.manga-slider[data-count="3"]
.slider__container:not(.slick-initialized) {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap);
}
.shortcode-post-slider.manga-slider[data-count="4"]
.slider__container:not(.slick-initialized) {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--gap);
}
.shortcode-post-slider.manga-slider[data-count="5"]
.slider__container:not(.slick-initialized) {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: var(--gap);
}
.shortcode-post-slider.manga-slider[data-count="6"]
.slider__container:not(.slick-initialized) {
display: block;
grid-template-columns: repeat(6, 1fr);
gap: var(--gap);
}
.shortcode-post-slider.manga-slider .slider__container .slick-list {
width: calc(100% + 10px);
max-width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
overflow: hidden;
border-radius: var(--border-radius);
}
.shortcode-post-slider.manga-slider .slider__container .slick-track {
display: flex;
align-items: stretch;
}
.shortcode-post-slider.manga-slider .slick-slide {
max-width: 100%;
min-width: 0;
width: 100%;
flex-shrink: 0;
position: relative;
}
.shortcode-post-slider.manga-slider .slick-slide > div {
max-width: 100%;
min-width: 0;
width: 100%;
height: 100%;
}
.shortcode-post-slider.manga-slider .slider__item {
display: flex;
flex-direction: column;
padding: 0 5px;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.shortcode-post-slider.manga-slider .slider__thumb {
position: relative;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
min-width: 0;
}
.shortcode-post-slider.manga-slider .slider__thumb_item {
position: relative;
width: 100%;
max-width: 100%;
aspect-ratio: 2 / 1;
overflow: hidden;
border-radius: var(--border-radius);
border: 1px solid rgba(0, 0, 0, 0.1);
min-width: 0;
}
.shortcode-post-slider.manga-slider.thumb-ratio-vertical .slider__thumb_item {
aspect-ratio: 3 / 4;
}
.shortcode-post-slider.manga-slider .slider__thumb_item a {
display: block;
width: 100%;
max-width: 100%;
height: 100%;
position: relative;
text-decoration: none;
min-width: 0;
}
.shortcode-post-slider.manga-slider .slider__thumb_item img {
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
min-width: 0;
flex-shrink: 0;
}
.shortcode-post-slider.manga-slider .slider__thumb_item:hover img {
transform: scale(1.05);
}
.shortcode-post-slider.manga-slider .slider-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
to bottom,
transparent 0%,
rgba(0, 0, 0, 0.3) 100%
);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.shortcode-post-slider.manga-slider .slider__thumb_item:hover .slider-overlay {
opacity: 1;
}
.shortcode-post-slider.manga-slider .slider__content {
padding: 0;
}
.shortcode-post-slider.manga-slider .slider__content_item {
width: 100%;
}
.shortcode-post-slider.manga-slider .post-title {
margin: 0;
}
.shortcode-post-slider.manga-slider .post-title h4 {
margin: 0;
font-size: var(--font-size);
font-weight: 600;
line-height: 1.4;
}
.shortcode-post-slider.manga-slider .post-title a {
color: var(--text-color);
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.3s ease;
}
.shortcode-post-slider.manga-slider .post-title a:hover {
color: var(--link-hover-color);
text-decoration: none;
} .shortcode-post-slider.manga-slider .slick-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin: 20px 0 0 0;
padding: 0;
list-style: none;
}
.shortcode-post-slider.manga-slider .slick-dots li {
margin: 0;
padding: 0;
}
.shortcode-post-slider.manga-slider .slick-dots li button {
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 50%;
background: #ccc;
cursor: pointer;
font-size: 0;
line-height: 0;
transition: background 0.3s ease;
}
.shortcode-post-slider.manga-slider .slick-dots li.slick-active button {
background: var(--primary-color);
}
.shortcode-post-slider.manga-slider .slick-dots li button:hover {
background: var(--link-hover-color);
}
.manga-slider .slick-dots li button:before,
.manga-slider .slick-dots li.slick-active button:before {
content: "";
}
.manga-slider .slick-prev,
.manga-slider .slick-next {
z-index: 1;
width: 40px;
height: 40px;
}
.manga-slider .slick-prev:before,
.manga-slider .slick-next:before {
color: var(--text-color);
font-size: 40px;
opacity: 1;
}
.shortcode-post-slider.manga-slider .slider__content_item {
margin-top: 30px;
}
.manga-slider .ranking_text {
position: absolute;
bottom: -30px;
left: 5px;
font-size: 70px;
line-height: 1; -webkit-text-stroke: 5px var(--background-content-color);
paint-order: stroke fill;
}
.shortcode-post-slider.manga-slider .manga-genres {
color: var(--text-meta-color);
}
.shortcode-post-slider.manga-slider .slick-prev {
left: -30px;
}
.shortcode-post-slider.manga-slider .slick-prev:before {
content: "\f104";
font-family: "FontAwesome";
}
.shortcode-post-slider.manga-slider .slick-next {
right: -30px;
}
.shortcode-post-slider.manga-slider .slick-next:before {
content: "\f105";
font-family: "FontAwesome";
} @media (max-width: 768px) {
.shortcode-post-slider.manga-slider .slider__item {
padding: 0 5px;
}
.shortcode-post-slider.manga-slider .post-title h4 {
font-size: var(--font-size-small);
}
}
.tab-content-item .shortcode-post-slider.manga-slider {
margin: 0 0 20px 0;
}
@media (max-width: 768px) {
.shortcode-wp-manga-tabs .tabs-header .tab-header-item a {
height: 36px;
line-height: 36px;
padding: 0 10px;
}
}
.webtoon-single-wrapper {
position: relative;
background: var(--background-color);
}
.webtoon-single-header {
background: #fff;
height: 321px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.webtoon-single-wrapper .wp-manga.wp-manga-container {
position: relative;
z-index: 10;
padding-top: 0;
}
.webtoon-single-detail-header {
height: 240px;
position: relative;
text-align: center;
z-index: 20;
overflow: hidden;
padding: 0 20px;
}
.webtoon-single-characters {
left: 0;
position: absolute;
top: 0;
}
.webtoon-single-title {
display: inline-block;
margin-top: -10px;
max-width: 1196px;
position: relative;
vertical-align: middle;
}
.webtoon-single-title .manga-meta-item.genre {
font-size: 20px;
font-weight: 400;
line-height: 26px;
margin: 0;
color: #fff;
}
.webtoon-single-title .manga-meta-item.genre a,
.webtoon-single-title .manga-meta-item.author a {
color: var(--link-header-color);
}
.webtoon-single-title .manga-meta-item.genre a:hover {
color: var(--link-header-hover-color);
}
.webtoon-single-title .title {
clear: both;
color: #fff;
font-size: 50px;
font-weight: 400;
line-height: 1.2em;
margin: 0 auto 0;
width: 750px;
}
.webtoon-single-title .manga-meta-item.author {
color: var(--link-header-color);
font-size: var(--font-size);
font-weight: 400;
}
.webtoon-single-detail-header .valign {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.wp-manga-single-manga {
margin-bottom: 70px;
min-height: 839px;
position: relative;
z-index: 10;
}
@media (max-width: 768px) {
.wp-manga-single-manga {
margin-bottom: 0;
}
}
.wp-manga-single-manga .webtoon-single-content {
background: #fff;
}
.webtoon-chapters-section {
background: #fff;
border-right: 2px solid var(--border-color);
float: left;
padding: 31px 20px 66px 0;
position: relative;
width: 100%;
}
.webtoon-single-title .btn-author-info {
color: #fff;
}
.webtoon-single-detail-header .webtoon-single-social-share {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
position: absolute;
bottom: 10px;
right: 0;
}
.webtoon-single-social-share-item {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
text-align: center;
line-height: 40px;
font-size: 20px;
cursor: pointer;
transition: all 0.3s ease;
}
.webtoon-single-social-share-item a {
color: #000;
}
.webtoon-single-social-share-item:hover {
background: #000;
}
.webtoon-single-social-share-item:hover a {
color: #fff;
}
.webtoon-single-social-share-item.copy-link {
position: relative;
}
.webtoon-single-social-share-item.bookmark.is-bookmarked a {
color: var(--highlight-color);
}
.webtoon-single-social-share-item.bookmark.is-bookmarked:hover {
background: #fff;
}
.webtoon-single-social-share-item.bookmark.is-bookmarked:hover a {
color: var(--highlight-color);
}
.webtoon-copy-share-tooltip {
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
padding: 6px 10px;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
white-space: nowrap;
background: #000;
color: #fff;
border-radius: 4px;
pointer-events: none;
z-index: 100;
}
.reading-header-container .webtoon-copy-share-tooltip {
bottom: calc(100% - 70px);
}
.webtoon-single-sidebar {
height: 100%;
margin-left: -2px;
padding: 43px 30px 316px 0;
position: relative;
}
.webtoon-release-schedule-wrapper {
font-size: 19px;
font-weight: 500;
line-height: 25px;
padding: 4px 30px 16px 0;
position: relative;
text-transform: uppercase;
}
.webtoon-single-sidebar #init-links {
display: flex;
flex-direction: row;
margin: 42px 0 0 0;
gap: 20px;
}
.webtoon-single-sidebar #init-links .c-btn {
border-radius: 26px;
box-sizing: border-box;
display: block;
flex: 1 1 0;
min-width: 0;
font-size: var(--font-size);
font-weight: 500;
line-height: 46px;
padding: 0 15px 0 20px;
text-align: center;
background: #2f2f2f;
height: 46px;
position: relative;
color: #fff;
}
.webtoon-single-sidebar .webtoon-views-bookmarked-wrapper {
display: flex;
justify-content: flex-start;
margin-right: 40px;
padding: 14px 0 34px;
position: relative;
z-index: 100;
}
.webtoon-single-sidebar .webtoon-views-bookmarked-wrapper .manga-meta-item {
margin-left: 12px;
position: relative;
white-space: nowrap;
color: #000;
}
.webtoon-single-sidebar
.webtoon-views-bookmarked-wrapper
.manga-meta-item:first-child {
margin-left: 0;
}
.webtoon-single-sidebar .webtoon-views-bookmarked-wrapper .manga-meta-item i {
color: var(--highlight-color);
}
.manga-chapters-list .main.volumns {
padding: 0;
list-style: none;
}
.manga-chapters-list .main.volumns .sub-chap-list {
padding: 0;
list-style: none;
}
.wp-manga .manga-chapters-list {
display: block;
}
.wp-manga .manga-chapters-list .wp-manga-chapter {
border-bottom: 1px solid var(--border-color);
border-radius: 0;
padding-left: 0;
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.wp-manga .manga-chapters-list .wp-manga-chapter {
align-items: flex-start;
}
.manga-chapters-list .wp-manga-chapter .right-content {
padding: 10px 0;
}
}
.wp-manga .manga-chapters-list .wp-manga-chapter:hover {
background: #f5f5f5;
}
.wp-manga .manga-chapters-list .wp-manga-chapter:first-child {
border-top: 1px solid var(--border-color);
}
.wp-manga .manga-chapters-list .wp-manga-chapter .chapter-link {
display: inline-block;
padding: 10px 0;
text-decoration: none;
color: #000;
}
.wp-manga .manga-chapters-list .wp-manga-chapter .chapter-link:hover {
color: #000;
}
.wp-manga .manga-chapters-list .wp-manga-chapter.bookmarked {
background: var(--background-bookmarked-color);
padding: 0 10px;
}
.wp-manga .manga-chapters-list .wp-manga-chapter.has-thumb.bookmarked {
padding: 0 10px 0 0;
}
.wp-manga .manga-chapters-list .vol-name {
display: block;
padding: 10px;
text-decoration: none;
color: #000;
background: #f2f2f2;
margin: 10px 0;
}
.wp-manga .manga-chapters-list .vol-name:hover {
color: #000;
}
.wp-manga .manga-chapters-list .parent.has-child {
position: relative;
list-style: none;
}
.wp-manga .manga-chapters-list .parent.has-child .ion-md-add {
position: absolute;
right: 10px;
top: 10px;
}
.wp-manga .manga-chapters-list .wp-manga-chapter .right-content .item {
display: inline-block;
margin-left: 10px;
color: var(--text-meta-color);
}
.wp-manga .webtoon-views-bookmarked-wrapper .manga-meta-item {
font-size: var(--font-size);
}
.wp-manga
.manga-chapters-list
.wp-manga-chapter
.right-content
.item.chapter-release-date
i {
font-style: normal;
}
.wp-manga .manga-chapters-list .main.version-chap.no-volumn,
.wp-manga .manga-chapters-list .sub-chap-list {
padding: 0;
}
.webtoon-single-before-chapters {
padding: 10px 0 20px 0;
}
.manga-related-section .manga-section-title {
font-weight: bold;
margin-bottom: 10px;
}
.manga-related-section .manga-archive-grid {
padding-top: 0;
gap: 0;
}
.manga-related-section .manga-thumbnail {
position: relative;
width: 100%;
aspect-ratio: 3 / 4;
overflow: hidden;
object-fit: cover;
margin-bottom: 10px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.manga-related-section .manga-thumbnail.size-square {
aspect-ratio: 1 / 1;
}
.manga-related-section .manga-thumbnail img {
max-width: 100%;
height: auto;
}
.manga-related-section .manga-archive-grid {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.manga-related-section .manga-section-title {
padding: 0 15px;
}
.manga-related-section .manga-archive-grid {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
}
.wp-manga .manga-related-section .manga-archive-grid .manga-item {
display: flex;
flex-direction: row;
}
.wp-manga
.manga-related-section
.manga-archive-grid
.manga-item
.manga-thumbnail-wrapper {
width: 100px;
height: 100px;
overflow: hidden;
object-fit: cover;
}
.wp-manga
.manga-related-section
.manga-archive-grid
.manga-item
.manga-content-wrapper {
flex: 1;
align-self: stretch;
padding: 20px;
background: #fff;
box-sizing: border-box;
}
.wp-manga .wp-manga-single-manga .manga-related-section {
margin-bottom: 20px;
}
#manga-discussion .c-blog__heading h4 {
font-size: 20px;
font-weight: 600;
line-height: 1.2;
margin: 0;
color: #000;
}
.wp-manga-single-manga .comment-respond .comment-form,
.wp-manga-single-manga .comment-respond {
margin-top: 20px;
}
.wp-manga-single-manga .comment-respond .comment-form input[type="submit"] {
border-radius: 26px;
}
.site-footer {
background-color: var(--background-color);
}
.footer-section.footer-sidebar {
background-color: var(--background-content-color);
color: var(--text-color);
border-bottom: 1px solid var(--border-color);
border-top: 1px solid var(--border-color);
}
#comments.comment-list {
list-style: none;
margin: 0;
padding: 0;
}
.manga-discussion.wrapper {
padding: 20px;
background: #fff;
border: 1px solid var(--border-color);
}
#comments.comment-list > li {
padding: 20px 0;
border-bottom: 1px solid var(--border-color);
}
#comments.comment-list .reply {
display: inline-block;
border: 1px solid var(--border-color);
border-radius: 4px;
padding: 2px 10px;
text-decoration: none;
}
#comments.comment-list .webtoons-comment__metadata.comment-metadata {
margin-bottom: 10px;
}
#comments.comment-list .reply a,
#comments.comment-list .webtoons-comment__metadata.comment-metadata a {
color: var(--text-meta-color);
font-size: 0.8em;
}
#comments.comment-list .webtoons-comment.comment-body {
display: flex;
flex-direction: row;
gap: 20px;
}
#comments.comment-list .webtoons-comment__author.comment-author.vcard {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
}
#comments.comment-list .webtoons-comment__author.comment-author.vcard a {
color: var(--text-color);
text-decoration: none;
font-weight: normal;
}
.wp-manga-single-manga .logged-in-as a {
color: var(--text-color);
text-decoration: none;
font-weight: normal;
}
.comment-navigation {
padding: 20px 0;
}
.comment-navigation a {
color: var(--text-color);
text-decoration: none;
font-weight: normal;
}
.wp-manga-single-manga .comment-respond.reply-mode {
box-shadow: none;
border: none;
}
#comments.comment-list .children {
list-style: none;
padding: 20px 0 0 40px;
border-top: 1px solid var(--border-color);
margin-top: 20px;
}
#comments.comment-list .children li {
border-bottom: 1px solid var(--border-color);
}
#comments.comment-list .children > li:last-child {
border-bottom: none;
}
.site-header.reading-header {
background-color: #333;
color: #fff;
padding: 5px 10px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
border: none;
height: 50px;
transition: opacity 0.6s ease;
}
.admin-bar .site-header.reading-header {
top: 32px;
}
.site-header.reading-header .logo-text {
font-size: inherit;
color: #fff;
}
.site-header.reading-header .site-logo .logo-img {
max-height: 40px;
width: auto;
}
.site-header.reading-header .reading-header-container {
position: relative;
}
.site-header.reading-header .reading-header-container .header-left {
position: absolute;
left: 0;
top: 0;
gap: 15px;
width: 44%;
}
.site-header.reading-header .reading-header-container .header-right {
position: absolute;
right: 0;
top: 0;
}
.site-header.reading-header .reading-header-container .header-center {
text-align: center;
}
.site-header.reading-header .webtoon-single-social-share-item {
background: #000;
}
.site-header.reading-header .webtoon-single-social-share-item a {
color: #fff;
}
.site-header.reading-header .reading-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.site-header.reading-header .reading-navigation .nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.site-header.reading-header .reading-navigation .nav-links .btn {
color: #fff;
background: #000;
padding: 5px;
border-radius: 5px;
}
.site-header.reading-header .reading-navigation .nav-links .current-chapter {
font-size: 16px;
font-weight: 600;
color: #fff;
padding: 5px 10px;
cursor: pointer;
}
.site-header.reading-header .series-title,
.site-header.reading-header .episode-title {
font-size: 18px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 50%;
}
.site-header.reading-header .episode-title {
max-width: 30%;
}
.site-header.reading-header .series-title a {
color: #fff;
}
.wp-manga-single-manga #webtoon-reading-toolbar {
position: fixed;
top: 55px;
left: 50%;
transform: translateX(-50%);
padding: 20px;
background: #333;
display: none;
}
.admin-bar .wp-manga-single-manga #webtoon-reading-toolbar {
top: 87px;
}
.wp-manga-single-manga #webtoon-reading-toolbar.show {
display: block;
}
.wp-manga-single-manga #webtoon-reading-toolbar .webtoon-reading-toolbar-close {
color: #fff;
display: inline-block;
position: absolute;
width: 100px;
height: 25px;
bottom: -25px;
background: #333;
text-align: center;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
transition: opacity 0.6s ease;
}
.wp-manga-single-manga
#webtoon-reading-toolbar
.webtoon-reading-toolbar-close
i {
font-size: 20px;
}
.wp-manga-single-manga .wp-manga-nav {
gap: 15px;
}
.wp-manga-single-manga .c-breadcrumb-wrapper {
justify-content: center;
}
.wp-manga-single-manga #webtoon-reading-toolbar .c-breadcrumb,
.wp-manga-single-manga #webtoon-reading-toolbar .select-pagination {
display: none;
}
#webtoon-reading-gotop {
position: fixed;
bottom: 10px;
right: 10px;
background: #000;
padding: 5px;
border-radius: 5px;
z-index: 1000;
width: 40px;
text-align: center;
display: none;
transition: opacity 0.6s ease;
}
#webtoon-reading-gotop a {
color: #fff;
&:hover {
color: #fff;
}
}
#webtoon-reading-gotop.show {
display: inline-block;
transition: opacity 0.6s ease;
}
.wp-manga-single-manga .reading-content {
padding-top: 50px;
}
.site-header.reading-header.hidden {
opacity: 0;
transition: opacity 0.6s ease;
}
.wp-manga-single-manga .wp-manga-tags h5 {
display: none;
}
.wp-manga-single-manga .wp-manga-tags-list a {
border: none;
padding: 0;
}
.wp-manga-single-manga .wp-manga-tags-list a:before {
content: "#";
}
.wp-manga-single-manga .wp-manga-tags-list a:hover {
background: none;
color: inherit;
}
.wp-manga .manga-chapters-list .wp-manga-chapter {
position: relative;
}
.wp-manga .manga-chapters-list .wp-manga-chapter .chapter-bookmark {
position: absolute;
top: 0;
left: 0;
}
.wp-manga
.manga-chapters-list
.wp-manga-chapter
.chapter-bookmark
.chapter-bookmark-content {
content: "\f02e";
font-family: "Font Awesome 7 Free";
font-weight: 900;
font-size: 16px;
color: #fff;
background: #000;
padding: 5px;
border-radius: 5px;
}
#webtoon-author-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 740px;
height: auto;
background: #fff;
z-index: 10000;
border-radius: 10px;
padding: 40px !important;
}
#webtoon-author-modal .modal-dialog {
max-width: 700px;
margin: 0 auto;
}
#webtoon-author-modal .modal-content {
border: none;
}
#webtoon-author-modal .modal-header {
border: none;
padding: 4px;
}
#webtoon-author-modal .modal-header .close {
padding: 0;
margin: -2rem -2rem 0rem auto;
}
#webtoon-author-modal .modal-header .close span {
font-size: 40px;
font-weight: 100;
}
#webtoon-author-modal .modal-content p {
margin-bottom: 5px;
}
#webtoon-author-modal .modal-content .author-social-links {
display: flex;
justify-content: left;
align-items: center;
gap: 5px;
margin-bottom: 10px;
}
#webtoon-author-modal .modal-content .author-social-links a {
color: inherit;
}
#webtoon-author-modal .modal-content .author-social-links i {
font-size: 20px;
}
#webtoon-author-modal .modal-content h3 {
font-size: 1.25rem;
}
#webtoon-author-modal .modal-content div {
margin-bottom: 10px;
}
#webtoon-author-modal .modal-content div h5 {
margin-bottom: 0;
}
#webtoon-author-modal .author-description {
margin-bottom: 30px;
}
#webtoon-author-modal .other-works-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
#webtoon-author-modal .modal-content div.other-work-item {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
margin: 0;
}
#webtoon-author-modal .other-work-item img {
max-width: 100%;
height: auto;
display: block;
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
}
.settings-page .history .history-content {
min-height: auto;
margin-bottom: 5px;
}
.settings-page .history-content a {
color: var(--link-color);
}
.settings-page .history-content a:hover {
color: var(--link-hover-color);
}
.settings-page .reader-settings form {
max-width: 100%;
} @media (max-width: 767px) {
.settings-page .nav-tabs-wrap {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
margin-left: -12px;
margin-right: -12px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 4px;
margin-bottom: 10px;
}
.settings-page .nav-tabs-wrap::-webkit-scrollbar {
height: 4px;
}
.settings-page .nav-tabs-wrap::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.settings-page .nav-tabs-wrap .nav.nav-tabs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 8px;
width: max-content;
margin: 0;
padding: 0;
border: 0;
float: none;
}
.settings-page .nav-tabs-wrap .nav.nav-tabs > li {
float: none;
flex: 0 0 auto;
margin: 0;
white-space: nowrap;
}
.settings-page .nav-tabs-wrap .nav.nav-tabs > li > a {
white-space: nowrap;
}
} .items-listing .blog-loop-item {
display: flex;
align-items: flex-start;
gap: 24px;
padding: 0 0 24px;
margin: 0 0 24px;
border-bottom: 1px solid #e7ebf0;
}
.items-listing .blog-loop-media {
flex: 0 0 270px;
max-width: 270px;
}
.items-listing .blog-loop-thumbnail {
width: 100%;
aspect-ratio: 16 / 10;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #f4f6f8;
text-decoration: none;
}
.items-listing .blog-loop-placeholder-text {
display: inline-block;
padding: 0 16px;
color: #6b7280;
font-size: 14px;
font-weight: 600;
text-align: center;
}
.items-listing .blog-loop-content {
flex: 1 1 auto;
min-width: 0;
}
.items-listing .blog-loop-header {
margin-top: 0;
}
.items-listing .blog-loop-title {
font-size: 1.8rem;
line-height: 1.3;
margin: 0;
}
.items-listing .blog-loop-title a {
color: #131722;
text-decoration: none;
}
.items-listing .blog-loop-title a:hover {
color: var(--link-hover-color);
}
.items-listing .blog-loop-meta {
margin-top: 8px;
color: #697386;
font-size: 13px;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.items-listing .blog-loop-meta .blog-loop-author {
position: relative;
padding-left: 10px;
}
.items-listing .blog-loop-meta .blog-loop-author::before {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: #b8c0cc;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.items-listing .blog-loop-excerpt {
margin-top: 12px;
margin-bottom: 0;
color: #4b5563;
line-height: 1.72;
}
.items-listing .blog-loop-excerpt p:last-child {
margin-bottom: 0;
}
.items-listing .blog-loop-readmore {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 14px;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
color: #111827;
text-decoration: none;
}
.items-listing .blog-loop-readmore:hover {
color: var(--link-hover-color);
}
@media (max-width: 991px) {
.items-listing .blog-loop-item {
gap: 18px;
}
.items-listing .blog-loop-media {
flex-basis: 220px;
max-width: 220px;
}
.items-listing .blog-loop-title {
font-size: 1.45rem;
}
}
@media (max-width: 767px) {
.items-listing .blog-loop-item {
display: block;
padding-bottom: 18px;
margin-bottom: 20px;
}
.items-listing .blog-loop-media {
max-width: 100%;
margin-bottom: 12px;
}
.items-listing .blog-loop-header {
margin-top: 0;
}
.items-listing .blog-loop-title {
font-size: 1.25rem;
}
.items-listing .blog-loop-meta {
font-size: 12px;
gap: 7px;
}
.items-listing .blog-loop-excerpt {
margin-top: 9px;
line-height: 1.65;
}
.items-listing .blog-loop-readmore {
margin-top: 10px;
font-size: 13px;
}
}
.manga-related-section .manga-section-title {
font-weight: normal;
margin-bottom: 20px;
}
.wp-manga .manga-related-section .manga-archive-grid .manga-title {
font-size: 1.25rem;
margin: 0;
}
.wp-manga
.manga-related-section
.manga-archive-grid
.manga-item
.manga-content-wrapper {
padding: 15px;
}
.manga-meta-item.views .fa.fa-eye {
color: var(--highlight-color);
}
.search-wrap
.tab-content-wrap
.c-tabs-item
.c-tabs-item__content
.tab-summary
.post-title
a:hover,
.c-search-header__wrapper .search-content .btn-search-adv,
.c-btn.c-btn_style-2,
.main-nav a:hover,
.secondary-nav a:hover {
color: var(--primary-color);
}
.c-search-header__wrapper .search-content .btn-search-adv,
.c-search-header__wrapper .search-content .btn-search-adv:hover,
.c-btn.c-btn_style-2,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a:hover,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a:focus,
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a,
.c-nav-tabs.archive-filter ul.c-tabs-content li.active a,
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li a:hover,
.c-nav-tabs.archive-filter ul.c-tabs-content li a:hover,
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:hover,
.c-nav-tabs.archive-filter ul.c-tabs-content li.active a:hover {
border-color: var(--primary-color);
}
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li a:hover,
.c-nav-tabs.archive-filter ul.c-tabs-content li a:hover {
color: var(--primary-color);
}
.search-wrap
.tab-content-wrap
.c-tabs-item
.c-tabs-item__content
.tab-meta
.latest-chap
.chapter:hover,
.c-search-header__wrapper .search-content .search-form .search-submit,
.c-search-header__wrapper .search-content .btn-search-adv:hover,
.c-search-header__wrapper .search-content .search-form .search-submit:hover,
.c-btn.c-btn_style-1,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a:hover,
.settings-page .nav-tabs-wrap .nav.nav-tabs > li.active > a:focus,
.settings-page .reader-settings #reading-input-submit,
.settings-page .reader-settings #reading-input-submit:hover,
.settings-page .reader-settings #reading-input-submit:focus,
.header-search__submit,
.header-search__submit:hover,
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a,
.c-nav-tabs.archive-filter ul.c-tabs-content li.active a,
.search-wrap .tab-wrap .c-nav-tabs ul.c-tabs-content li.active a:hover,
.c-nav-tabs.archive-filter ul.c-tabs-content li.active a:hover {
background-color: var(--primary-color);
color: var(--text-on-primary-color);
}
.settings-page .reader-settings #reading-input-submit {
font-size: var(--font-size);
padding: 6px 14px;
}
#muupro_form .row {
margin-bottom: 10px;
}
#muupro_form #chapter-image-files img {
max-width: 100%;
height: auto;
}
#muupro_form ul#chapter-image-files .chapter-item {
height: auto;
}
#muupro_form ul#chapter-image-files .chapter-item .adding {
height: 250px;
}
.settings-page .mange-name .post-title h3 {
font-size: var(--font-size);
}
.list-bookmark .btn-link {
color: var(--link-color);
font-size: var(--font-size-small);
}
.list-bookmark .btn-link:hover {
color: var(--link-hover-color);
text-decoration: none;
}
.settings-page .list-bookmark .mange-name .chapter,
.settings-page .list-bookmark .mange-name .list-chapter .post-on {
font-size: var(--font-size-small);
}
.settings-page #delete-bookmark-manga {
font-size: var(--font-size-small);
padding: 6px 14px;
line-height: 1.3;
transition: all 0.2s ease;
border: 1px solid #dcdcdc;
border-radius: 6px;
background: #f7f7f7;
color: #333;
}
.archives-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.75rem 1rem;
margin-top: 0.75rem;
}
.archives-header .series-count {
flex: 0 0 auto;
font-size: var(--font-size-small);
font-weight: 500;
color: var(--text-meta-color);
white-space: nowrap;
}
.archives-header .archive-filter {
flex: 1 1 auto;
justify-content: flex-end;
min-width: 0;
}
@media (max-width: 767px) {
.archives-header {
flex-direction: column;
align-items: flex-start;
}
.archives-header .archive-filter {
width: 100%;
justify-content: flex-start;
}
}
body.modal-open .wp-manga-section .modal .modal-dialog {
background: #fff;
}
body.modal-open .wp-manga-section .modal .modal-content .modal-body .login {
padding: 0 20px;
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.message.login {
padding: 0;
color: #ff0000;
}
body.modal-open .wp-manga-section .modal .modal-content .modal-header .close {
padding: 0;
text-shadow: none;
margin: 0;
top: 0;
right: 0;
font-weight: normal;
}
body.modal-open .wp-manga-section .modal .modal-content {
border: none;
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
input[type="text"],
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
input[type="email"],
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
input[type="url"],
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
input[type="password"],
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
input[type="search"] {
width: 300px;
}
.shortcode-wp-manga-tabs .tabs-header .tab-header-item.active a,
.webtoon-single-sidebar #init-links .c-btn {
background-color: var(--button-bg-color);
color: var(--button-text-color);
}
.shortcode-wp-manga-tabs .tabs-header .tab-header-item.active a:hover,
.webtoon-single-sidebar #init-links .c-btn:hover {
background-color: var(--button-hover-bg-color);
color: var(--button-hover-text-color);
}
.webtoons-go-to-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: none;
border-radius: var(--border-radius);
background-color: var(--button-bg-color);
color: var(--button-text-color);
cursor: pointer;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity 0.3s ease,
visibility 0.3s ease,
background-color 0.3s ease,
color 0.3s ease;
}
.webtoons-go-to-top:hover,
.webtoons-go-to-top:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-hover-text-color);
}
.webtoons-go-to-top.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.webtoons-go-to-top i {
font-size: 20px;
line-height: 1;
} .manga-chapters-list .vip-cta {
background-color: var(--highlight-color);
color: var(--text-on-highlight-color);
}
.manga-chapters-list .vip-cta .btn {
background-color: var(--button-bg-color);
color: var(--button-text-color);
border: none;
}
.webtoons-wp-manga-required {
background-color: var(--background-content-color);
border: 1px solid var(--border-color);
border-radius: var(--border-radius);
margin: 40px auto;
max-width: 640px;
padding: 40px 24px;
text-align: center;
}
.webtoons-wp-manga-required p {
color: var(--text-color);
font-size: var(--font-size-heading);
line-height: var(--line-height);
margin: 0;
}
.widget.widget_search label::after {
content: none;
}
#frontpage-webtoons-release-weekdays,
.frontpage-webtoons-filter-bar {
margin: 0 0 20px 0;
border-bottom: 1px solid var(--border-color);
}
#frontpage-webtoons-release-weekdays-list,
.frontpage-webtoons-filter-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 30px;
list-style: none;
padding: 0;
margin: 0;
}
#frontpage-webtoons-release-weekdays-list li,
.frontpage-webtoons-filter-list li {
flex: 0 0 auto;
}
#frontpage-webtoons-release-weekdays-list li a,
.frontpage-webtoons-filter-list li a {
display: inline-block;
padding: 20px 0;
text-transform: uppercase;
font-weight: 600;
}
#frontpage-webtoons-release-weekdays-list li:first-child a,
.frontpage-webtoons-filter-list li:first-child a {
padding-left: 0;
}
#frontpage-webtoons-release-weekdays-list li.active a,
.frontpage-webtoons-filter-list li.active a {
border-bottom: 3px solid var(--primary-color);
}
.frontpage-webtoons-filter-bar .col-md-12 {
min-width: 0;
}
.frontpage-webtoons-filter-bar a {
color: var(--page-link-color);
}
.frontpage-webtoons-filter-bar a:hover {
color: var(--page-link-hover-color);
}
.frontpage-webtoons-filter-scroll {
position: relative;
display: flex;
align-items: stretch;
min-width: 0;
}
.frontpage-webtoons-filter-scroll__arrow {
position: absolute;
top: 0;
bottom: 0;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
padding: 0;
border: 0;
color: var(--text-color, #333);
cursor: pointer;
background: transparent;
}
.frontpage-webtoons-filter-scroll__arrow--prev {
left: -50px;
border-right: 1px solid var(--border-color);
}
.frontpage-webtoons-filter-scroll__arrow--next {
right: -50px;
border-left: 1px solid var(--border-color);
}
.frontpage-webtoons-filter-scroll__arrow[hidden] {
display: none;
}
.frontpage-webtoons-filter-scroll__arrow:hover,
.frontpage-webtoons-filter-scroll__arrow:focus {
color: var(--primary-color, #890101);
outline: none;
}
#frontpage-webtoons-release-weekdays-list.frontpage-webtoons-filter-list--scroll,
.frontpage-webtoons-filter-list--scroll {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
flex: 1 1 auto;
width: 100%;
max-width: 100%;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
#frontpage-webtoons-release-weekdays-list.frontpage-webtoons-filter-list--scroll::-webkit-scrollbar,
.frontpage-webtoons-filter-list--scroll::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
#frontpage-webtoons-release-weekdays-list.frontpage-webtoons-filter-list--scroll
li,
.frontpage-webtoons-filter-list--scroll li {
flex: 0 0 auto;
white-space: nowrap;
}
#frontpage-webtoons-release-weekdays-list.frontpage-webtoons-filter-list--scroll
li
a,
.frontpage-webtoons-filter-list--scroll li a {
white-space: nowrap;
}
#webtoons-filters {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 10px;
}
#webtoons-result-count {
font-size: var(--font-size-small);
}
#webtoons-result-count span {
font-weight: 600;
}
#webtoons-filters-orderby {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
#webtoons-filters-orderby ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 10px;
list-style: none;
padding: 0;
margin: 0;
}
#webtoons-filters-orderby ul li {
flex: 0 0 auto;
}
#webtoons-filters-orderby ul li a {
display: inline-block;
padding: 10px 0;
font-size: var(--font-size-small);
}
#webtoons-filters-orderby ul li a::after {
background-color: rgb(224, 224, 224);
content: "";
display: inline-block;
height: 10px;
vertical-align: top;
width: 1px;
margin: 7px 10px 0 20px;
}
#webtoons-filters-orderby ul li:last-child a::after {
display: none;
}
#webtoons-filters-orderby ul li:not(.active) a {
color: var(--text-meta-color);
}
#webtoons-filters-orderby ul li a:hover {
color: var(--link-hover-color);
}
.no-results {
padding: 250px 0;
text-align: center;
}
@media (max-width: 768px) {
.webtoon-single-characters {
display: none;
}
.webtoon-single-detail-header {
display: flex;
align-items: center;
justify-content: center;
}
.webtoon-single-title {
margin-top: 0;
}
.webtoon-single-title .title {
width: 100%;
font-size: 24px;
}
.webtoon-single-detail-header .webtoon-single-social-share {
right: auto;
}
.webtoon-single-social-share-item {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}
.webtoon-single-content > .row {
flex-direction: column-reverse;
}
.webtoon-single-sidebar {
padding: 0 20px;
}
.webtoon-single-sidebar .webtoon-views-bookmarked-wrapper {
padding: 10px 0;
}
.webtoon-release-schedule-wrapper {
font-size: var(--font-size);
}
.webtoon-single-sidebar #init-links {
margin-top: 20px;
}
#comments.comment-list .webtoons-comment__author.comment-author.vcard img {
width: 30px;
height: 30px;
}
.site-header.reading-header .reading-header-container .header-left {
display: inline-block;
}
.site-header.reading-header
.reading-header-container
.header-left
.site-logo {
display: inline-block;
}
.site-header.reading-header .series-title,
.site-header.reading-header .episode-title {
line-height: 40px;
font-size: var(--font-size);
}
.site-header.reading-header .header-left .fa-chevron-right,
.site-header.reading-header .header-left .episode-title {
display: none;
}
.frontpage-webtoons-filter-scroll__arrow--prev {
left: 0;
background: #fff;
}
.frontpage-webtoons-filter-scroll__arrow--next {
right: 0;
background: #fff;
}
.c-search-header__wrapper .search-content .search-form .search-field {
padding-left: 10px;
}
.c-search-header__wrapper .search-content .search-form > .icon {
display: none;
}
.c-search-header__wrapper .search-content .search-form {
flex: 1;
}
}
.wp-singular #main-body {
padding-top: 40px;
}
.bottom-sidebar-wrapper.full-width-sidebar {
margin: 0;
padding: 0;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color-dark);
}
.bottom-sidebar-wrapper.full-width-sidebar .widget_block:last-child {
margin-bottom: 0;
}
body.modal-open .wp-manga-section .modal .modal-content .modal-body .login {
padding: 0;
}
body.modal-open .wp-manga-section .modal .modal-content .modal-header .close {
top: 5px;
right: 10px;
}
.modal-dialog h3 {
font-size: var(--font-size-heading);
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
.submit
.wp-submit {
background: var(--primary-color);
color: var(--button-text-color);
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
p.nav,
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
.backtoblog {
font-size: var(--font-size-small);
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
p.nav {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
body.modal-open
.wp-manga-section
.modal
.modal-content
.modal-body
.login
p.backtoblog {
text-align: right;
margin-bottom: 0;
}
#form-login .modal-body,
#form-reset .modal-body {
max-width: 330px;
}
#reset .message.reset {
color: #ff0000;
}
.widget.widget_webtoons_html_block_widget,
.widget.widget_webtoons_html_block_widget .widget {
padding: 0;
border: none;
margin: 0;
}
.widget.widget_webtoons_html_block_widget > .container,
.widget.widget_webtoons_html_block_widget > .container > .row > .col,
.widget.widget_webtoons_html_block_widget .container.no-padding,
.widget.widget_webtoons_html_block_widget .container.no-padding > .row > .col {
padding: 0;
}
.heading-view-all:after {
content: "\f061";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 900;
margin-left: 10px;
font-size: 12px;
}
.settings-page #form-account-settings .tab-item,
.settings-page #form-account-settings .form-choose-avatar .select-flie {
background-color: rgba(0, 0, 0, 0.05);
border-color: var(--border-color);
}
.table thead th {
border-color: var(--border-color);
}
.settings-page #form-account-settings .form-group label {
color: var(--text-color);
}
#form-account-settings .form-control {
background-color: rgba(0, 0, 0, 0.1);
color: var(--text-color);
}
.main-nav a,
.secondary-nav a {
color: var(--header-link-color);
}
.main-nav a:hover,
.secondary-nav a:hover {
color: var(--header-link-hover-color);
}
.c-search-header__wrapper #search-advanced .search-advanced-form {
background: var(--background-content-color);
border-color: var(--border-color);
}
.c-search-header__wrapper
#search-advanced
.search-advanced-form
.search-advanced-form-group {
border-color: var(--border-color);
}
.c-search-header__wrapper
#search-advanced
.search-advanced-form
.search-advanced-form-group
input {
background: var(--background-content-color);
border-color: var(--border-color);
}
body.modal-open .modal .modal-content .modal-loading-screen {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
right: 0;
bottom: 0;
}
body.modal-open .modal .modal-content .modal-loading-screen .fa-5x {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
} .wp-manga.chapter-listing-2 .manga-chapters-list .wp-manga-chapter {
display: block;
}
.chapter-listing-1
.listing-chapters_wrap
> ul.main.version-chap
li.has-thumb
.chapter-thumbnail {
display: block;
float: left;
padding: 0;
margin: 0 10px 0 0;
}
.chapter-listing-2
.listing-chapters_wrap
.wp-manga-chapter.has-thumb
.chapter-thumbnail
img.thumb {
max-width: 100%;
}
.chapter-listing-1 .listing-chapters_wrap > ul.main.version-chap li.has-thumb {
display: flex;
}
.chapter-listing-1
.listing-chapters_wrap
> ul.main.version-chap
li.has-thumb
.chapter-release-date {
display: inline;
}  #muupro_form .madara-user-upload-pro-form button[type="submit"] {
background: var(--primary-color);
color: var(--text-on-primary-color);
}
#muupro_form .madara-user-upload-pro-form select + span.select-icon {
display: none;
}  .content-blocked.login-required {
padding: 50px 0;
}
.content-blocked.login-required .chapter-locked-content {
padding: 20px 0;
}
.content-blocked.login-required .chapter-locked-content a {
color: var(--link-color);
text-decoration: none;
}
.content-blocked.login-required .chapter-locked-content a:hover {
color: var(--link-hover-color);
text-decoration: none;
}  .content-blocked.premium-block {
margin: 50px 0;
}
#mycred-loyalty-widget-root > div {
bottom: 100px;
}
#mycred-loyalty-widget-root img {
height: 24px;
max-width: 100px;
}  .woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--highlight-color);
color: var(--text-on-highlight-color);
border-radius: 15px;
padding: 5px 15px;
}
.woocommerce nav.woocommerce-pagination ul li a {
color: var(--button-secondary-text-color);
padding: 5px 10px;
border-radius: var(--border-radius);
text-decoration: none;
transition: all 0.3s;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: none;
}
.woocommerce .woocommerce-ordering select {
padding: 5px 10px;
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
background: var(--background-content-color);
color: var(--text-color);
font-size: var(--font-size-small);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce div.product form.cart .button {
background: var(--highlight-color);
color: var(--text-on-highlight-color);
border: none;
border-radius: var(--border-radius);
padding: 10px 20px;
font-size: var(--font-size-small);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.woocommerce .quantity .qty {
padding: 3px 0;
}