/* ==UserStyle==
@name MAL-Night
@version 1.0.0
@description Dark/Nightmode theme for MyAnimeList.net
@namespace KillYoy
@author KillYoy
@homepageURL https://github.com/KillYoy/MAL-Night
==/UserStyle== */
@-moz-document domain("myanimelist.net") {
/* Advertisement Killer */
.mal-ad-unit,
.right_top_ad,
.grecaptcha-badge,
#gdpr-modal-bottom,
.btn-mal-service,
.btn-affiliate.icon-shop-default,
.page-common iframe.fb-page,
.page-common #headerSmall .banner-header-anime-straming,
.page-common #footer-block .banner-footer-anime-streaming {
visibility: hidden;
display: none !important;
}
/* Padding Killer */
.page-common .pb16,
.page-common .pb24 {
padding-bottom: 0px !important;
}
.page-common .pt20 {
padding-top: 0px !important;
}
/* Welcome */
.welcome-back.popup-background {
background-color: rgba(0,0,0,.5);
}
/* Body */
body:not(.ownlist) {
background-color: #111111;
background-image: none;
color: #FFFFFF;
}
.page-common #contentWrapper {
background-color: #212121;
padding-bottom: 1px;
}
#myanimelist:before,
#myanimelist:after {
content: "";
width: 100%;
bottom: 0;
position: fixed;
display: block;
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
z-index: -2;
}
#myanimelist:before {
background-image: url(https://i.imgur.com/3CKtjS4.png);
left: -39%;
height: 96%;
opacity: 0.4;
}
#myanimelist:after {
background-image: url(https://i.imgur.com/gs8GGr3.png);
right: -38%;
height: 98%;
opacity: 0.4;
}
/* Site Footer */
.page-common .footer-ranking,
.page-common #footer-block {
width: 1060px;
margin: 0 auto;
}
.page-common .footer-ranking {
background-color: #191919;
}
.page-common #footer-block .footer-link-icon-block {
height: 58px;
}
.page-common .pt24 {
padding-top: 0px !important;
}
/* Top Header */
.page-common #menu {
background-color: #2E51A2;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.page-common #headerSmall {
background-color: transparent;
margin-bottom: -14px;
}
.page-common #menu_left {
margin-left: 200px;
}
.page-common #headerSmall a.link-mal-logo {
position: fixed;
width: 179px;
height: 32px;
top: 4px;
left: 10px;
z-index: 999;
filter: invert(1) saturate(0) brightness(1.5);
}
.page-common #headerSmall > a.link-mal-logo {
background-image: url(https://cdn.myanimelist.net/images/mal-logo-xsmall.png?v=180226001);
position: fixed;
top: 2px;
}
.page-common #header-menu.pulldown {
position: fixed;
top: 2px;
right: 2px;
}
.page-common #menu_right {
position: absolute;
left: 39.5%;
}
.page-common #header-menu .border::before {
border-left: none;
}
.page-common .header-profile-button {
background-color: transparent;
box-shadow: none;
height: 34px;
width: 34px;
top: -2px;
right: -2px;
}
.page-common .header-profile-link {
height: 20px;
}
.page-common .header-profile.link-bg,
.page-common .header-profile.link-bg:hover,
.page-common .header-profile.link-bg.on,
.page-common .header-profile.link-bg.on:hover {
background-color: transparent !important;
}
.page-common .header-profile-link,
.page-common .header-profile-link:hover,
.page-common .header-list-button,
.page-common .header-list.on .header-list-button,
.page-common .header-message-button,
.page-common .header-message-button .fa,
.page-common .header-notification-button,
.page-common .header-notification-button.has-unread {
color: #FFFFFF;
}
.page-common .header-list.on .header-list-button,
.page-common .header-message-button .fa:hover {
opacity: 0.7;
}
/* Header Notification Badges */
.page-common .header-message-button.has-unread.text1::after,
.page-common .header-notification-button.has-unread.text1::after {
top: -1px;
}
.page-common .header-message-button.has-unread.text1::after,
.page-common .header-notification-button.new::after,
.page-common .header-message-button.has-unread::after ,
.page-common .header-notification-button.has-unread::after {
background-color: #A12F31;
border-radius: 8px;
}
/* Top Right Dropdowns */
.page-common .header-profile .header-profile-dropdown {
right: -30px;
top: 32px;
}
.page-common .header-list .header-list-dropdown {
top: 32px;
}
.page-common .header-profile .header-profile-dropdown ul li a,
.page-common .header-list .header-list-dropdown ul li a {
background-color: #131313;
}
.page-common .header-profile .header-profile-dropdown ul li a:hover,
.page-common .header-list .header-list-dropdown ul li a:hover {
background-color: #191919;
color: #FFFFFF;
}
/* Top Right Dropdown: Notifications */
.page-common .header-notification-dropdown {
top: 32px;
}
.page-common .header-notification-dropdown-inner h3 {
border: none;
}
.page-common .header-notification-dropdown .arrow_box {
background-color: #161616;
}
.page-common .header-notification-item-header .time,
.page-common .header-notification-item > .inner.is-read,
.page-common .header-notification-item > .inner.is-read .header-notification-item-header .time,
.page-common .header-notification-item > .inner.is-read .header-notification-item-header .category {
color: #CCCCCC;
}
.page-common .header-notification-dropdown-inner h3 .mark-all,
.page-common .header-notification-item-header .category,
.page-common .header-notification-item.new,
.page-common .header-notification-item {
background-color: #161616;
border-color: #333333;
color: #FFFFFF !important;
}
.page-common .header-notification-item:hover {
background-color: #191919;
}
.page-common .header-notification-view-all a,
.page-common .header-notification-view-all a:hover {
background-color: #2E51A2;
color: #FFFFFF;
}
/* Login / Signup Buttons */
.page-common #header-menu .header-menu-login .btn-signup,
.page-common #header-menu .header-menu-login .btn-signup:hover {
background-color: transparent;
border: none;
position: fixed;
padding: 0px 0px;
right: 80px;
}
.page-common #header-menu .header-menu-login .btn-login,
.page-common #header-menu .header-menu-login .btn-login:hover {
background-color: transparent;
color: #FFFFFF;
border: none;
position: fixed;
padding: 0px 0px;
right: 0px;
}
/* Searchbar */
.page-common #searchBar.searchBar #topSearchText,
.page-common #searchBar.searchBar #topSearchValue option {
background-color: #243763;
border: none;
color: #FFFFFF;
}
.page-common #searchBar.searchBar #topSearchButon.notActive,
.page-common #searchBar.searchBar #topSearchButon {
background-color: #243763;
border: 1px solid #243763;
color: #A5A5A5;
}
.page-common #searchBar.searchBar #topSearchValue {
background-position: 78px 8px;
background-color: #DBC89C;
border: none;
filter: invert(1);
}
/* Small Header/My Panel */
.page-common .h1,
.initialize-tutorial {
background-color: #191919;
border: none;
color: #FFFFFF;
}
.page-common .h1.edit-info {
padding-right: 10px;
}
/* Main Content */
.page-common #content,
.page-common .normal_header {
background-color: #212121;
border: none;
color: #CCCCCC;
}
.page-common .fn-blue1 {
color: #0D80FF !important;
}
body.index .widget .index_h2_seo a,
.page-common a,
.page-common a:visited {
color: #0D80FF;
}
body.index .widget .index_h2_seo a:hover,
.page-common a:visited:hover {
color: #1D439B;
}
body.index .widget .widget-header {
color: #FFFFFF;
border-color: #333333;
}
.page-common .borderClass,
.page-common .border_top,
.page-common .borderDark,
.page-common .border_solid,
body.index .left-column,
body.index .widget.my_list_updates .item,
body.index .widget.friend_list_updates .item,
body.index .widget.clubs .item,
body.index .widget.reviews .item {
border-color: #333333;
}
body.index .widget.my_statistics table td:nth-child(1) {
color: #CCCCCC;
}
.bgColor0.borderClass,
.bgColor1.borderClass {
border: none;
}
.page-common .bgColor0 {
background-color: #191919;
}
.page-common .bgColor1,
.page-common .bgColor2 {
background-color: transparent;
}
/* Anime Boxart */
.widget-slide-block .widget-slide .btn-anime,
#widget-manga-store .widget-slide .btn-anime .link {
border: none;
}
.widget-slide-block .widget-slide .btn-anime .external-link {
background-color: #191919;
}
/* Top Anime Widgets */
.ranking-digest .ranking-header {
background-color: #191919;
border: none;
color: #CCCCCC;
}
.ranking-digest {
background-color: #1C1C1C;
}
.ranking-digest .ranking-unit .image {
box-shadow: none;
}
.ranking-digest .ranking-unit .info {
color: #CCCCCC;
}
/* Add To List */
.page-common a.button_edit.button_edit,
.page-common a.button_add.button_add {
background-color: transparent;
border-bottom: none;
color: #0D80FF;
text-transform: uppercase;
}
.page-common a.button_edit.button_edit.plantowatch {
background-color: #C3C3C3;
color: #000000;
border-bottom: none;
}
.page-common a.button_add.button_add:hover {
text-decoration: underline;
}
/* Anime Page: Tabs & Score Panel */
.page-common .breadcrumb,
.page-common #horiznav_nav ul li,
.page-common #horiznav_nav ul li a,
.anime-detail-header-stats .stats-block .score {
background-color: transparent;
color: #0D80FF;
}
.anime-detail-header-stats .stats-block {
background-color: #191919;
border: none;
margin-bottom: -8px;
}
.anime-detail-header-stats .stats-block::before {
background-color: #333333;
-webkit-box-shadow: none;
}
.anime-detail-header-stats .stats-block .numbers,
.anime-detail-header-stats .stats-block .score::after,
.anime-detail-header-stats .stats-block .information {
color: #CCCCCC;
}
.anime-detail-header-stats .stats-block .information {
border-color: #333333;
}
/* Manga Panel */
.page-common .manga-store-preview {
border: none;
padding: 0px;
}
.page-common .manga-store-preview-info {
background-color: #191919;
padding: 6px 0px 0px 12px;
}
.page-common .manga-store-preview .manga-store-preview-info .manga-store-preview-info-header {
border-color: #333333;
color: #FFFFFF;
}
/* Add To My List Panel */
.anime-detail-header-stats .user-status-block,
.user-status-block .form-user-status {
background-color: #131313;
border: none;
}
.user-status-block .form-user-score,
.user-status-block .form-user-episode {
background-color: #131313;
border-color: #0D80FF70;
color: #0D80FF;
}
.user-status-block .form-user-episode input[type="text"],
.user-status-block .form-user-episode.completed input[type="text"],
.user-status-block .form-user-episode input[type="text"]:focus,
.user-status-block .form-user-episode.completed input[type="text"]:focus {
background-color: #131313;
border: none;
color: #0D80FF;
}
.page-common .notice_open_public {
display: none;
}
.page-common .profileRows a,
.page-common .profileRows a.on {
color: #0D80FF;
border: none !important;
}
/* Anime Description */
.total_messages,
.page-common .fn-grey2,
.page-common .fn-grey4,
.page-common .fn-grey5,
.page-common h3,
.page-common h5 {
color: #CCCCCC !important;
border-color: #333333 !important;
}
.page-common .dark_text,
.page-common h2 {
color: #FFFFFF !important;
border-color: #333333 !important;
}
.page-common #profileRows a {
color: #0D80FF;
border: none !important;
}
.page-common #profileRows a:hover {
background-color: transparent;
}
/* Anime Description: Episode Videos */
.anime-slide-block .anime-slide .btn-anime .link .title {
padding: 15px 5px 2px;
}
/* Stats Hover Popup */
.statistics-info {
background-color: #161616;
border: none;
color: #FFFFFF;
font-size: 15px;
}
.statistics-info:before {
filter: invert(1) contrast(0.8);
}
.statistics-info:after {
display: none;
}
/* Manga Store */
a.left-info-block-manga-store-button {
color: #000;
}
a.title[data-v-fe02bf62],
a.title[data-v-617a7b38] {
color: #0D80FF;
}
.slider-wrap[data-v-083e412e],
.slider-wrap[data-v-d2f4bf8a] {
border-bottom: none;
}
.volume a[data-v-fe02bf62],
.volume a[data-v-617a7b38] {
color: #CCCCCC;
}
/* Characters & Voice Actors */
.detail-characters-list .left-column table:nth-of-type(1n),
.detail-characters-list .left-right table:nth-of-type(1n) {
background-color: #1C1C1C;
}
.page-common div.picSurround img {
background-color: transparent;
border: none;
}
/* .page-common td+.borderClass, */
.page-common .ac,
.page-common .ar.fw-n.borderClass,
.detail-characters-list .left-column.divider::after {
border: none;
}
/* Reviews */
.reviews-horiznav-nav-sort-block,
.page-common .textReadability {
border: none !important;
}
.page-common .lightLink {
color: #A5A5A5;
}
.page-common .lightLink:link,
.page-common .lightLink:visited,
.page-common .lightLink:active {
color: #0D80FF;
}
.page-common .button_form {
background-color: #1C1C1C;
border-bottom: 1px solid #0D80FF;
}
/* Anime Episodes Page */
.di-t.w100.mb8 {
background-color: transparent !important;
}
.episode_list .episode-list-header,
.episode_list .episode-list-header td,
.episode_list .episode-list-header td:last-of-type {
background-color: #191919 !important;
border: none !important;
color: #CCCCCC;
}
.episode_list td {
border: none !important;
}
.episode_list .episode-list-data:nth-of-type(2n+1) td {
background-color: #191919 !important;
color: #CCCCCC;
}
.episode_list .episode-list-data:nth-of-type(2n+2) td {
background-color: #1C1C1C !important;
color: #CCCCCC;
}
/* Anime Episodes Page: Episode Carousel */
.contents-video-embed .episode-information {
background-color: #161616;
margin: 0px 3px 0px 0px;
}
.contents-video-embed .video-anime-slide-block.hori {
background-color: #191919;
border-color: #191919;
padding: 8px 8px 8px 0px;
}
.contents-video-embed .btn-video-anime-slide.hori[data-dir="next"],
.contents-video-embed .btn-video-anime-slide.hori[data-dir="prev"] {
background-color: #191919;
}
.contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime,
.contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime.play .link {
background-color: #161616;
padding-right: 0px;
}
.contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime:hover .link {
background-color: #111111;
}
.contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime .link .text {
color: #0D80FF;
}
/* Anime Stats Page */
.table-recently-updated tr:nth-of-type(1n) td {
background-color: #1C1C1C;
}
.table-recently-updated tr:nth-of-type(2n) td {
background-color: #202020;
}
.table-recently-updated .image-member,
.page-common td+td .borderClass {
border: none !important;
}
.page-common div.updatesBar {
background-color: #2E51A2;
}
/* Recent Forum Discussions & Articles */
.page-forum .forum_boardrow2 {
background-color: #181818;
border: none;
}
.page-forum .forum_boardrow1 {
background-color: #1C1C1C;
border: none;
}
.page-forum .forum_postusername a {
color: #0D80FF !important;
}
.detail-page-featured-article .news-list .news-unit .news-unit-right .text,
.detail-page-featured-article .news-list .news-unit .news-unit-right .information .info,
.news-list .news-unit .information .pv {
color: #CCCCCC;
}
#forumTopics .js-toggle-watching-topic-button,
#forumTopics .js-ignore-topic-button {
filter: invert(0.9) hue-rotate(185deg) saturate(4);
}
/* Recommendations */
.btn-detail-recommendations-view-all,
.btn-detail-recommendations-view-all .icon-next {
background-color: #191919;
}
.btn-detail-recommendations-view-all .text {
color: #CCCCCC;
}
.anime-slide-block .anime-slide .btn-anime.auto .users {
background-color: rgba(0,0,0,.7) !important;
color: #CCCCCC !important;
}
/* Anime Search */
.search_all .content-result .content-left,
.search_all .content-result .list,
.anime-manga-search .genre-link .genre-list {
border-color: #333333;
}
.auto-recommendations .item,
.anime-manga-search .genre-link .genre-list .genre-name-link:hover {
background-color: #1C1C1C;
color: #FFFFFF;
}
.search_all .content-result .list .information .users {
color: #CCCCCC;
}
/* Anime/Manga Search: Big Searchbar */
.anime-search-form-block .anime-search-form-search .inputtext,
.manga-store .manga-store-search-form-search .inputtext,
.quickadd-content .quickadd-form-search .inputtext {
background-color: #161616;
border: 1px solid #161616;
color: #FFFFFF;
height: 38px;
}
.anime-search-form-block .anime-search-form-search .inputButton,
.manga-store .manga-store-search-form-search .inputButton,
.quickadd-content .quickadd-form-search .inputButton {
background-color: #161616;
border: none;
color: #A5A5A5;
height: 40px;
}
.anime-search-form-block,
.manga-store .manga-store-search-form-block {
margin: 0px auto;
}
/* Anime Search Dropdown */
.page-common .incrementalSearchResultList,
.page-common .incrementalSearchResultList .list,
.page-common .incrementalSearchResultList .list.focus,
.page-common .incrementalSearchResultList .list:hover,
.page-common .incrementalSearchResultList .list.list-bottom.focus,
.page-common .incrementalSearchResultList .list.separator {
background-color: #191919;
border: 1px solid #191919;
color: #FFFFFF;
}
.page-common .incrementalSearchResultList .list .off .info.anime .media-type,
.page-common .incrementalSearchResultList .list .on .info .media-type,
.page-common .incrementalSearchResultList .list .on .info .extra-info {
color: #CCCCCC;
}
.page-common .incrementalSearchResultList .list .image {
border: none;
}
/* Top Anime List Tables */
.top-ranking-table {
width: 1060px;
margin-left: -10px;
}
.top-ranking-table tr.ranking-list:nth-of-type(2n+1) td {
background-color: #212121;
border-left: 1px solid #191919;
}
.top-ranking-table tr.ranking-list td {
background-color: #191919;
border-left: 1px solid #212121;
}
.top-ranking-table .table-header td {
background-color: #2E51A2;
border: none;
}
.top-ranking-table tr td {
padding-bottom: 5px;
padding-top: 5px;
}
.top-ranking-table tr:last-of-type,
.top-ranking-table tr td:first-of-type,
.top-ranking-table tr td:last-of-type,
.top-ranking-table tr td:last-of-type {
border: none !important;
}
.top-ranking-table .lightLink,
.top-ranking-table .score .text.on {
color: #FFFFFF;
}
.top-ranking-table .your-score a .text.on,
.top-ranking-table .your-score a:hover .text.on {
color: #FDDF04;
}
.top-ranking-table .title .link {
color: #0D80FF;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status {
background-color: transparent;
}
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.completed,
.top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.watching {
background-color: #161616;
}
/* Seasonal Anime */
.navi-seasonal {
background-color: #212121;
}
.navi-seasonal .horiznav-nav-seasonal {
border-bottom: 1px solid #333333;
padding-top: 10px;
}
.navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type,
.navi-seasonal .horiznav_nav ul li a.navtab,
.navi-seasonal .horiznav_nav ul li a {
background-color: #191919;
border: none;
color: #CCCCCC;
}
.seasonal-anime-list .anime-header {
background-color: #2E51A2;
border: none;
}
.navi-seasonal.fixed::after {
filter: invert(1) contrast(0.74);
}
.seasonal-anime-list .seasonal-anime,
.seasonal-anime-list .seasonal-anime .prodsrc,
.seasonal-anime-list .seasonal-anime .genres,
.seasonal-anime-list .seasonal-anime .image {
background-color: #191919;
border: none;
}
.seasonal-anime-list .seasonal-anime .information .info,
.seasonal-anime-list .seasonal-anime .information .scormem,
.seasonal-anime-list .seasonal-anime .information {
background-color: #161616;
border: none
}
.seasonal-anime-list .seasonal-anime .prodsrc a.button_edit {
border: none;
}
.seasonal-anime-list .seasonal-anime .prodsrc a.button_edit.plantowatch {
background-color: #C3C3C3;
color: #000000;
}
.seasonal-anime-list .seasonal-anime .prodsrc a.button_add {
background-color: transparent;
border: none;
}
.seasonal-anime-list .seasonal-anime .genres .btn-more-genre,
.seasonal-anime-list .seasonal-anime .genres .genre,
.seasonal-anime-list .seasonal-anime .genres .genre:hover {
background-color: #1080FF20;
border-color: #1080FF;
}
.seasonal-anime-list .seasonal-anime .prodsrc .eps,
.seasonal-anime-list .seasonal-anime .prodsrc .source {
border-left: 1px solid #333333;
color: #CCCCCC;
}
.seasonal-anime-list .seasonal-anime .genres .genre a,
.seasonal-anime-list .seasonal-anime .information .info,
.seasonal-anime-list .seasonal-anime .information .scormem .score,
.seasonal-anime-list .seasonal-anime .information .scormem .member {
color: #CCCCCC;
}
.seasonal-anime-list .seasonal-anime .title,
.seasonal-anime-list .seasonal-anime .title .title-text {
background-color: #131313;
max-height: 52px;
}
.seasonal-anime-list .seasonal-anime .information .scormem .score::after,
.seasonal-anime-list .seasonal-anime .information .scormem .member::after {
filter: invert(1) contrast(0.83);
}
.seasonal-anime-list .seasonal-anime .prodsrc .icon-add-episode {
filter: invert(1) contrast(0.8) hue-rotate(190deg);
height: 16px;
}
.icon-watch,
.icon-watch-pv,
.episode-video.nowrap img {
filter: invert(1) contrast(0.92);
}
/* View More Table */
.season .anime-seasonal-byseason td {
background-color: #212121;
border: none !important;
}
/* Sorting / Sorted By X Dropdown */
.season .btn-show-sort,
.season .btn-show-kids,
.season .btn-show-r18,
.season .seasonal-sort-order-block .sort-order-list .btn-sort-order,
.anime-filter .btn-show-sort,
.anime-filter .search-filter-sort-order-block .sort-order-list .btn-sort-order,
.reviews-horiznav-nav-sort-block .review-sort-order-block .sort-order-list .btn-sort-order {
color: #CCCCCC;
}
.season .seasonal-sort-order-block,
.season .seasonal-sort-order-block .btn-close,
.anime-filter .search-filter-sort-order-block,
.anime-filter .search-filter-sort-order-block .btn-close,
.reviews-horiznav-nav-sort-block .review-sort-order-block,
.reviews-horiznav-nav-sort-block .review-sort-order-block .btn-close {
background-color: #1C1C1C;
border: none;
}
/* Anime Hover Popup */
.page-common .hoverinfo .hoverinfo-contaniner {
background-color: #141414;
border: 1px solid #191919;
}
.page-common .hoverinfo,
.page-common .hoverinfo::after {
background-image: none;
}
/* Anime News */
body.news .news-container .title a,
body.news .news-container .title,
body.news .menu-category .btn-category.selected {
color: #FFFFFF;
}
body.news .menu-category .btn-category {
color: #CCCCCC;
border-color: #A5A5A5;
}
.news-list .news-unit .image-link,
body.news .news-side-block .news-list img.thumbs,
body.news .columnist-side-block .columnist-list .columnists-unit-side .image {
border: none;
box-shadow: none;
}
body.news .featured-article-body em,
body.news .featured-article-body p,
body.news .featured-article-body h1,
body.news .featured-article-body h4,
.news-list .news-unit .information .info,
body.news .news-container .summary,
body.news .news-container .content,
body.news .news-list .comment-list .text,
body.news .news-list .news-unit .text,
body.news .news-container .information,
body.news .news-side-block .news-list .news .information,
body.news .news-side-block .news-list .news .information .comment,
body.news .tag-side-block .tag-cloud .tag {
color: #CCCCCC;
}
body.news .news-container hr {
color: #333333;
}
body.news .header {
color: #CCCCCC !important;
border-color: #333333 !important;
}
body.news .content-left,
body.news .menu-category,
body.news .news-side-block .news-list .news,
body.news .news-breadcrumbs,
.tags-inner-attributes,
.news-list .news-unit,
.news-list .news-unit .information .tags,
.news-list .news-unit .information .pv {
border-color: #333333 !important;
}
body.news .news-container .tags,
body.news .news-container .news-info-block,
.page-common .pagination .link {
background-color: transparent !important;
}
/* Anime News: Tags */
.menu-category .btn-edit-tags {
background-color: #2E51A230;
color: #FFFFFF;
}
.news-list .news-unit .information .tag {
line-height: 14px;
}
.news-list .news-unit .information .tags .tag {
color: #CCCCCC;
border-color: #333333;
}
.tag.tag-color-feature-spoiler {
background-color: rgba(255,44,85,.1) !important;
}
.btn-category.tag-color1,
.tag.tag-color1 {
background-color: rgba(255,44,85,.1) !important;
color: #FFFFFF !important;
}
.btn-category.tag-color2,
.tag.tag-color2 {
background-color: rgba(255,204,1,.1) !important;
color: #FFFFFF !important;
}
.btn-category.tag-color3,
.tag.tag-color3 {
background-color: rgba(76,217,99,.1) !important;
color: #FFFFFF !important;
}
body.news .menu-category .btn-edit-tags,
.btn-choose-your-own,
.btn-category.tag-color4,
.tag.tag-color4 {
background-color: rgba(32,149,242,.1) !important;
color: #FFFFFF !important;
}
.btn-category.tag-color5,
.tag.tag-color5 {
background-color: rgba(155,38,175,.1) !important;
color: #FFFFFF !important;
}
.btn-category.tag-color6 {
background-color: rgba(151, 151, 151, .1) !important;
color: #FFFFFF !important;
border-color: #777777 !important;
}
/* Anime News: Featured Tags Page */
body.news .news-content-block.news-tags h2.news-tags-header {
border: none !important;
}
body.news .news-content-block.news-tags .news-tags-table .tag-list {
border-color: #333333;
}
body.news .news-content-block.news-tags .news-tags-table .tag-list:hover,
body.news .news-content-block.news-tags .news-tags-table .tag-list:hover .tag-name-link .tag-name {
background-color: #1C1C1C;
color: #CCCCCC;
}
/* Anime News > Tags */
body.news .news-content-block.news-tags .news-tags-table.news,
body.news .news-content-block.news-tags .news-tags-table.news td {
border: none;
}
body.news .news-content-block.news-tags .news-tags-table.news {
background-color: #1C1C1C;
}
body.news .news-content-block.news-tags .news-tags-table.news tr:nth-of-type(2n+1) {
background-color: #191919;
}
/* Anime News: Comments */
body.news .news-list .comment-list {
background-color: #161616;
border: none;
}
body.news .news-list .comment-list:nth-of-type(2n) {
background-color: #191919;
border: none;
}
body.news .news-list .comment-list .quotetext {
background-color: #131313;
border-color: #191919;
}
/* Anime News & Forums: Searchbar */
.news.featured .featured-search-side .featured-search-input-text,
.news.featured .featured-search-side .featured-search-input-submit,
.news.featured .featured-search-side .featured-search-input-submit.notActive,
.news.featured .featured-search-side .featured-search-input-submit.notActive:hover,
.news.featured .featured-search-side .featured-search-input-submit.notActive:active,
.news.featured .featured-search-side .featured-search-input-submit:active,
.forum .forum-search-side .forum-search-select,
.forum .forum-search-side .forum-search-input-text,
.forum .forum-search-side .forum-search-input-submit.notActive,
.forum .forum-search-side .forum-search-input-submit.notActive:hover,
.forum .forum-search-side .forum-search-input-submit.notActive:active,
.forum .forum-search-side .forum-search-input-submit:active {
background-color: #191919;
border: 1px solid #191919;
box-shadow: none;
color: #CCCCCC;
}
/* Clubs */
.club-list .table-data td {
background-color: #191919;
}
.club-list .table-data:nth-of-type(2n+1) td {
background-color: #1C1C1C;
}
.club-list .table-header td,
.club-list .table-data td {
border: none;
}
.club-list .table-data td .informantion {
color: #CCCCCC;
}
.club-list .btn-club-join {
background-color: #182636;
color: #CCCCCC;
}
/* Clubs: Big Searchbar */
.club-search-form-search .inputtext {
background-color: #161616 !important;
border: 1px solid #161616 !important;
color: #FFFFFF;
height: 38px;
}
.club-search-form-search .inputButton,
.club-search-form-search .select,
.club-search-form-search .select option {
background-color: #161616;
border: none;
color: #FFFFFF;
height: 40px;
background-position: 125px 13px;
}
/* Watch */
.watch .mt4 {
margin-top: 0px !important;
}
.watch .breadcrumb {
padding-top: 6px;
}
.watch .video-menu-category {
border-color: #333333;
}
.watch .video-menu-category .btn-category {
background-color: #191919;
color: #CCCCCC;
}
.watch .video-list-outer-vertical .video-info-title a.button_add {
background-color: transparent !important;
border: none !important;
color: #0D80FF;
}
.watch .video-menu-category .btn-hide-blocked-video {
color: #CCCCCC;
}
/* Characters/People Search */
.characters-search-form-search .inputtext,
.people-search-form-search .inputtext {
background-color: #161616 !important;
border: 1px solid #161616 !important;
}
.characters-search-form-search .inputButton,
.people-search-form-search .inputButton {
background-color: #161616;
border: none;
}
.characters-favorites-ranking-table .table-header td,
.characters-favorites-ranking-table tr td:last-of-type,
.characters-favorites-ranking-table tr:last-of-type,
.people-favorites-ranking-table .table-header td,
.people-favorites-ranking-table tr td:last-of-type,
.people-favorites-ranking-table tr:last-of-type {
border: none;
}
.characters-favorites-ranking-table tr.ranking-list td,
.people-favorites-ranking-table tr.ranking-list td {
background-color: #191919;
border: none;
}
.characters-favorites-ranking-table tr.ranking-list:nth-of-type(2n+1) td,
.people-favorites-ranking-table tr.ranking-list:nth-of-type(2n+1) td {
background-color: #1C1C1C;
}
.characters-favorites-ranking-table .fn-grey6,
.characters-favorites-ranking-table tr.ranking-list .favorites,
.people-favorites-ranking-table .fn-grey6,
.people-favorites-ranking-table tr.ranking-list .favorites,
.people-favorites-ranking-table tr.ranking-list .birthday {
color: #CCCCCC !important;
}
/* Featured Articles */
.featured-pickup .featured-pickup-unit .image{
box-shadow: none;
}
.featured-pickup .featured-pickup-unit .title {
color: #FFFFFF;
}
.featured-pickup .featured-pickup-unit .text {
color: #CCCCCC;
}
.featured-content-block-outer,
.featured-pickup .featured-pickup-unit .information .pv,
.featured-pickup .featured-pickup-unit .information .tags {
border-color: #333333;
}
.news-list .news-unit .information .tags .tag.tag-color-feature-advertorial {
background-color: rgba(32,149,242,.1) !important;
color: #0D80FF;
}
/* Forums */
.forum .forum-header {
background-color: #2E51A2;
border: none;
}
.forum .forum-side-block .forum-side-list img.thumbs,
.forum .forum-board {
background-color: #191919;
border: none;
}
.page-forum .forum-table-header .normal_header,
.forum .forum-board:nth-of-type(2n) {
background-color: #161616;
}
.forum .forum-board,
.forum .forum-side-block .header,
.forum .page-common .icon-forum-locked,
.forum .forum-board .forum-board-description,
.forum .forum-side-block .forum-side-list .forum-post .information .comment {
color: #CCCCCC;
}
.forum .forum-side-block .header,
.forum .forum-side-block .forum-side-list .forum-post {
border-color: #333333;
}
/* Forums Header Buttons */
.btn-rect-grey1,
.btn-rect-grey1:hover {
background-color: transparent;
border-color: transparent;
}
.page-forum .btn-forum {
background-color: #191919;
border-color: #191919;
}
.js-toggle-watching-topic-button:hover,
.js-toggle-ignore-topic-button:hover {
background-color: #161616 !important;
}
/* Forum Thread */
.page-forum .forum_locheader,
.page-forum .forum_boardrow1 {
color: #CCCCCC;
}
.page-common .quotetext,
.page-common .codetext {
background-color: #131313;
border: none;
}
.page-forum .sig span,
.page-forum .sig {
border-color: #333333;
color: #CCCCCC !important;
}
.page-forum .forum_boardrowspacer {
display: none;
}
/* User Profile */
.user-profile .user-image img {
margin-bottom: -8px;
}
.page-common .content-container .container-left {
padding-top: 0px;
}
.user-profile .user-function .icon-user-function {
background-color: #191919 !important;
border: 1px solid #191919 !important;
float: left;
}
.user-profile .user-function .icon-user-function .text {
width: 59px;
}
.user-profile .user-function .icon-user-function.icon-request.disabled {
background-size: 219px 110px;
width: 50px;
}
.user-profile .user-function .icon-user-function.icon-message.disabled {
background-size: 223px 111px;
}
.user-profile .user-button .btn-profile-submit:hover {
color: #FFFFFF;
}
.profile .user-comments .comment,
.user-profile .user-status li,
.user-profile .user-status li.link:hover {
background-color: #191919;
}
.profile .user-comments .comment:nth-of-type(2n+1),
.user-profile .user-status li:nth-of-type(2n),
.user-profile .user-status li:nth-of-type(2n):hover {
background-color: #1C1C1C;
}
.user-profile h4,
.page-common .content-container .container-left {
border-color: #333333;
}
.user-profile .user-status.border-top,
.profile .user-favorites .favorites-list .list .image,
.profile .statistics-updates .image,
.profile .user-comments .comment .image img {
border: none;
}
.user-profile .user-friends .icon-friend {
box-shadow: none;
}
.outside-region .outside-region-block,
.js-truncate-outer .btn-truncate {
filter: invert(1) contrast(0.74);
}
/* User Profile: Stats Bars */
.profile .statistics-updates .data .graph,
.profile .user-statistics .stats-graph,
.user-profile .user-compatability-graph .bar-outer {
background-color: #191919;
border: none;
}
.profile .user-statistics .stats-graph.mt8 .graph,
.profile .user-statistics .stats-graph.mt8 {
height: 12px;
}
.profile .user-statistics .stats-graph {
border-radius: 4px;
}
.profile .user-statistics .stats-graph span:first-of-type {
border-radius: 4px 0 0 4px;
}
.profile .user-statistics .stats-graph span:last-of-type {
border-radius: 0 4px 4px 0;
}
/* Friends Card */
.majorPad .bgLightBlue,
.majorPad .friendHolder {
background-color: #191919;
height: 78px;
margin: 0px 0;
}
/* User Profile Settings */
.page-common .goodresult,
.page-common .successQuery,
.page-common .badresult,
.page-common .setting-row {
background-color: #1C1C1C;
color: #CCCCCC;
}
.page-common .setting-row.show-hidden {
background-color: #191919;
color: #777777;
}
/* User Profile Settings: Notifications */
.notification_settings .notification-setting-content .settings-notification .setting.header td {
background-color: #191919;
border: none;
}
.notification_settings .notification-setting-content .settings-notification .setting td {
background-color: #1C1C1C;
border: none;
}
.notification_settings .notification-setting-content .settings-notification .setting.header td.button,
.notification_settings .notification-setting-content .settings-notification .setting td.button,
.notification_settings .notification-setting-content .settings-notification .setting td.button:last-of-type {
border: none;
}
.notification_settings .notification-setting-content .settings-notification .setting td.label .title {
color: #CCCCCC;
}
.notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"]:checked + label {
background-color: #191919;
}
/* User Profile Settings: SNS */
.btn-sns-setting {
background-color: #191919;
color: #0D80FF;
}
.sns-setting .cell-border-vertical,
.sns-setting .sns-setting-default,
.sns-setting {
background-color: #1C1C1C;
border: none;
}
.sns-setting .table tr:nth-of-type(2n+1) td {
background-color: #191919;
border: none;
}
/* My Messages */
.pmessage-checkbox-block,
.message-container {
background-color: transparent;
border: none;
}
.message.read > .mym {
background-color: #191919;
border: none;
}
.message.rea
.private-message-content .fn-grey6,
.pmessage-message-history .date,
.message .mym .mym_date,
.message .mym_subject a.subject-link .text {
color: #CCCCCC !important;
}
.pmessage-message-history .date,
.pmessage-message-history .name,
.pmessage-message-history .subject,
.message:last-of-type > .mym {
border-color: #333333;
}
/* Edit Anime Dialog */
#fancybox-outer {
background-color: #11111170;
}
#dialog,
#dialog td {
background-color: transparent;
border: none;
color: #CCCCCC;
}
#dialog td .draggable_list li:hover {
background-color: #161616;
}
#dialog td .normal_header {
background-color: transparent;
}
.ownlist_anime_update #advanced-button .separator,
.ownlist_manga_update #advanced-button .separator {
border-color: #333333;
}
.ownlist_anime_update #advanced-button .toggle-button,
.ownlist_manga_update #advanced-button .toggle-button {
background-color: #333333;
color: #FFFFFF;
}
#editdiv,
#fancybox-inner,
.page-common .inputtext,
.page-common .textarea {
background-color: #191919;
border-color: #191919;
color: #FFFFFF;
}
/* Manga Store Page/Search */
.manga-store .detail-card .detail-img,
.manga-store .content-detail,
.manga-store .comics-list-tab-item.is-active {
border: none;
}
.manga-store .side-left {
padding: 0px 10px 16px 0;
}
.manga-store .comics-list-tab-area::before {
background-color: #333333;
}
.manga-store a[data-v-93cd87b2],
.manga-store .comic-detail-info-price .tax {
color: #FFFFFF;
}
.manga-store .manga-store-search-results .item .title,
.manga-store .side-mangaRanking .side-mangaRanking-item .side-mangaRanking-body .side-mangaRanking-title,
.manga-store .detail-card .detail-infoList-item a {
color: #0D80FF;
}
a.manga-store-genre-list-toggle,
.manga-store .manga-store-search-genres .genre {
background-color: #0D80FF;
color: #FFFFFF;
}
a.manga-store-genre-list-toggle:hover,
.manga-store .manga-store-search-genres .genre:hover {
background-color: #1D439B;
color: #FFFFFF;
}
.manga-store .manga-store-search-results .items,
.manga-store .main-right,
.manga-store .main-left,
.manga-store .comic-detail-info,
.manga-store .comics-list,
.manga-store .content-detail-bottom,
.manga-store .section-title,
.manga-store .detail-card .detail-title,
.manga-store .detail-card .detail-body,
.manga-store .detail-card .detail-infoList-item.copyright,
.detail-preview-container.hasPreview[data-v-9259a4a8]::after {
border-color: #333333 !important;
}
/* Add To List Page */
.quickadd-content .quickAdd-anime-result-unit:nth-of-type(2n+1),
.quickadd-content .quickAdd-manga-result-unit:nth-of-type(2n+1) {
background-color: #212121;
}
.quickadd-content .quickAdd-anime-result-unit:nth-of-type(2n+2),
.quickadd-content .quickAdd-manga-result-unit:nth-of-type(2n+2) {
background-color: #191919;
}
.quickadd-content .quickAdd-anime-result-unit,
.quickadd-content .quickAdd-manga-result-unit {
border-bottom: none;
color: #CCCCCC;
}
/* About Site */
img.lazyloaded[src="https://cdn.myanimelist.net/images/about/overview/head-bg.jpg?v=170130"] {
filter: contrast(5) brightness(0.033);
}
.page-common .pt24.mt8[src="https://cdn.myanimelist.net/images/about/overview/fig03_1.png?v=170130"],
.page-common .pr12[src="https://cdn.myanimelist.net/images/about/overview/fig01_2.png?v=170130"],
.page-common .pl16[src="https://cdn.myanimelist.net/images/about/overview/fig01_1.png?v=170130"] {
filter: contrast(4) brightness(0.052);
}
.about-contents .about-intro .head-logo {
z-index: 1;
margin-left: 240px;
}
.about-content.content-bg-grey {
background-color: #212121;
}
/* Advertising Page */
.page-advertising #ad_menu,
.page-advertising section.ad_section:nth-of-type(2n) div.ad_section {
background-color: #212121;
}
.page-advertising .ad-contents .ad-text-head3 {
color: #FFFFFF;
}
.page-advertising #ad_menu li a,
.page-advertising .ad_form_content label {
color: #CCCCCC;
}
.page-advertising .ad-spec-sample-list {
background-color: #161616;
border: none;
}
.page-advertising .ad-spec-sample-button-block .ad-spec-sample-button-cell {
background-color: #161616;
border-color: #161616;
}
.page-advertising .ad_form_content .ad_select,
.page-advertising .ad_form_content .inputtextarea,
.page-advertising .ad_form_content .inputtext {
background-color: #161616;
border: none;
color: #FFFFFF;
}
/* Terms Of Use Page */
h1[data="EULA"],
h1[data="TermsOfUse"],
.mal-address {
background-color: transparent;
color: #FFFFFF;
}
/* SiteMap Page */
.sitemap__category,
.sitemap__category__title {
border-color: #333333;
}
/* Membership Page */
.membership .about-membership .plan-header,
.membership .about-membership .plan,
.membership .about-membership .about-no-ads {
background-color: #161616;
border: none;
}
.membership .about-membership .plan .plan-monthly .plan-name,
.membership .about-membership .plan .plan-annually .plan-name,
.membership .about-membership .about-extras .about-extras-content .header,
.membership .about-membership .about-no-ads .text .description {
color: #FFFFFF;
text-shadow: none;
}
/* Bookshelf Page */
.manga-store .manga-store-tab-menu .tab.on {
background-color: #1D439B;
border: none;
color: #FFFFFF;
}
.manga-store .manga-store-tab-menu .tab {
background-color: #333333;
border: none;
color: #FFFFFF;
}
.manga-store .manga-store-tab-menu,
.manga-store .manga-store-bookshelf .manga-store-bookshelf-rows {
border-color: #333333;
}
}
@-moz-document url-prefix("https://myanimelist.net/animelist"), url-prefix("http://myanimelist.net/animelist"), url-prefix("https://myanimelist.net/mangalist"), url-prefix("http://myanimelist.net/mangalist") {
/* MyAnimeList */
body {
background-color: #111111 !important;
}
body.ownlist {
background-image: none;
}
.header {
background-color: #2E51A2;
width: 100%;
height: 34px;
}
.header .header-title {
background-size: 179px auto;
top: 4px;
left: 10px;
}
.header .header-menu,
.header .header-menu.other {
top: 8px;
right: 30px;
}
.status-menu-container {
background-color: #191919;
border-bottom: none;
height: 42px;
}
/* Logo */
.cover-block .image-container img,
.cover-block .image-container {
padding-top: 0px;
margin-bottom: 0px;
height: 240px;
display: none;
}
/* Table */
.list-container,
.list-table {
background-color: #212121 !important;
border: none;
}
.list-block {
margin-top: -8px;
}
.list-table .list-table-header .header-title {
background-color: #191919;
background: none;
border-bottom: none;
}
.status-menu-container .status-menu .status-button.on,
.list-unit .list-status-title .text,
.list-unit .list-status-title .stats a,
.list-table .list-table-data .data.score .link,
.list-table .list-table-data .data,
.list-table .list-table-data a.edit-disabled {
color: #FFFFFF;
}
.list-unit,
.list-unit .list-stats {
width: auto;
color: #FFFFFF;
}
.list-unit .list-status-title {
width: 1058px;
}
.list-table .list-table-data .data.title,
.list-table .list-table-data .data.title .add-edit-more {
float: none;
}
.list-table .list-table-header .header-title.started,
.list-table .list-table-header .header-title.finished {
width: 94px;
}
.list-table .list-table-header .header-title.progress,
.list-table .list-table-header .header-title.tags {
width: 80px;
}
.list-table > tbody:nth-of-type(2n+1) {
background-color: #191919;
}
.list-table .list-table-data .data {
border-bottom: none;
padding: 3px 0;
}
.list-table .list-table-data .data.image .image {
width: 53px;
height: 76px;
border: none;
}
/* Left List */
.list-menu-float {
border: none;
}
.list-menu-float .icon-menu {
background-color: #212121 !important;
}
/* Footer */
#footer-block {
background-color: #212121;
}
.list-unit .loading-space {
/* display: none; */
margin: 0px;
}
}