/* ==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 @updateURL https://raw.githubusercontent.com/KillYoy/MAL-Night/master/MAL-Night.user.css ==/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; } }