Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ==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;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement