Advertisement
TWL148

mal-dark

Feb 25th, 2021
1,280
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 43.33 KB | None | 0 0
  1. /* ==UserStyle==
  2. @name         MAL-Night
  3. @version      1.0.0
  4. @description  Dark/Nightmode theme for MyAnimeList.net
  5. @namespace    KillYoy
  6. @author       KillYoy
  7. @homepageURL  https://github.com/KillYoy/MAL-Night
  8. @updateURL    https://raw.githubusercontent.com/KillYoy/MAL-Night/master/MAL-Night.user.css
  9. ==/UserStyle== */
  10. @-moz-document domain("myanimelist.net") {
  11. /* Advertisement Killer */
  12. .mal-ad-unit,
  13. .right_top_ad,
  14. .grecaptcha-badge,
  15. #gdpr-modal-bottom,
  16. .btn-mal-service,
  17. .btn-affiliate.icon-shop-default,
  18. .page-common iframe.fb-page,
  19. .page-common #headerSmall .banner-header-anime-straming,
  20. .page-common #footer-block .banner-footer-anime-streaming {
  21.     visibility: hidden;
  22.     display: none !important;
  23. }
  24. /* Padding Killer */
  25. .page-common .pb16,
  26. .page-common .pb24 {
  27.     padding-bottom: 0px !important;
  28. }
  29. .page-common .pt20 {
  30.     padding-top: 0px !important;
  31. }
  32.  
  33. /* Welcome */
  34. .welcome-back.popup-background {
  35.     background-color: rgba(0,0,0,.5);
  36. }
  37.  
  38. /* Body */
  39. body:not(.ownlist) {
  40.     background-color: #111111;
  41.     background-image: none;
  42.     color: #FFFFFF;
  43. }
  44. .page-common #contentWrapper {
  45.     background-color: #212121;
  46.     padding-bottom: 1px;
  47. }
  48. #myanimelist:before,
  49. #myanimelist:after {
  50.     content: "";
  51.     width: 100%;
  52.     bottom: 0;
  53.     position: fixed;
  54.     display: block;
  55.     background-repeat: no-repeat;
  56.     background-position: center bottom;
  57.     background-size: contain;
  58.     z-index: -2;
  59. }
  60. #myanimelist:before {
  61.     /*background-image: url(https://i.imgur.com/3CKtjS4.png);*/
  62.     left: -39%;
  63.     height: 96%;
  64.     opacity: 0.4;
  65. }
  66. #myanimelist:after {
  67.     /*background-image: url(https://i.imgur.com/gs8GGr3.png);*/
  68.     right: -38%;
  69.     height: 98%;
  70.     opacity: 0.4;
  71. }
  72.  
  73. /* Site Footer */
  74. .page-common .footer-ranking,
  75. .page-common #footer-block {
  76.     width: 1060px;
  77.     margin: 0 auto;
  78. }
  79. .page-common .footer-ranking {
  80.     background-color: #191919;
  81. }
  82. .page-common #footer-block .footer-link-icon-block {
  83.     height: 58px;
  84. }
  85. .page-common .pt24 {
  86.     padding-top: 0px !important;
  87. }
  88. /* Top Header */
  89. .page-common #menu {
  90.     background-color: #2E51A2;
  91.     position: fixed;
  92.     top: 0;
  93.     left: 0;
  94.     width: 100%;
  95.     z-index: 99;
  96. }
  97. .page-common #headerSmall {
  98.     background-color: transparent;
  99.     margin-bottom: -14px;
  100. }
  101. .page-common #menu_left {
  102.     margin-left: 200px;
  103. }
  104. .page-common #headerSmall a.link-mal-logo {
  105.     position: fixed;
  106.     width: 179px;
  107.     height: 32px;
  108.     top: 4px;
  109.     left: 10px;
  110.     z-index: 999;
  111.     filter: invert(1) saturate(0) brightness(1.5);
  112. }
  113. .page-common #headerSmall > a.link-mal-logo {
  114.     background-image: url(https://cdn.myanimelist.net/images/mal-logo-xsmall.png?v=180226001);
  115.     position: fixed;
  116.     top: 2px;
  117. }
  118. .page-common #header-menu.pulldown {
  119.     position: fixed;
  120.     top: 2px;
  121.     right: 2px;
  122. }
  123. .page-common #menu_right {
  124.     position: absolute;
  125.     left: 39.5%;
  126. }
  127. .page-common #header-menu .border::before {
  128.     border-left: none;
  129. }
  130. .page-common .header-profile-button {
  131.     background-color: transparent;
  132.     box-shadow: none;
  133.     height: 34px;
  134.     width: 34px;
  135.     top: -2px;
  136.     right: -2px;
  137. }
  138. .page-common .header-profile-link {
  139.     height: 20px;
  140. }
  141. .page-common .header-profile.link-bg,
  142. .page-common .header-profile.link-bg:hover,
  143. .page-common .header-profile.link-bg.on,
  144. .page-common .header-profile.link-bg.on:hover {
  145.     background-color: transparent !important;
  146. }
  147. .page-common .header-profile-link,
  148. .page-common .header-profile-link:hover,
  149. .page-common .header-list-button,
  150. .page-common .header-list.on .header-list-button,
  151. .page-common .header-message-button,
  152. .page-common .header-message-button .fa,
  153. .page-common .header-notification-button,
  154. .page-common .header-notification-button.has-unread {
  155.     color: #FFFFFF;
  156. }
  157. .page-common .header-list.on .header-list-button,
  158. .page-common .header-message-button .fa:hover {
  159.     opacity: 0.7;
  160. }
  161. /* Header Notification Badges */
  162. .page-common .header-message-button.has-unread.text1::after,
  163. .page-common .header-notification-button.has-unread.text1::after {
  164.     top: -1px;
  165. }
  166. .page-common .header-message-button.has-unread.text1::after,
  167. .page-common .header-notification-button.new::after,
  168. .page-common .header-message-button.has-unread::after ,
  169. .page-common .header-notification-button.has-unread::after {
  170.     background-color: #A12F31;
  171.     border-radius: 8px;
  172. }
  173. /* Top Right Dropdowns */
  174. .page-common .header-profile .header-profile-dropdown {
  175.     right: -30px;
  176.     top: 32px;
  177. }
  178. .page-common .header-list .header-list-dropdown {
  179.     top: 32px;
  180. }
  181. .page-common .header-profile .header-profile-dropdown ul li a,
  182. .page-common .header-list .header-list-dropdown ul li a {
  183.     background-color: #131313;
  184. }
  185. .page-common .header-profile .header-profile-dropdown ul li a:hover,
  186. .page-common .header-list .header-list-dropdown ul li a:hover {
  187.     background-color: #191919;
  188.     color: #FFFFFF;
  189. }
  190. /* Top Right Dropdown: Notifications */
  191. .page-common .header-notification-dropdown {
  192.     top: 32px;
  193. }
  194. .page-common .header-notification-dropdown-inner h3 {
  195.     border: none;
  196. }
  197. .page-common .header-notification-dropdown .arrow_box {
  198.     background-color: #161616;
  199. }
  200. .page-common .header-notification-item-header .time,
  201. .page-common .header-notification-item > .inner.is-read,
  202. .page-common .header-notification-item > .inner.is-read .header-notification-item-header .time,
  203. .page-common .header-notification-item > .inner.is-read .header-notification-item-header .category {
  204.     color: #CCCCCC;
  205. }
  206. .page-common .header-notification-dropdown-inner h3 .mark-all,
  207. .page-common .header-notification-item-header .category,
  208. .page-common .header-notification-item.new,
  209. .page-common .header-notification-item {
  210.     background-color: #161616;
  211.     border-color: #333333;
  212.     color: #FFFFFF !important;
  213. }
  214. .page-common .header-notification-item:hover {
  215.     background-color: #191919;
  216. }
  217. .page-common .header-notification-view-all a,
  218. .page-common .header-notification-view-all a:hover {
  219.     background-color: #2E51A2;
  220.     color: #FFFFFF;
  221. }
  222. /* Login / Signup Buttons */
  223. .page-common #header-menu .header-menu-login .btn-signup,
  224. .page-common #header-menu .header-menu-login .btn-signup:hover {
  225.     background-color: transparent;
  226.     border: none;
  227.     position: fixed;
  228.     padding: 0px 0px;
  229.     right: 80px;
  230. }
  231. .page-common #header-menu .header-menu-login .btn-login,
  232. .page-common #header-menu .header-menu-login .btn-login:hover {
  233.     background-color: transparent;
  234.     color: #FFFFFF;
  235.     border: none;
  236.     position: fixed;
  237.     padding: 0px 0px;
  238.     right: 0px;
  239. }
  240. /* Searchbar */
  241. .page-common #searchBar.searchBar #topSearchText,
  242. .page-common #searchBar.searchBar #topSearchValue option {
  243.     background-color: #243763;
  244.     border: none;
  245.     color: #FFFFFF;
  246. }
  247. .page-common #searchBar.searchBar #topSearchButon.notActive,
  248. .page-common #searchBar.searchBar #topSearchButon {
  249.     background-color: #243763;
  250.     border: 1px solid #243763;
  251.     color: #A5A5A5;
  252. }
  253. .page-common #searchBar.searchBar #topSearchValue {
  254.     background-position: 78px 8px;
  255.     background-color: #DBC89C;
  256.     border: none;
  257.     filter: invert(1);
  258. }
  259. /* Small Header/My Panel */
  260. .page-common .h1,
  261. .initialize-tutorial {
  262.     background-color: #191919;
  263.     border: none;
  264.     color: #FFFFFF;
  265. }
  266. .page-common .h1.edit-info {
  267.     padding-right: 10px;
  268. }
  269. /* Main Content */
  270. .page-common #content,
  271. .page-common .normal_header {
  272.     background-color: #212121;
  273.     border: none;
  274.     color: #CCCCCC;
  275. }
  276. .page-common .fn-blue1 {
  277.     color: #0D80FF !important;
  278. }
  279. body.index .widget .index_h2_seo a,
  280. .page-common a,
  281. .page-common a:visited {
  282.     color: #0D80FF;
  283. }
  284. body.index .widget .index_h2_seo a:hover,
  285. .page-common a:visited:hover {
  286.     color: #1D439B;
  287. }
  288. body.index .widget .widget-header {
  289.     color: #FFFFFF;
  290.     border-color: #333333;
  291. }
  292. .page-common .borderClass,
  293. .page-common .border_top,
  294. .page-common .borderDark,
  295. .page-common .border_solid,
  296. body.index .left-column,
  297. body.index .widget.my_list_updates .item,
  298. body.index .widget.friend_list_updates .item,
  299. body.index .widget.clubs .item,
  300. body.index .widget.reviews .item {
  301.     border-color: #333333;
  302. }
  303. body.index .widget.my_statistics table td:nth-child(1) {
  304.     color: #CCCCCC;
  305. }
  306. .bgColor0.borderClass,
  307. .bgColor1.borderClass {
  308.     border: none;
  309. }
  310. .page-common .bgColor0 {
  311.     background-color: #191919;
  312. }
  313. .page-common .bgColor1,
  314. .page-common .bgColor2 {
  315.     background-color: transparent;
  316. }
  317. /* Anime Boxart */
  318. .widget-slide-block .widget-slide .btn-anime,
  319. #widget-manga-store .widget-slide .btn-anime .link {
  320.     border: none;
  321. }
  322. .widget-slide-block .widget-slide .btn-anime .external-link {
  323.     background-color: #191919;
  324. }
  325.  
  326. /* Top Anime Widgets */
  327. .ranking-digest .ranking-header {
  328.     background-color: #191919;
  329.     border: none;
  330.     color: #CCCCCC;
  331. }
  332. .ranking-digest {
  333.     background-color: #1C1C1C;
  334. }
  335. .ranking-digest .ranking-unit .image {
  336.     box-shadow: none;
  337. }
  338. .ranking-digest .ranking-unit .info {
  339.     color: #CCCCCC;
  340. }
  341. /* Add To List */
  342. .page-common a.button_edit.button_edit,
  343. .page-common a.button_add.button_add {
  344.     background-color: transparent;
  345.     border-bottom: none;
  346.     color: #0D80FF;
  347.     text-transform: uppercase;
  348. }
  349. .page-common a.button_edit.button_edit.plantowatch {
  350.     background-color: #C3C3C3;
  351.     color: #000000;
  352.     border-bottom: none;
  353. }
  354. .page-common a.button_add.button_add:hover {
  355.     text-decoration: underline;
  356. }
  357.  
  358. /* Anime Page: Tabs & Score Panel */
  359. .page-common .breadcrumb,
  360. .page-common #horiznav_nav ul li,
  361. .page-common #horiznav_nav ul li a,
  362. .anime-detail-header-stats .stats-block .score {
  363.     background-color: transparent;
  364.     color: #0D80FF;
  365. }
  366. .anime-detail-header-stats .stats-block {
  367.     background-color: #191919;
  368.     border: none;
  369.     margin-bottom: -8px;
  370. }
  371. .anime-detail-header-stats .stats-block::before {
  372.     background-color: #333333;
  373.     -webkit-box-shadow: none;
  374. }
  375. .anime-detail-header-stats .stats-block .numbers,
  376. .anime-detail-header-stats .stats-block .score::after,
  377. .anime-detail-header-stats .stats-block .information {
  378.     color: #CCCCCC;
  379. }
  380. .anime-detail-header-stats .stats-block .information {
  381.     border-color: #333333;
  382. }
  383. /* Manga Panel */
  384. .page-common .manga-store-preview {
  385.     border: none;
  386.     padding: 0px;
  387. }
  388. .page-common .manga-store-preview-info {
  389.     background-color: #191919;
  390.     padding: 6px 0px 0px 12px;
  391. }
  392. .page-common .manga-store-preview .manga-store-preview-info .manga-store-preview-info-header {
  393.     border-color: #333333;
  394.     color: #FFFFFF;
  395. }
  396. /* Add To My List Panel */
  397. .anime-detail-header-stats .user-status-block,
  398. .user-status-block .form-user-status {
  399.     background-color: #131313;
  400.     border: none;
  401. }
  402. .user-status-block .form-user-score,
  403. .user-status-block .form-user-episode {
  404.     background-color: #131313;
  405.     border-color: #0D80FF70;
  406.     color: #0D80FF;
  407. }
  408. .user-status-block .form-user-episode input[type="text"],
  409. .user-status-block .form-user-episode.completed input[type="text"],
  410. .user-status-block .form-user-episode input[type="text"]:focus,
  411. .user-status-block .form-user-episode.completed input[type="text"]:focus {
  412.     background-color: #131313;
  413.     border: none;
  414.     color: #0D80FF;
  415. }
  416. .page-common .notice_open_public {
  417.     display: none;
  418. }
  419. .page-common .profileRows a,
  420. .page-common .profileRows a.on {
  421.     color: #0D80FF;
  422.     border: none !important;
  423. }
  424. /* Anime Description */
  425. .total_messages,
  426. .page-common .fn-grey2,
  427. .page-common .fn-grey4,
  428. .page-common .fn-grey5,
  429. .page-common h3,
  430. .page-common h5 {
  431.     color: #CCCCCC !important;
  432.     border-color: #333333 !important;
  433. }
  434. .page-common .dark_text,
  435. .page-common h2 {
  436.     color: #FFFFFF !important;
  437.     border-color: #333333 !important;
  438. }
  439. .page-common #profileRows a {
  440.     color: #0D80FF;
  441.     border: none !important;
  442. }
  443. .page-common #profileRows a:hover {
  444.     background-color: transparent;
  445. }
  446. /* Anime Description: Episode Videos */
  447. .anime-slide-block .anime-slide .btn-anime .link .title {
  448.     padding: 15px 5px 2px;
  449. }
  450. /* Stats Hover Popup */
  451. .statistics-info {
  452.     background-color: #161616;
  453.     border: none;
  454.     color: #FFFFFF;
  455.     font-size: 15px;
  456. }
  457. .statistics-info:before {
  458.     filter: invert(1) contrast(0.8);
  459. }
  460. .statistics-info:after {
  461.     display: none;
  462. }
  463. /* Manga Store */
  464. a.left-info-block-manga-store-button {
  465.     color: #000;
  466. }
  467. a.title[data-v-fe02bf62],
  468. a.title[data-v-617a7b38] {
  469.     color: #0D80FF;
  470. }
  471. .slider-wrap[data-v-083e412e],
  472. .slider-wrap[data-v-d2f4bf8a] {
  473.     border-bottom: none;
  474. }
  475. .volume a[data-v-fe02bf62],
  476. .volume a[data-v-617a7b38] {
  477.     color: #CCCCCC;
  478. }
  479. /* Characters & Voice Actors */
  480. .detail-characters-list .left-column table:nth-of-type(1n),
  481. .detail-characters-list .left-right table:nth-of-type(1n) {
  482.     background-color: #1C1C1C;
  483. }
  484. .page-common div.picSurround img {
  485.     background-color: transparent;
  486.     border: none;
  487. }
  488. /* .page-common td+.borderClass, */
  489. .page-common .ac,
  490. .page-common .ar.fw-n.borderClass,
  491. .detail-characters-list .left-column.divider::after {
  492.     border: none;
  493. }
  494. /* Reviews */
  495. .reviews-horiznav-nav-sort-block,
  496. .page-common .textReadability {
  497.     border: none !important;
  498. }
  499. .page-common .lightLink {
  500.     color: #A5A5A5;
  501. }
  502. .page-common .lightLink:link,
  503. .page-common .lightLink:visited,
  504. .page-common .lightLink:active {
  505.     color: #0D80FF;
  506. }
  507. .page-common .button_form {
  508.     background-color: #1C1C1C;
  509.     border-bottom: 1px solid #0D80FF;
  510. }
  511. /* Anime Episodes Page */
  512. .di-t.w100.mb8 {
  513.     background-color: transparent !important;
  514. }
  515. .episode_list .episode-list-header,
  516. .episode_list .episode-list-header td,
  517. .episode_list .episode-list-header td:last-of-type {
  518.     background-color: #191919 !important;
  519.     border: none !important;
  520.     color: #CCCCCC;
  521. }
  522. .episode_list td {
  523.     border: none !important;
  524. }
  525. .episode_list .episode-list-data:nth-of-type(2n+1) td {
  526.     background-color: #191919 !important;
  527.     color: #CCCCCC;
  528. }
  529. .episode_list .episode-list-data:nth-of-type(2n+2) td {
  530.     background-color: #1C1C1C !important;
  531.     color: #CCCCCC;
  532. }
  533. /* Anime Episodes Page: Episode Carousel */
  534. .contents-video-embed .episode-information {
  535.     background-color: #161616;
  536.     margin: 0px 3px 0px 0px;
  537. }
  538. .contents-video-embed .video-anime-slide-block.hori {
  539.     background-color: #191919;
  540.     border-color: #191919;
  541.     padding: 8px 8px 8px 0px;
  542. }
  543. .contents-video-embed .btn-video-anime-slide.hori[data-dir="next"],
  544. .contents-video-embed .btn-video-anime-slide.hori[data-dir="prev"] {
  545.     background-color: #191919;
  546. }
  547. .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime,
  548. .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime.play .link {
  549.     background-color: #161616;
  550.     padding-right: 0px;
  551. }
  552. .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime:hover .link {
  553.     background-color: #111111;
  554. }
  555. .contents-video-embed .video-anime-slide-block.hori .video-anime-slide .btn-anime .link .text {
  556.     color: #0D80FF;
  557. }
  558.  
  559. /* Anime Stats Page */
  560. .table-recently-updated tr:nth-of-type(1n) td {
  561.     background-color: #1C1C1C;
  562. }
  563. .table-recently-updated tr:nth-of-type(2n) td {
  564.     background-color: #202020;
  565. }
  566. .table-recently-updated .image-member,
  567. .page-common td+td .borderClass {
  568.     border: none !important;
  569. }
  570. .page-common div.updatesBar {
  571.     background-color: #2E51A2;
  572. }
  573.  
  574. /* Recent Forum Discussions & Articles */
  575. .page-forum .forum_boardrow2 {
  576.     background-color: #181818;
  577.     border: none;
  578. }
  579. .page-forum .forum_boardrow1 {
  580.     background-color: #1C1C1C;
  581.     border: none;
  582. }
  583. .page-forum .forum_postusername a {
  584.     color: #0D80FF !important;
  585. }
  586. .detail-page-featured-article .news-list .news-unit .news-unit-right .text,
  587. .detail-page-featured-article .news-list .news-unit .news-unit-right .information .info,
  588. .news-list .news-unit .information .pv {
  589.     color: #CCCCCC;
  590. }
  591. #forumTopics .js-toggle-watching-topic-button,
  592. #forumTopics .js-ignore-topic-button {
  593.     filter: invert(0.9) hue-rotate(185deg) saturate(4);
  594. }
  595.  
  596. /* Recommendations */
  597. .btn-detail-recommendations-view-all,
  598. .btn-detail-recommendations-view-all .icon-next {
  599.     background-color: #191919;
  600. }
  601. .btn-detail-recommendations-view-all .text {
  602.     color: #CCCCCC;
  603. }
  604. .anime-slide-block .anime-slide .btn-anime.auto .users {
  605.     background-color: rgba(0,0,0,.7) !important;
  606.     color: #CCCCCC !important;
  607. }
  608.  
  609. /* Anime Search */
  610. .search_all .content-result .content-left,
  611. .search_all .content-result .list,
  612. .anime-manga-search .genre-link .genre-list {
  613.     border-color: #333333;
  614. }
  615. .auto-recommendations .item,
  616. .anime-manga-search .genre-link .genre-list .genre-name-link:hover {
  617.     background-color: #1C1C1C;
  618.     color: #FFFFFF;
  619. }
  620. .search_all .content-result .list .information .users {
  621.     color: #CCCCCC;
  622. }
  623. /* Anime/Manga Search: Big Searchbar */
  624. .anime-search-form-block .anime-search-form-search .inputtext,
  625. .manga-store .manga-store-search-form-search .inputtext,
  626. .quickadd-content .quickadd-form-search .inputtext {
  627.     background-color: #161616;
  628.     border: 1px solid #161616;
  629.     color: #FFFFFF;
  630.     height: 38px;
  631. }
  632. .anime-search-form-block .anime-search-form-search .inputButton,
  633. .manga-store .manga-store-search-form-search .inputButton,
  634. .quickadd-content .quickadd-form-search .inputButton {
  635.     background-color: #161616;
  636.     border: none;
  637.     color: #A5A5A5;
  638.     height: 40px;
  639. }
  640. .anime-search-form-block,
  641. .manga-store .manga-store-search-form-block {
  642.     margin: 0px auto;
  643. }
  644. /* Anime Search Dropdown */
  645. .page-common .incrementalSearchResultList,
  646. .page-common .incrementalSearchResultList .list,
  647. .page-common .incrementalSearchResultList .list.focus,
  648. .page-common .incrementalSearchResultList .list:hover,
  649. .page-common .incrementalSearchResultList .list.list-bottom.focus,
  650. .page-common .incrementalSearchResultList .list.separator {
  651.     background-color: #191919;
  652.     border: 1px solid #191919;
  653.     color: #FFFFFF;
  654. }
  655. .page-common .incrementalSearchResultList .list .off .info.anime .media-type,
  656. .page-common .incrementalSearchResultList .list .on .info .media-type,
  657. .page-common .incrementalSearchResultList .list .on .info .extra-info {
  658.     color: #CCCCCC;
  659. }
  660. .page-common .incrementalSearchResultList .list .image {
  661.     border: none;
  662. }
  663. /* Top Anime List Tables */
  664. .top-ranking-table {
  665.     width: 1060px;
  666.     margin-left: -10px;
  667. }
  668. .top-ranking-table tr.ranking-list:nth-of-type(2n+1) td {
  669.     background-color: #212121;
  670.     border-left: 1px solid #191919;
  671. }
  672. .top-ranking-table tr.ranking-list td {
  673.     background-color: #191919;
  674.     border-left: 1px solid #212121;
  675. }
  676. .top-ranking-table .table-header td {
  677.     background-color: #2E51A2;
  678.     border: none;
  679. }
  680. .top-ranking-table tr td {
  681.     padding-bottom: 5px;
  682.     padding-top: 5px;
  683. }
  684. .top-ranking-table tr:last-of-type,
  685. .top-ranking-table tr td:first-of-type,
  686. .top-ranking-table tr td:last-of-type,
  687. .top-ranking-table tr td:last-of-type {
  688.     border: none !important;
  689. }
  690. .top-ranking-table .lightLink,
  691. .top-ranking-table .score .text.on {
  692.     color: #FFFFFF;
  693. }
  694. .top-ranking-table .your-score a .text.on,
  695. .top-ranking-table .your-score a:hover .text.on {
  696.     color: #FDDF04;
  697. }
  698. .top-ranking-table .title .link {
  699.     color: #0D80FF;
  700. }
  701. .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status {
  702.     background-color: transparent;
  703. }
  704. .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.completed,
  705. .top-ranking-table .status .btn-addEdit-large.btn-anime-watch-status.watching {
  706.     background-color: #161616;
  707. }
  708.  
  709. /* Seasonal Anime */
  710. .navi-seasonal {
  711.     background-color: #212121;
  712. }
  713. .navi-seasonal .horiznav-nav-seasonal {
  714.     border-bottom: 1px solid #333333;
  715.     padding-top: 10px;
  716. }
  717. .navi-seasonal .horiznav-nav-seasonal .btn-seasonal .btn-type,
  718. .navi-seasonal .horiznav_nav ul li a.navtab,
  719. .navi-seasonal .horiznav_nav ul li a {
  720.     background-color: #191919;
  721.     border: none;
  722.     color: #CCCCCC;
  723. }
  724. .seasonal-anime-list .anime-header {
  725.     background-color: #2E51A2;
  726.     border: none;
  727. }
  728. .navi-seasonal.fixed::after {
  729.     filter: invert(1) contrast(0.74);
  730. }
  731. .seasonal-anime-list .seasonal-anime,
  732. .seasonal-anime-list .seasonal-anime .prodsrc,
  733. .seasonal-anime-list .seasonal-anime .genres,
  734. .seasonal-anime-list .seasonal-anime .image {
  735.     background-color: #191919;
  736.     border: none;
  737. }
  738. .seasonal-anime-list .seasonal-anime .information .info,
  739. .seasonal-anime-list .seasonal-anime .information .scormem,
  740. .seasonal-anime-list .seasonal-anime .information {
  741.     background-color: #161616;
  742.     border: none
  743. }
  744. .seasonal-anime-list .seasonal-anime .prodsrc a.button_edit {
  745.     border: none;
  746. }
  747. .seasonal-anime-list .seasonal-anime .prodsrc a.button_edit.plantowatch {
  748.     background-color: #C3C3C3;
  749.     color: #000000;
  750. }
  751. .seasonal-anime-list .seasonal-anime .prodsrc a.button_add {
  752.     background-color: transparent;
  753.     border: none;
  754. }
  755. .seasonal-anime-list .seasonal-anime .genres .btn-more-genre,
  756. .seasonal-anime-list .seasonal-anime .genres .genre,
  757. .seasonal-anime-list .seasonal-anime .genres .genre:hover {
  758.     background-color: #1080FF20;
  759.     border-color: #1080FF;
  760. }
  761. .seasonal-anime-list .seasonal-anime .prodsrc .eps,
  762. .seasonal-anime-list .seasonal-anime .prodsrc .source {
  763.     border-left: 1px solid #333333;
  764.     color: #CCCCCC;
  765. }
  766. .seasonal-anime-list .seasonal-anime .genres .genre a,
  767. .seasonal-anime-list .seasonal-anime .information .info,
  768. .seasonal-anime-list .seasonal-anime .information .scormem .score,
  769. .seasonal-anime-list .seasonal-anime .information .scormem .member {
  770.     color: #CCCCCC;
  771. }
  772. .seasonal-anime-list .seasonal-anime .title,
  773. .seasonal-anime-list .seasonal-anime .title .title-text {
  774.     background-color: #131313;
  775.     max-height: 52px;
  776. }
  777. .seasonal-anime-list .seasonal-anime .information .scormem .score::after,
  778. .seasonal-anime-list .seasonal-anime .information .scormem .member::after {
  779.     filter: invert(1) contrast(0.83);
  780. }
  781. .seasonal-anime-list .seasonal-anime .prodsrc .icon-add-episode {
  782.     filter: invert(1) contrast(0.8) hue-rotate(190deg);
  783.     height: 16px;
  784. }
  785. .icon-watch,
  786. .icon-watch-pv,
  787. .episode-video.nowrap img {
  788.     filter: invert(1) contrast(0.92);
  789. }
  790. /* View More Table */
  791. .season .anime-seasonal-byseason td {
  792.     background-color: #212121;
  793.     border: none !important;
  794. }
  795.  
  796. /* Sorting / Sorted By X Dropdown */
  797. .season .btn-show-sort,
  798. .season .btn-show-kids,
  799. .season .btn-show-r18,
  800. .season .seasonal-sort-order-block .sort-order-list .btn-sort-order,
  801. .anime-filter .btn-show-sort,
  802. .anime-filter .search-filter-sort-order-block .sort-order-list .btn-sort-order,
  803. .reviews-horiznav-nav-sort-block .review-sort-order-block .sort-order-list .btn-sort-order {
  804.     color: #CCCCCC;
  805. }
  806. .season .seasonal-sort-order-block,
  807. .season .seasonal-sort-order-block .btn-close,
  808. .anime-filter .search-filter-sort-order-block,
  809. .anime-filter .search-filter-sort-order-block .btn-close,
  810. .reviews-horiznav-nav-sort-block .review-sort-order-block,
  811. .reviews-horiznav-nav-sort-block .review-sort-order-block .btn-close {
  812.     background-color: #1C1C1C;
  813.     border: none;
  814. }
  815.  
  816. /* Anime Hover Popup */
  817. .page-common .hoverinfo .hoverinfo-contaniner {
  818.     background-color: #141414;
  819.     border: 1px solid #191919;
  820. }
  821. .page-common .hoverinfo,
  822. .page-common .hoverinfo::after {
  823.     background-image: none;
  824. }
  825.  
  826. /* Anime News */
  827. body.news .news-container .title a,
  828. body.news .news-container .title,
  829. body.news .menu-category .btn-category.selected {
  830.     color: #FFFFFF;
  831. }
  832. body.news .menu-category .btn-category {
  833.     color: #CCCCCC;
  834.     border-color: #A5A5A5;
  835. }
  836. .news-list .news-unit .image-link,
  837. body.news .news-side-block .news-list img.thumbs,
  838. body.news .columnist-side-block .columnist-list .columnists-unit-side .image {
  839.     border: none;
  840.     box-shadow: none;
  841. }
  842. body.news .featured-article-body em,
  843. body.news .featured-article-body p,
  844. body.news .featured-article-body h1,
  845. body.news .featured-article-body h4,
  846. .news-list .news-unit .information .info,
  847. body.news .news-container .summary,
  848. body.news .news-container .content,
  849. body.news .news-list .comment-list .text,
  850. body.news .news-list .news-unit .text,
  851. body.news .news-container .information,
  852. body.news .news-side-block .news-list .news .information,
  853. body.news .news-side-block .news-list .news .information .comment,
  854. body.news .tag-side-block .tag-cloud .tag {
  855.     color: #CCCCCC;
  856. }
  857. body.news .news-container hr {
  858.     color: #333333;
  859. }
  860. body.news .header {
  861.     color: #CCCCCC !important;
  862.     border-color: #333333 !important;
  863. }
  864. body.news .content-left,
  865. body.news .menu-category,
  866. body.news .news-side-block .news-list .news,
  867. body.news .news-breadcrumbs,
  868. .tags-inner-attributes,
  869. .news-list .news-unit,
  870. .news-list .news-unit .information .tags,
  871. .news-list .news-unit .information .pv {
  872.     border-color: #333333 !important;
  873. }
  874. body.news .news-container .tags,
  875. body.news .news-container .news-info-block,
  876. .page-common .pagination .link {
  877.     background-color: transparent !important;
  878. }
  879. /* Anime News: Tags */
  880. .menu-category .btn-edit-tags {
  881.     background-color: #2E51A230;
  882.     color: #FFFFFF;
  883. }
  884. .news-list .news-unit .information .tag {
  885.     line-height: 14px;
  886. }
  887. .news-list .news-unit .information .tags .tag {
  888.     color: #CCCCCC;
  889.     border-color: #333333;
  890. }
  891. .tag.tag-color-feature-spoiler {
  892.     background-color: rgba(255,44,85,.1) !important;
  893. }
  894. .btn-category.tag-color1,
  895. .tag.tag-color1 {
  896.     background-color: rgba(255,44,85,.1) !important;
  897.     color: #FFFFFF !important;
  898. }
  899. .btn-category.tag-color2,
  900. .tag.tag-color2 {
  901.     background-color: rgba(255,204,1,.1) !important;
  902.     color: #FFFFFF !important;
  903. }
  904. .btn-category.tag-color3,
  905. .tag.tag-color3 {
  906.     background-color: rgba(76,217,99,.1) !important;
  907.     color: #FFFFFF !important;
  908. }
  909. body.news .menu-category .btn-edit-tags,
  910. .btn-choose-your-own,
  911. .btn-category.tag-color4,
  912. .tag.tag-color4 {
  913.     background-color: rgba(32,149,242,.1) !important;
  914.     color: #FFFFFF !important;
  915. }
  916. .btn-category.tag-color5,
  917. .tag.tag-color5 {
  918.     background-color: rgba(155,38,175,.1) !important;
  919.     color: #FFFFFF !important;
  920. }
  921. .btn-category.tag-color6 {
  922.     background-color: rgba(151, 151, 151, .1) !important;
  923.     color: #FFFFFF !important;
  924.     border-color: #777777 !important;
  925. }
  926. /* Anime News: Featured Tags Page */
  927. body.news .news-content-block.news-tags h2.news-tags-header {
  928.     border: none !important;
  929. }
  930. body.news .news-content-block.news-tags .news-tags-table .tag-list {
  931.     border-color: #333333;
  932. }
  933. body.news .news-content-block.news-tags .news-tags-table .tag-list:hover,
  934. body.news .news-content-block.news-tags .news-tags-table .tag-list:hover .tag-name-link .tag-name {
  935.     background-color: #1C1C1C;
  936.     color: #CCCCCC;
  937. }
  938. /* Anime News > Tags */
  939. body.news .news-content-block.news-tags .news-tags-table.news,
  940. body.news .news-content-block.news-tags .news-tags-table.news td {
  941.     border: none;
  942. }
  943. body.news .news-content-block.news-tags .news-tags-table.news {
  944.     background-color: #1C1C1C;
  945. }
  946. body.news .news-content-block.news-tags .news-tags-table.news tr:nth-of-type(2n+1) {
  947.     background-color: #191919;
  948. }
  949. /* Anime News: Comments */
  950. body.news .news-list .comment-list {
  951.     background-color: #161616;
  952.     border: none;
  953. }
  954. body.news .news-list .comment-list:nth-of-type(2n) {
  955.     background-color: #191919;
  956.     border: none;
  957. }
  958. body.news .news-list .comment-list .quotetext {
  959.     background-color: #131313;
  960.     border-color: #191919;
  961. }
  962. /* Anime News & Forums: Searchbar */
  963. .news.featured .featured-search-side .featured-search-input-text,
  964. .news.featured .featured-search-side .featured-search-input-submit,
  965. .news.featured .featured-search-side .featured-search-input-submit.notActive,
  966. .news.featured .featured-search-side .featured-search-input-submit.notActive:hover,
  967. .news.featured .featured-search-side .featured-search-input-submit.notActive:active,
  968. .news.featured .featured-search-side .featured-search-input-submit:active,
  969. .forum .forum-search-side .forum-search-select,
  970. .forum .forum-search-side .forum-search-input-text,
  971. .forum .forum-search-side .forum-search-input-submit.notActive,
  972. .forum .forum-search-side .forum-search-input-submit.notActive:hover,
  973. .forum .forum-search-side .forum-search-input-submit.notActive:active,
  974. .forum .forum-search-side .forum-search-input-submit:active {
  975.     background-color: #191919;
  976.     border: 1px solid #191919;
  977.     box-shadow: none;
  978.     color: #CCCCCC;
  979. }
  980.  
  981. /* Clubs */
  982. .club-list .table-data td {
  983.     background-color: #191919;
  984. }
  985. .club-list .table-data:nth-of-type(2n+1) td {
  986.     background-color: #1C1C1C;
  987. }
  988. .club-list .table-header td,
  989. .club-list .table-data td {
  990.     border: none;
  991. }
  992. .club-list .table-data td .informantion {
  993.     color: #CCCCCC;
  994. }
  995. .club-list .btn-club-join {
  996.     background-color: #182636;
  997.     color: #CCCCCC;
  998. }
  999.  
  1000. /* Clubs: Big Searchbar */
  1001. .club-search-form-search .inputtext {
  1002.     background-color: #161616 !important;
  1003.     border: 1px solid #161616 !important;
  1004.     color: #FFFFFF;
  1005.     height: 38px;
  1006. }
  1007. .club-search-form-search .inputButton,
  1008. .club-search-form-search .select,
  1009. .club-search-form-search .select option {
  1010.     background-color: #161616;
  1011.     border: none;
  1012.     color: #FFFFFF;
  1013.     height: 40px;
  1014.     background-position: 125px 13px;
  1015. }
  1016.  
  1017. /* Watch */
  1018. .watch .mt4 {
  1019.     margin-top: 0px !important;
  1020. }
  1021. .watch .breadcrumb {
  1022.     padding-top: 6px;
  1023. }
  1024. .watch .video-menu-category {
  1025.     border-color: #333333;
  1026. }
  1027. .watch .video-menu-category .btn-category {
  1028.     background-color: #191919;
  1029.     color: #CCCCCC;
  1030. }
  1031. .watch .video-list-outer-vertical .video-info-title a.button_add {
  1032.     background-color: transparent !important;
  1033.     border: none !important;
  1034.     color: #0D80FF;
  1035. }
  1036. .watch .video-menu-category .btn-hide-blocked-video {
  1037.     color: #CCCCCC;
  1038. }
  1039.  
  1040. /* Characters/People Search */
  1041. .characters-search-form-search .inputtext,
  1042. .people-search-form-search .inputtext {
  1043.     background-color: #161616 !important;
  1044.     border: 1px solid #161616 !important;
  1045. }
  1046. .characters-search-form-search .inputButton,
  1047. .people-search-form-search .inputButton {
  1048.     background-color: #161616;
  1049.     border: none;
  1050. }
  1051. .characters-favorites-ranking-table .table-header td,
  1052. .characters-favorites-ranking-table tr td:last-of-type,
  1053. .characters-favorites-ranking-table tr:last-of-type,
  1054. .people-favorites-ranking-table .table-header td,
  1055. .people-favorites-ranking-table tr td:last-of-type,
  1056. .people-favorites-ranking-table tr:last-of-type {
  1057.     border: none;
  1058. }
  1059. .characters-favorites-ranking-table tr.ranking-list td,
  1060. .people-favorites-ranking-table tr.ranking-list td {
  1061.     background-color: #191919;
  1062.     border: none;
  1063. }
  1064. .characters-favorites-ranking-table tr.ranking-list:nth-of-type(2n+1) td,
  1065. .people-favorites-ranking-table tr.ranking-list:nth-of-type(2n+1) td {
  1066.     background-color: #1C1C1C;
  1067. }
  1068. .characters-favorites-ranking-table .fn-grey6,
  1069. .characters-favorites-ranking-table tr.ranking-list .favorites,
  1070. .people-favorites-ranking-table .fn-grey6,
  1071. .people-favorites-ranking-table tr.ranking-list .favorites,
  1072. .people-favorites-ranking-table tr.ranking-list .birthday {
  1073.     color: #CCCCCC !important;
  1074. }
  1075.  
  1076. /* Featured Articles */
  1077. .featured-pickup .featured-pickup-unit .image{
  1078.     box-shadow: none;
  1079. }
  1080. .featured-pickup .featured-pickup-unit .title {
  1081.     color: #FFFFFF;
  1082. }
  1083. .featured-pickup .featured-pickup-unit .text {
  1084.     color: #CCCCCC;
  1085. }
  1086. .featured-content-block-outer,
  1087. .featured-pickup .featured-pickup-unit .information .pv,
  1088. .featured-pickup .featured-pickup-unit .information .tags {
  1089.     border-color: #333333;
  1090. }
  1091. .news-list .news-unit .information .tags .tag.tag-color-feature-advertorial {
  1092.     background-color: rgba(32,149,242,.1) !important;
  1093.     color: #0D80FF;
  1094. }
  1095.  
  1096. /* Forums */
  1097. .forum .forum-header {
  1098.     background-color: #2E51A2;
  1099.     border: none;
  1100. }
  1101. .forum .forum-side-block .forum-side-list img.thumbs,
  1102. .forum .forum-board {
  1103.     background-color: #191919;
  1104.     border: none;
  1105. }
  1106. .page-forum .forum-table-header .normal_header,
  1107. .forum .forum-board:nth-of-type(2n) {
  1108.     background-color: #161616;
  1109. }
  1110. .forum .forum-board,
  1111. .forum .forum-side-block .header,
  1112. .forum .page-common .icon-forum-locked,
  1113. .forum .forum-board .forum-board-description,
  1114. .forum .forum-side-block .forum-side-list .forum-post .information .comment {
  1115.     color: #CCCCCC;
  1116. }
  1117. .forum .forum-side-block .header,
  1118. .forum .forum-side-block .forum-side-list .forum-post {
  1119.     border-color: #333333;
  1120. }
  1121. /* Forums Header Buttons */
  1122. .btn-rect-grey1,
  1123. .btn-rect-grey1:hover {
  1124.     background-color: transparent;
  1125.     border-color: transparent;
  1126. }
  1127. .page-forum .btn-forum {
  1128.     background-color: #191919;
  1129.     border-color: #191919;
  1130. }
  1131. .js-toggle-watching-topic-button:hover,
  1132. .js-toggle-ignore-topic-button:hover {
  1133.     background-color: #161616 !important;
  1134. }
  1135. /* Forum Thread */
  1136. .page-forum .forum_locheader,
  1137. .page-forum .forum_boardrow1 {
  1138.     color: #CCCCCC;
  1139. }
  1140. .page-common .quotetext,
  1141. .page-common .codetext {
  1142.     background-color: #131313;
  1143.     border: none;
  1144. }
  1145. .page-forum .sig span,
  1146. .page-forum .sig {
  1147.     border-color: #333333;
  1148.     color: #CCCCCC !important;
  1149. }
  1150. .page-forum .forum_boardrowspacer {
  1151.     display: none;
  1152. }
  1153.  
  1154. /* User Profile */
  1155. .user-profile .user-image img {
  1156.     margin-bottom: -8px;
  1157. }
  1158. .page-common .content-container .container-left {
  1159.     padding-top: 0px;
  1160. }
  1161. .user-profile .user-function .icon-user-function {
  1162.     background-color: #191919 !important;
  1163.     border: 1px solid #191919 !important;
  1164.     float: left;
  1165. }
  1166. .user-profile .user-function .icon-user-function .text {
  1167.     width: 59px;
  1168. }
  1169. .user-profile .user-function .icon-user-function.icon-request.disabled {
  1170.     background-size: 219px 110px;
  1171.     width: 50px;
  1172. }
  1173. .user-profile .user-function .icon-user-function.icon-message.disabled {
  1174.     background-size: 223px 111px;
  1175. }
  1176. .user-profile .user-button .btn-profile-submit:hover {
  1177.     color: #FFFFFF;
  1178. }
  1179. .profile .user-comments .comment,
  1180. .user-profile .user-status li,
  1181. .user-profile .user-status li.link:hover {
  1182.     background-color: #191919;
  1183. }
  1184. .profile .user-comments .comment:nth-of-type(2n+1),
  1185. .user-profile .user-status li:nth-of-type(2n),
  1186. .user-profile .user-status li:nth-of-type(2n):hover {
  1187.     background-color: #1C1C1C;
  1188. }
  1189. .user-profile h4,
  1190. .page-common .content-container .container-left {
  1191.     border-color: #333333;
  1192. }
  1193. .user-profile .user-status.border-top,
  1194. .profile .user-favorites .favorites-list .list .image,
  1195. .profile .statistics-updates .image,
  1196. .profile .user-comments .comment .image img {
  1197.     border: none;
  1198. }
  1199. .user-profile .user-friends .icon-friend {
  1200.     box-shadow: none;
  1201. }
  1202. .outside-region .outside-region-block,
  1203. .js-truncate-outer .btn-truncate {
  1204.     filter: invert(1) contrast(0.74);
  1205. }
  1206. /* User Profile: Stats Bars */
  1207. .profile .statistics-updates .data .graph,
  1208. .profile .user-statistics .stats-graph,
  1209. .user-profile .user-compatability-graph .bar-outer {
  1210.     background-color: #191919;
  1211.     border: none;
  1212. }
  1213. .profile .user-statistics .stats-graph.mt8 .graph,
  1214. .profile .user-statistics .stats-graph.mt8 {
  1215.     height: 12px;
  1216. }
  1217. .profile .user-statistics .stats-graph {
  1218.     border-radius: 4px;
  1219. }
  1220. .profile .user-statistics .stats-graph span:first-of-type {
  1221.     border-radius: 4px 0 0 4px;
  1222. }
  1223. .profile .user-statistics .stats-graph span:last-of-type {
  1224.     border-radius: 0 4px 4px 0;
  1225. }
  1226. /* Friends Card */
  1227. .majorPad .bgLightBlue,
  1228. .majorPad .friendHolder {
  1229.     background-color: #191919;
  1230.     height: 78px;
  1231.     margin: 0px 0;
  1232. }
  1233.  
  1234. /* User Profile Settings */
  1235. .page-common .goodresult,
  1236. .page-common .successQuery,
  1237. .page-common .badresult,
  1238. .page-common .setting-row {
  1239.     background-color: #1C1C1C;
  1240.     color: #CCCCCC;
  1241. }
  1242. .page-common .setting-row.show-hidden {
  1243.     background-color: #191919;
  1244.     color: #777777;
  1245. }
  1246. /* User Profile Settings: Notifications */
  1247. .notification_settings .notification-setting-content .settings-notification .setting.header td {
  1248.     background-color: #191919;
  1249.     border: none;
  1250. }
  1251. .notification_settings .notification-setting-content .settings-notification .setting td {
  1252.     background-color: #1C1C1C;
  1253.     border: none;
  1254. }
  1255. .notification_settings .notification-setting-content .settings-notification .setting.header td.button,
  1256. .notification_settings .notification-setting-content .settings-notification .setting td.button,
  1257. .notification_settings .notification-setting-content .settings-notification .setting td.button:last-of-type {
  1258.     border: none;
  1259. }
  1260. .notification_settings .notification-setting-content .settings-notification .setting td.label .title {
  1261.     color: #CCCCCC;
  1262. }
  1263. .notification_settings .notification-setting-content .settings-notification .setting td.button input[type="checkbox"]:checked + label {
  1264.     background-color: #191919;
  1265. }
  1266. /* User Profile Settings: SNS */
  1267. .btn-sns-setting {
  1268.     background-color: #191919;
  1269.     color: #0D80FF;
  1270. }
  1271. .sns-setting .cell-border-vertical,
  1272. .sns-setting .sns-setting-default,
  1273. .sns-setting {
  1274.     background-color: #1C1C1C;
  1275.     border: none;
  1276. }
  1277. .sns-setting .table tr:nth-of-type(2n+1) td {
  1278.     background-color: #191919;
  1279.     border: none;
  1280. }
  1281.  
  1282. /* My Messages */
  1283. .pmessage-checkbox-block,
  1284. .message-container {
  1285.     background-color: transparent;
  1286.     border: none;
  1287. }
  1288. .message.read > .mym {
  1289.     background-color: #191919;
  1290.     border: none;
  1291. }
  1292. .message.rea
  1293. .private-message-content .fn-grey6,
  1294. .pmessage-message-history .date,
  1295. .message .mym .mym_date,
  1296. .message .mym_subject a.subject-link .text {
  1297.     color: #CCCCCC !important;
  1298. }
  1299. .pmessage-message-history .date,
  1300. .pmessage-message-history .name,
  1301. .pmessage-message-history .subject,
  1302. .message:last-of-type > .mym {
  1303.     border-color: #333333;
  1304. }
  1305. /* Edit Anime Dialog */
  1306. #fancybox-outer {
  1307.     background-color: #11111170;
  1308. }
  1309. #dialog,
  1310. #dialog td {
  1311.     background-color: transparent;
  1312.     border: none;
  1313.     color: #CCCCCC;
  1314. }
  1315. #dialog td .draggable_list li:hover {
  1316.     background-color: #161616;
  1317. }
  1318. #dialog td .normal_header {
  1319.     background-color: transparent;
  1320. }
  1321. .ownlist_anime_update #advanced-button .separator,
  1322. .ownlist_manga_update #advanced-button .separator {
  1323.     border-color: #333333;
  1324. }
  1325. .ownlist_anime_update #advanced-button .toggle-button,
  1326. .ownlist_manga_update #advanced-button .toggle-button {
  1327.     background-color: #333333;
  1328.     color: #FFFFFF;
  1329. }
  1330. #editdiv,
  1331. #fancybox-inner,
  1332. .page-common .inputtext,
  1333. .page-common .textarea {
  1334.     background-color: #191919;
  1335.     border-color: #191919;
  1336.     color: #FFFFFF;
  1337. }
  1338.  
  1339. /* Manga Store Page/Search */
  1340. .manga-store .detail-card .detail-img,
  1341. .manga-store .content-detail,
  1342. .manga-store .comics-list-tab-item.is-active {
  1343.     border: none;
  1344. }
  1345. .manga-store .side-left {
  1346.     padding: 0px 10px 16px 0;
  1347. }
  1348. .manga-store .comics-list-tab-area::before {
  1349.     background-color: #333333;
  1350. }
  1351. .manga-store a[data-v-93cd87b2],
  1352. .manga-store .comic-detail-info-price .tax {
  1353.     color: #FFFFFF;
  1354. }
  1355. .manga-store .manga-store-search-results .item .title,
  1356. .manga-store .side-mangaRanking .side-mangaRanking-item .side-mangaRanking-body .side-mangaRanking-title,
  1357. .manga-store .detail-card .detail-infoList-item a {
  1358.     color: #0D80FF;
  1359. }
  1360. a.manga-store-genre-list-toggle,
  1361. .manga-store .manga-store-search-genres .genre {
  1362.     background-color: #0D80FF;
  1363.     color: #FFFFFF;
  1364. }
  1365. a.manga-store-genre-list-toggle:hover,
  1366. .manga-store .manga-store-search-genres .genre:hover {
  1367.     background-color: #1D439B;
  1368.     color: #FFFFFF;
  1369. }
  1370. .manga-store .manga-store-search-results .items,
  1371. .manga-store .main-right,
  1372. .manga-store .main-left,
  1373. .manga-store .comic-detail-info,
  1374. .manga-store .comics-list,
  1375. .manga-store .content-detail-bottom,
  1376. .manga-store .section-title,
  1377. .manga-store .detail-card .detail-title,
  1378. .manga-store .detail-card .detail-body,
  1379. .manga-store .detail-card .detail-infoList-item.copyright,
  1380. .detail-preview-container.hasPreview[data-v-9259a4a8]::after {
  1381.     border-color: #333333 !important;
  1382. }
  1383.  
  1384. /* Add To List Page */
  1385. .quickadd-content .quickAdd-anime-result-unit:nth-of-type(2n+1),
  1386. .quickadd-content .quickAdd-manga-result-unit:nth-of-type(2n+1) {
  1387.     background-color: #212121;
  1388. }
  1389. .quickadd-content .quickAdd-anime-result-unit:nth-of-type(2n+2),
  1390. .quickadd-content .quickAdd-manga-result-unit:nth-of-type(2n+2) {
  1391.     background-color: #191919;
  1392. }
  1393. .quickadd-content .quickAdd-anime-result-unit,
  1394. .quickadd-content .quickAdd-manga-result-unit {
  1395.     border-bottom: none;
  1396.     color: #CCCCCC;
  1397. }
  1398.  
  1399. /* About Site */
  1400. img.lazyloaded[src="https://cdn.myanimelist.net/images/about/overview/head-bg.jpg?v=170130"] {
  1401.     filter: contrast(5) brightness(0.033);
  1402. }
  1403. .page-common .pt24.mt8[src="https://cdn.myanimelist.net/images/about/overview/fig03_1.png?v=170130"],
  1404. .page-common .pr12[src="https://cdn.myanimelist.net/images/about/overview/fig01_2.png?v=170130"],
  1405. .page-common .pl16[src="https://cdn.myanimelist.net/images/about/overview/fig01_1.png?v=170130"] {
  1406.     filter: contrast(4) brightness(0.052);
  1407. }
  1408. .about-contents .about-intro .head-logo {
  1409.     z-index: 1;
  1410.     margin-left: 240px;
  1411. }
  1412. .about-content.content-bg-grey {
  1413.     background-color: #212121;
  1414. }
  1415. /* Advertising Page */
  1416. .page-advertising #ad_menu,
  1417. .page-advertising section.ad_section:nth-of-type(2n) div.ad_section {
  1418.     background-color: #212121;
  1419. }
  1420. .page-advertising .ad-contents .ad-text-head3 {
  1421.     color: #FFFFFF;
  1422. }
  1423. .page-advertising #ad_menu li a,
  1424. .page-advertising .ad_form_content label {
  1425.     color: #CCCCCC;
  1426. }
  1427. .page-advertising .ad-spec-sample-list {
  1428.     background-color: #161616;
  1429.     border: none;
  1430. }
  1431. .page-advertising .ad-spec-sample-button-block .ad-spec-sample-button-cell {
  1432.     background-color: #161616;
  1433.     border-color: #161616;
  1434. }
  1435. .page-advertising .ad_form_content .ad_select,
  1436. .page-advertising .ad_form_content .inputtextarea,
  1437. .page-advertising .ad_form_content .inputtext {
  1438.     background-color: #161616;
  1439.     border: none;
  1440.     color: #FFFFFF;
  1441. }
  1442. /* Terms Of Use Page */
  1443. h1[data="EULA"],
  1444. h1[data="TermsOfUse"],
  1445. .mal-address {
  1446.     background-color: transparent;
  1447.     color: #FFFFFF;
  1448. }
  1449. /* SiteMap Page */
  1450. .sitemap__category,
  1451. .sitemap__category__title {
  1452.     border-color: #333333;
  1453. }
  1454. /* Membership Page */
  1455. .membership .about-membership .plan-header,
  1456. .membership .about-membership .plan,
  1457. .membership .about-membership .about-no-ads {
  1458.     background-color: #161616;
  1459.     border: none;
  1460. }
  1461. .membership .about-membership .plan .plan-monthly .plan-name,
  1462. .membership .about-membership .plan .plan-annually .plan-name,
  1463. .membership .about-membership .about-extras .about-extras-content .header,
  1464. .membership .about-membership .about-no-ads .text .description {
  1465.     color: #FFFFFF;
  1466.     text-shadow: none;
  1467. }
  1468. /* Bookshelf Page */
  1469. .manga-store .manga-store-tab-menu .tab.on {
  1470.     background-color: #1D439B;
  1471.     border: none;
  1472.     color: #FFFFFF;
  1473. }
  1474. .manga-store .manga-store-tab-menu .tab {
  1475.     background-color: #333333;
  1476.     border: none;
  1477.     color: #FFFFFF;
  1478. }
  1479. .manga-store .manga-store-tab-menu,
  1480. .manga-store .manga-store-bookshelf .manga-store-bookshelf-rows {
  1481.     border-color: #333333;
  1482. }
  1483. }
  1484.  
  1485. @-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") {
  1486. /* MyAnimeList */
  1487. body {
  1488.     background-color: #111111 !important;
  1489. }
  1490. body.ownlist {
  1491.     background-image: none;
  1492. }
  1493. .header {
  1494.     background-color: #2E51A2;
  1495.     width: 100%;
  1496.     height: 34px;
  1497. }
  1498. .header .header-title {
  1499.     background-size: 179px auto;
  1500.     top: 4px;
  1501.     left: 10px;
  1502. }
  1503. .header .header-menu,
  1504. .header .header-menu.other {
  1505.     top: 8px;
  1506.     right: 30px;
  1507. }
  1508. .status-menu-container {
  1509.     background-color: #191919;
  1510.     border-bottom: none;
  1511.     height: 42px;
  1512. }
  1513. /* Logo */
  1514. .cover-block .image-container img,
  1515. .cover-block .image-container {
  1516.     padding-top: 0px;
  1517.     margin-bottom: 0px;
  1518.     height: 240px;
  1519.     display: none;
  1520. }
  1521.  
  1522. /* Table */
  1523. .list-container,
  1524. .list-table {
  1525.     background-color: #212121 !important;
  1526.     border: none;
  1527. }
  1528. .list-block {
  1529.     margin-top: -8px;
  1530. }
  1531. .list-table .list-table-header .header-title {
  1532.     background-color: #191919;
  1533.     background: none;
  1534.     border-bottom: none;
  1535. }
  1536. .status-menu-container .status-menu .status-button.on,
  1537. .list-unit .list-status-title .text,
  1538. .list-unit .list-status-title .stats a,
  1539. .list-table .list-table-data .data.score .link,
  1540. .list-table .list-table-data .data,
  1541. .list-table .list-table-data a.edit-disabled {
  1542.     color: #FFFFFF;
  1543. }
  1544. .list-unit,
  1545. .list-unit .list-stats {
  1546.     width: auto;
  1547.     color: #FFFFFF;
  1548. }
  1549. .list-unit .list-status-title {
  1550.     width: 1058px;
  1551. }
  1552. .list-table .list-table-data .data.title,
  1553. .list-table .list-table-data .data.title .add-edit-more {
  1554.     float: none;
  1555. }
  1556. .list-table .list-table-header .header-title.started,
  1557. .list-table .list-table-header .header-title.finished {
  1558.      width: 94px;
  1559. }
  1560. .list-table .list-table-header .header-title.progress,
  1561. .list-table .list-table-header .header-title.tags {
  1562.      width: 80px;
  1563. }
  1564. .list-table > tbody:nth-of-type(2n+1) {
  1565.     background-color: #191919;
  1566. }
  1567. .list-table .list-table-data .data {
  1568.     border-bottom: none;
  1569.     padding: 3px 0;
  1570. }
  1571. .list-table .list-table-data .data.image .image {
  1572.     width: 53px;
  1573.     height: 76px;
  1574.     border: none;
  1575. }
  1576.  
  1577. /* Left List */
  1578. .list-menu-float {
  1579.     border: none;
  1580. }
  1581. .list-menu-float .icon-menu {
  1582.     background-color: #212121 !important;
  1583. }
  1584.  
  1585. /* Footer */
  1586. #footer-block {
  1587.     background-color: #212121;
  1588. }
  1589. .list-unit .loading-space {
  1590.     /* display: none; */
  1591.     margin: 0px;
  1592. }
  1593. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement