API tools faq
paste
Advertisement
maggotbrain

lastfmcss

maggotbrain
Feb 13th, 2025
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.47 KB | Music | 0 0
raw download clone embed print report diff
  1.   /* ==UserStyle==
  2. @name           www.last.fm/user/maggotbrain777
  3. @namespace      github.com/openstyles/stylus
  4. @version        1.0.0
  5. @description    A new userstyle
  6. @author         Me
  7. ==/UserStyle== */
  8. @-moz-document url-prefix("https://www.last.fm/") {
  9.   .col-xs-2,
  10.   .copyright.col-xs-12,
  11.   div.feedback-message,
  12.   .deferred.loading-indicator,
  13.   .LastAd,
  14.   .LastAd *,
  15.   #LastAd_leaderboard,
  16.   .lastfm-ad,
  17.   .lastfm-ad-mobile,
  18.   .lazy-features-footer,
  19.   .nag-bar--catalogue-beta-in,
  20.   .pagination a::before,
  21.   .player-bar .player-bar-progress-slug::after,
  22.   .related-ads,
  23.   .subscribe-cta,
  24.   .join-cta,
  25.   #taboola-right-rail-thumbnails,
  26.   .mpu-subscription-upsell,
  27.   .mpu-subscription-upsell--mpu,
  28.   .highcharts-text-outline,
  29.   .header-popularity-rank-tooltip::before,
  30.   .chartlist tr[data-ad-container].open-ad-container-desktop,
  31.   .chartlist tr[data-ad-container].open-ad-container-mobile,
  32.   .recs-feed-item--ad {
  33.     display: none!important;
  34.   }
  35.   .chartlist .chartlist-album,
  36.   .chartlist .chartlist-name,
  37.   .dashbody .kerve .wave_fade,
  38.   body::before,
  39.   .secondary-nav-item-link,
  40.   div.infoMessage span.messageWrapper,
  41.   div.infoMessageBlock,
  42.   .chartlist td,
  43.   .search-field,
  44.   .user-dashboard-comparison {
  45.     background: none!important;
  46.   }
  47.   input,
  48.   select,
  49.   textarea,
  50.   .context {
  51.     background: #000000!important;
  52.   }
  53.   #forumsearch input {
  54.     background: #141414!important;
  55.   }
  56.   .date-range-picker-preset a:focus,
  57.   .date-range-picker-preset a:hover,
  58.   .fluid-container,
  59.   .inbox-message--unviewed,
  60.   .selectboxit-option a:hover,
  61.   div.overlay-side-rail,
  62.   .kerve .trendglobal,
  63.   .kerve a.btn_trendnav,
  64.   .modal-content {
  65.     background: #212121!important;
  66.   }
  67.   .btn--header,
  68.   .btn--header:focus,
  69.   .btn-primary.profile-header-set-obsession,
  70.   .btn-primary.profile-header-set-obsession:hover,
  71.   .btn-primary.profile-header-set-obsession:focus,
  72.   .listening-report-promo {
  73.     background-color: transparent!important;
  74.   }
  75.   .user-dashboard-module-share {
  76.     background: transparent;
  77.   }
  78.   .alert-danger,
  79.   .chartlist tr {
  80.     background-color: #2b2b2b00!important;
  81.   }
  82.   .masthead-wrapper .masthead,
  83.   .dropdown-menu-clickable::before {
  84.     background-image: none!important;
  85.   }
  86.   .dashbody .kerve .venn_mask {
  87.     background-image: url(http://i.imgur.com/ety944K.png)!important;
  88.   }
  89.   .shout-more-replies-before::before {
  90.     background-image: url(http://www.last.fm/static/images/icons/dropdown_arrow_fff.png);
  91.   }
  92.   .content-form .table .delete::before,
  93.   .inbox-message-view .inbox-message-buttons .delete-button::before,
  94.   .lazy-recs-bar-close::before {
  95.     background-image: url(http://www.last.fm/static/images/icons/delete_fff_16.png);
  96.   }
  97.   .search-submit::before {
  98.     background-image: url(http://www.last.fm/static/images/icons/search_16.png);
  99.   }
  100.   .shout-more-actions:hover::before,
  101.   .shout-more-actions:focus::before,
  102.   .shout-more-actions.disclose-active::before,
  103.   .header .header-message-user:hover::before,
  104.   .header .header-message-user:focus::before {
  105.     background-position: 0 0px;
  106.   }
  107.   .chartlist--with-buylinks .lazy-buylinks-toggle:focus::after,
  108.   .chartlist--with-buylinks .lazy-buylinks-toggle:hover::after {
  109.     background-position: 0 -16px;
  110.   }
  111.   .kerve .nowleft,
  112.   .kerve .trendleft {
  113.     background-position: 0 -50px;
  114.   }
  115.   .chartlist .chartlist-delete-button:focus::before,
  116.   .chartlist .chartlist-delete-button:hover::before,
  117.   .chartlist .chartlist-play-button:focus::before,
  118.   .chartlist .chartlist-play-button:hover::before,
  119.   .stationlink:focus::before,
  120.   .stationlink:hover::before {
  121.     background-position: -6px -6px;
  122.   }
  123.   .shout-reply:hover::before,
  124.   .shout-reply:focus::before,
  125.   .shout-reply.shout-reply--open::before {
  126.     background-position: -10px 0px;
  127.   }
  128.   .shout-delete::before {
  129.     background-position: -10px -10px;
  130.   }
  131.   .kerve .nowright,
  132.   .kerve .trendright {
  133.     background-position: -30px -50px;
  134.   }
  135.   article,
  136.   .attendance-btn,
  137.   .comments .shout-btn,
  138.   .content-top-lower:after,
  139.   .content-top:after,
  140.   .header-metadata-user-stats,
  141.   .overlay-control-bar,
  142.   .overlay-control-bar::after,
  143.   div.overlay-content,
  144.   .suggest-correction-success-message,
  145.   .gallery-image-vote-down-off,
  146.   .gallery-image-vote-up-off,
  147.   .gallery-upload-rules,
  148.   .masthead-wrapper .masthead,
  149.   .search-field,
  150.   .alert,
  151.   .alert-info,
  152.   .alert-warning,
  153.   .dropdown-menu-clickable,
  154.   .modal-content,
  155.   .tag-cta,
  156.   .tag-cta:hover,
  157.   .upload-artwork-cta,
  158.   .upload-artwork-cta:hover,
  159.   .upload-image-cta,
  160.   .upload-image-cta:hover,
  161.   .upload-video-cta,
  162.   .upload-video-cta:hover,
  163.   .wiki-cta,
  164.   .wiki-cta:hover,
  165.   .scrobble-cta,
  166.   #manual-updates,
  167.   .section-settings,
  168.   .selectbox .selectboxit-options,
  169.   .share-chart .share-block,
  170.   .user-dashboard-module,
  171.   .user-dashboard-comparison,
  172.   .more-disclose-mobile .more-block {
  173.     border: none!important;
  174.   }
  175.   .secondary-nav,
  176.   .secondary-nav--scrollable,
  177.   ul.journalsSmall,
  178.   ul.journalsSmall li,
  179.   table.forumtable td {
  180.     border-bottom: none!important;
  181.   }
  182.   .modal-header {
  183.     border-bottom: 1px solid #505050;
  184.   }
  185.   .kerve .trendglobal {
  186.     border-left: none!important;
  187.   }
  188.   table.forumtable .end,
  189.   table.forumtable .lastPost {
  190.     border-right: none!important;
  191.   }
  192.   .kerve .genretodayitem0 .genretodaybar {
  193.     border-right: 4px solid #B90000;
  194.   }
  195.   .kerve .genretodayitem1 .genretodaybar {
  196.     border-right: 4px solid #A21F28;
  197.   }
  198.   .kerve .genretodayitem2 .genretodaybar {
  199.     border-right: 4px solid #8B3F4F;
  200.   }
  201.   .kerve .genretodayitem3 .genretodaybar {
  202.     border-right: 4px solid #735E77;
  203.   }
  204.   .kerve .genretodayitem4 .genretodaybar {
  205.     border-right: 4px solid #5C7D9E;
  206.   }
  207.   .obsession-candidates-row::before {
  208.     border-top: none;
  209.   }
  210.   .actions-bar,
  211.   .add-event-btn,
  212.   .alert,
  213.   .btn-add,
  214.   .btn-secondary,
  215.   .content-form .form-control,
  216.   .content-form input,
  217.   .content-form select,
  218.   .content-form textarea,
  219.   .date-picker-content,
  220.   .dropdown-buylinks .dropdown-featured-buylink,
  221.   .dropdown-buylinks .dropdown-more-buylinks,
  222.   .events-filter-location-dropdown,
  223.   .gallery-image-vote-down-on,
  224.   .gallery-image-vote-up-on,
  225.   .kerve.widget,
  226.   .selectboxit-options,
  227.   .shout-btn,
  228.   .correction-vote-yes-off,
  229.   .correction-vote-no-off,
  230.   .correction-vote-yes-on,
  231.   .correction-vote-no-on,
  232.   .suggest-correction-success-message,
  233.   .attendance-btn,
  234.   .btn--header,
  235.   .btn-add-sm,
  236.   .btn-primary,
  237.   .buylinks-dropdown-menu,
  238.   .gallery-image-vote-down-off,
  239.   .gallery-image-vote-up-off,
  240.   .date-range-picker-content,
  241.   .dropdown-menu.dropdown--open,
  242.   .gallery-upload-rules,
  243.   .lfmRed .site-search .search-box,
  244.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
  245.   .kerve a.btn_trendnav,
  246.   .label,
  247.   .search-field,
  248.   .dropdown-menu-clickable,
  249.   .modal-content,
  250.   .lazy-load-error-message,
  251.   .secondary-nav .navlist-hidden-list,
  252.   .wiki-style-rules,
  253.   .clipboard-button,
  254.   .btn-subscribe,
  255.   .inbox-buttons > *,
  256.   .btn-lite,
  257.   .header-popularity-rank-tooltip,
  258.   .lazy-recs-bar .lazy-recs-bar-join {
  259.     border-radius: 0!important;
  260.   }
  261.   .library-controls-datepicker {
  262.     border-style: none!important;
  263.   }
  264.   .header.header--with-avatar.header--overview .secondary-nav {
  265.     bottom: -5px!important;
  266.   }
  267.   .btn.btn--header,
  268.   .chartlist td,
  269.   .events-filters,
  270.   .events-list td,
  271.   .globalchart .globalchart-item,
  272.   .inbox td,
  273.   .recs-feed .recs-feed-item,
  274.   .site-links,
  275.   .context,
  276.   .date-range-picker-content,
  277.   .dropdown-menu.dropdown--open,
  278.   .dropdown-buylinks--light .dropdown-featured-buylink,
  279.   .dropdown-buylinks--light .dropdown-more-buylinks,
  280.   .lfmRed .site-search .search-box,
  281.   .masthead-wrapper .masthead,
  282.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
  283.   .secondary-nav .navlist-hidden-list,
  284.   .modal-content,
  285.   .user-dashboard-module-share,
  286.   .user-dashboard-history-subscribe-banner-cta::after,
  287.   .user-dashboard-history-subscribe-banner-cta::before,
  288.   .header-popularity-rank-tooltip {
  289.     -webkit-box-shadow: none!important;
  290.     box-shadow: none!important;
  291.   }
  292.   .btn_trendnav_month,
  293.   .btn_trendnav_week,
  294.   .trendglobal {
  295.     color: #000000!important;
  296.   }
  297.   .btn-add-sm,
  298.   .alert-success,
  299.   .chartlist .countbar-bar-value,
  300.   .grid-items-cover-image a,
  301.   .secondary-nav .navlist-hidden-list a,
  302.   .user-dashboard-scalable-content span .js-ticker,
  303.   .user-dashboard-scalable-content a .js-ticker,
  304.   .user-dashboard-module > div > p > span,
  305.   .user-dashboard-scalable-content span .js-ticker,
  306.   .user-dashboard-scalable-content a .js-ticker,
  307.   .user-dashboard-catalogue-count-total a .js-ticker,
  308.   .user-dashboard-big-datapoint-value a .js-ticker {
  309.     color: #FFFFFF!important;
  310.   }
  311.   .content-top .secondary-nav-item-link,
  312.   .content-top .secondary-nav-item-link:hover {
  313.     color: #FFFFFF;
  314.   }
  315.   .follower-btn {
  316.     color: #666666!important;
  317.   }
  318.   .chartlist-timestamp,
  319.   .header-info-secondary,
  320.   .header-metadata-global-stats,
  321.   .masthead-nav-links a,
  322.   .selectboxit-text,
  323.   th.metadata-title {
  324.     color: #999999!important;
  325.   }
  326.   .shout-reply::before,
  327.   .vote-button-toggle .vote-button::before {
  328.     -webkit-filter: brightness(50%);
  329.     filter: brightness(50%);
  330.   }
  331.   .shout-reply:hover::before,
  332.   .vote-button-toggle .vote-button:hover::before,
  333.   .vote-button.vote-button--voted::before {
  334.     -webkit-filter: brightness(100%);
  335.     filter: brightness(100%);
  336.   }
  337.   .dropdown-menu-clickable-button::after,
  338.   .link-block .profile-banner-close::before {
  339.     -webkit-filter: invert(50%);
  340.     filter: invert(50%);
  341.   }
  342.   .dropdown-menu-clickable-button:hover::after,
  343.   .link-block .profile-banner-close:focus::before,
  344.   .link-block .profile-banner-close:hover::before,
  345.   .chartlist .chartlist-more-button:focus::before,
  346.   .chartlist .chartlist-more-button:hover::before {
  347.     -webkit-filter: invert(100%);
  348.     filter: invert(100%);
  349.   }
  350.   .shout-report::before,
  351.   .nag-bar .nag-bar-close::before {
  352.     -webkit-filter: invert(90%);
  353.     filter: invert(90%);
  354.   }
  355.   .section-settings-toggle::before,
  356.   .selectbox .selectboxit-text::before,
  357.   .stationlink::before,
  358.   .share-chart .share-button-profile::before {
  359.     -webkit-filter: invert(88.2%) saturate(0%)!important;
  360.     filter: invert(88.2%) saturate(0%)!important;
  361.   }
  362.   .kerve .nowleft,
  363.   .kerve .nowright,
  364.   .kerve .trendleft,
  365.   .kerve .trendright,
  366.   .header .header-message-user::before {
  367.     -webkit-filter: saturate(0%)!important;
  368.     filter: saturate(0%)!important;
  369.   }
  370.   .chartlist .chartlist-delete-button:focus::before,
  371.   .chartlist .chartlist-delete-button:hover::before,
  372.   .chartlist .chartlist-play-button:focus::before,
  373.   .chartlist .chartlist-play-button:hover::before,
  374.   .stationlink:focus::before,
  375.   .stationlink:hover::before {
  376.     -webkit-filter: saturate(0%) brightness(140%)!important;
  377.     filter: saturate(0%) brightness(140%)!important;
  378.   }
  379.   .tags-add::before,
  380.   .album-grid-tags-add::before {
  381.     -webkit-filter: saturate(0%) brightness(220%)!important;
  382.     filter: saturate(0%) brightness(220%)!important;
  383.   }
  384.   .dropdown-buylinks--light .dropdown-more-buylinks::before,
  385.   .suggest-correction-cta::before,
  386.   .header .header-message-user:hover::before {
  387.     -webkit-filter: saturate(0%) brightness(300%)!important;
  388.     filter: saturate(0%) brightness(300%)!important;
  389.   }
  390.   .user-dashboard-data-point-scrobbles::before,
  391.   .user-dashboard-data-point-scrobbles-per-day::before,
  392.   .user-dashboard-data-point-total-listening::before,
  393.   .shout-more-actions:hover::before,
  394.   .shout-more-actions:focus::before,
  395.   .shout-more-actions.disclose-active::before,
  396.   .dropdown-buylinks--light .dropdown-more-buylink:focus::before,
  397.   .dropdown-buylinks--light .dropdown-more-buylinks:hover::before,
  398.   .js .date-picker-button::before,
  399.   .js .date-range-picker-button .date-range-picker-button-inner::before,
  400.   .js .date-range-picker-button::before,
  401.   .js .events-filter-location::before,
  402.   .kerve .nowleft:hover,
  403.   .kerve .nowright:hover,
  404.   .kerve .trendleft:hover,
  405.   .kerve .trendright:hover,
  406.   .masthead-logo,
  407.   .tags-add:hover::before,
  408.   .album-grid-tags-add::before,
  409.   .modal-dismiss::before,
  410.   .user-dashboard-pagination-next-link::before,
  411.   .user-dashboard-pagination-previous-link::before {
  412.     -webkit-filter: saturate(0%) brightness(600%)!important;
  413.     filter: saturate(0%) brightness(600%)!important;
  414.   }
  415.   .inbox-message-view .inbox-message-buttons .back-button::before,
  416.   .user-dashboard-module-share::before,
  417.   .listening-report-promo-date::after {
  418.     -webkit-filter: saturate(0%) brightness(800%)!important;
  419.     filter: saturate(0%) brightness(800%)!important;
  420.   }
  421.   .label {
  422.     font-weight: 600!important;
  423.   }
  424.   .header--overview .header-title-secondary a {
  425.     font-weight: bold;
  426.   }
  427.   .dashbody .header-background::before {
  428.     height: 100%;
  429.   }
  430.   .dashbody .kerve .worldwrap {
  431.     margin: 0;
  432.   }
  433.   .chartlist .countbar-bar {
  434.     margin-bottom: 0!important;
  435.   }
  436.   .secondary-nav--scrollable.secondary-nav--more .secondary-nav-hidden-list {
  437.     margin-left: -6px!important;
  438.   }
  439.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list {
  440.     margin-top: 12px!important;
  441.   }
  442.   .user-list-shared-artists,
  443.   .user-list-shared-artists:first-child {
  444.     margin-top: 0px;
  445.   }
  446.   .gallery-next,
  447.   .gallery-previous {
  448.     opacity: 0!important;
  449.   }
  450.   .kerve .venn2 .handle_hover {
  451.     opacity: 0.25!important;
  452.   }
  453.   .kerve .nowslider_artist {
  454.     opacity: 0.5;
  455.   }
  456.   .section-settings-toggle::before,
  457.   .selectbox .selectboxit-text::before,
  458.   .stationlink::before {
  459.     opacity: 0.7!important;
  460.   }
  461.   .gallery-next:hover,
  462.   .gallery-previous:hover,
  463.   .dropdown-menu-clickable-button::after,
  464.   .dropdown-menu-clickable-button:hover::after {
  465.     opacity: 1!important;
  466.   }
  467.   .kerve .nowslider_artist:hover {
  468.     opacity: 1;
  469.   }
  470.   .selectbox .selectboxit-options,
  471.   .buylinks-dropdown-menu,
  472.   .date-range-picker-content,
  473.   .dropdown-menu.dropdown--open,
  474.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
  475.   .secondary-nav .navlist-hidden-list {
  476.     padding: 0!important;
  477.   }
  478.   .btn-primary {
  479.     padding: 6px 13px!important;
  480.   }
  481.   .btn-primary.profile-header-set-obsession {
  482.     padding: 9px 15px!important;
  483.   }
  484.   .chartlist tr {
  485.     padding: 5px 10px 1px 5px!important;
  486.   }
  487.   .chartlist .countbar-bar {
  488.     padding-bottom: 1px!important;
  489.   }
  490.   .stationbuttonLarge {
  491.     padding-left: 0!important;
  492.   }
  493.   .chartlist.chartlist--no-compact-image.chartlist--no-big-image tr {
  494.     padding-left: 48px!important;
  495.   }
  496.   .stationlink-list .btn:focus,
  497.   .stationlink-list .btn:hover,
  498.   h2 a:focus,
  499.   h2 a:hover,
  500.   .pagination a:hover,
  501.   .pagination a:focus {
  502.     text-decoration: none;
  503.   }
  504.   .secondary-nav .navlist-hidden-list a:hover,
  505.   .secondary-nav .navlist-hidden-list a:focus {
  506.     text-decoration: underline!important;
  507.   }
  508.   a.button,
  509.   a.confirmButton,
  510.   button.button,
  511.   button.confirmButton,
  512.   input.button,
  513.   input.confirmButton,
  514.   article,
  515.   .highcharts-data-labels > g > text,
  516.   .site-footer {
  517.     text-shadow: none!important;
  518.   }
  519.   .user-dashboard-catalogue-item-total a .js-ticker,
  520.   .user-dashboard-big-datapoint-value a .js-ticker,
  521.   .user-dashboard-big-datapoint-value span {
  522.     text-shadow: -2px -2px 5px #000000,
  523.     -2px 2px 5px #000000,
  524.     2px -2px 5px #000000,
  525.     2px 2px 5px #000000;
  526.   }
  527.   .user-dashboard-catalogue-item .user-dashboard-comparison {
  528.     top: -52px;
  529.   }
  530.   /*** Custom ***/
  531.   .footer {
  532.     display: none!important;
  533.   }
  534.   div#_evh-button.evidon-consent-button {
  535.     display: none!important;
  536.   }
  537.   .share-desktop,
  538.   .share-mobile,
  539.   .share-chart .share-button-profile,
  540.   .user-dashboard-module .user-dashboard-module-share,
  541.   .user-dashboard-share,
  542.   .share-footer {
  543.     display: none!important;
  544.   }
  545.   .stationlinks,
  546.   .buylinks {
  547.     margin-top: 0px;
  548.   }
  549.   .section-with-settings.section-with-share .section-control {
  550.     right: 26px;
  551.   }
  552.   .lazy-buylinks {
  553.     display: none!important;
  554.   }
  555.   .chartlist--with-buylinks .show-lazy-buylinks .chartlist-ellipsis-wrap {
  556.     right: 0px;
  557.   }
  558.   .love-button {
  559.     -webkit-filter: saturate(0%) brightness(60%)!important;
  560.     filter: saturate(0%) brightness(60%)!important;
  561.   }
  562.   .love-button.love-button--loved {
  563.     -webkit-filter: saturate(0%) brightness(500%)!important;
  564.     filter: saturate(0%) brightness(500%)!important;
  565.   }
  566.   .love-button:hover {
  567.     -webkit-filter: saturate(0%) brightness(600%)!important;
  568.     filter: saturate(0%) brightness(600%)!important;
  569.   }
  570.  
  571.   .library-controls .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active::before,
  572.   .library-controls .secondary-nav-item--albums .secondary-nav-item-link:focus::before,
  573.   .library-controls .secondary-nav-item--albums .secondary-nav-item-link:hover::before,
  574.   .library-controls .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active::before,
  575.   .library-controls .secondary-nav-item--artists .secondary-nav-item-link:focus::before,
  576.   .library-controls .secondary-nav-item--artists .secondary-nav-item-link:hover::before,
  577.   .library-controls .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active::before,
  578.   .library-controls .secondary-nav-item--overview .secondary-nav-item-link:focus::before,
  579.   .library-controls .secondary-nav-item--overview .secondary-nav-item-link:hover::before,
  580.   .library-controls .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active::before,
  581.   .library-controls .secondary-nav-item--tracks .secondary-nav-item-link:focus::before,
  582.   .library-controls .secondary-nav-item--tracks .secondary-nav-item-link:hover::before {
  583.     -webkit-filter: hue-rotate(230deg) brightness(320%) saturate(22%)!important;
  584.     filter: hue-rotate(230deg) brightness(320%) saturate(22%)!important;
  585.   }
  586.   .add-event-btn,
  587.   .btn-add-sm,
  588.   .btn-primary,
  589.   .content-top .secondary-nav .secondary-nav-item-link--active::after,
  590.   .content-top .secondary-nav a.secondary-nav-item-link:focus::after,
  591.   .content-top .secondary-nav a.secondary-nav-item-link:hover::after,
  592.   .header .secondary-nav-item-link--active::after,
  593.   .header a.secondary-nav-item-link:focus::after,
  594.   .header a.secondary-nav-item-link:hover::after,
  595.   .homefeed .secondary-nav-item-link--active::after,
  596.   .homefeed a.secondary-nav-item-link:focus::after,
  597.   .homefeed a.secondary-nav-item-link:hover::after,
  598.   .whats-new .secondary-nav .secondary-nav-item-link--active::after,
  599.   .whats-new .secondary-nav a.secondary-nav-item-link:focus::after,
  600.   .whats-new .secondary-nav a.secondary-nav-item-link:hover::after,
  601.   .whats-new .secondary-nav-item-link--active::after,
  602.   .whats-new a.secondary-nav-item-link:focus::after,
  603.   .whats-new a.secondary-nav-item-link:hover::after,
  604.   .btn-add,
  605.   .correction-vote-yes-on,
  606.   .inbox .inbox-buttons .inbox-compose-button,
  607.   .clipboard-button {
  608.     background: #5C809E!important;
  609.   }
  610.   .header-follower-btn .follower-btn-add-follower::before,
  611.   .user-list-follower-btn .follower-btn-add-follower {
  612.     background-color: #5C809E;
  613.   }
  614.   .add-event-btn:hover,
  615.   .btn-add:hover,
  616.   .btn-add-sm:hover,
  617.   .btn-primary:hover,
  618.   .correction-vote-yes-on:hover,
  619.   .inbox .inbox-buttons .inbox-compose-button:hover,
  620.   .inbox .inbox-buttons .inbox-compose-button:focus,
  621.   .clipboard-button:hover,
  622.   .clipboard-button:focus {
  623.     background: #77A6CC!important;
  624.   }
  625.   .header-follower-btn .follower-btn-add-follower:hover::before,
  626.   .user-list-follower-btn .follower-btn-add-follower:hover {
  627.     background-color: #77A6CC;
  628.   }
  629.   .btn-secondary,
  630.   .attendance-btn,
  631.   .comments .shout-btn,
  632.   .dropdown-buylinks--light .dropdown-featured-buylink,
  633.   .dropdown-buylinks--light .dropdown-more-buylinks,
  634.   .dropdown-hoverable .dropdown-menu-hoverable-item:hover,
  635.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list a:hover,
  636.   .nag-bar,
  637.   .gallery-image-vote-down-off,
  638.   .gallery-image-vote-up-off,
  639.   .correction-vote-yes-off,
  640.   .correction-vote-no-off,
  641.   a.button,
  642.   a.confirmButton,
  643.   button.button,
  644.   button.confirmButton,
  645.   input.button,
  646.   input.confirmButton,
  647.   .recommended-next-button,
  648.   .secondary-nav .navlist-hidden-list,
  649.   .secondary-nav .navlist-hidden-list a:hover,
  650.   .secondary-nav .navlist-hidden-list a:focus,
  651.   .more-disclose-mobile .more-block {
  652.     background-color: #212121!important;
  653.   }
  654.   .btn-secondary:hover,
  655.   .btn-secondary:focus,
  656.   .buylinks-dropdown-menu .buylink:focus,
  657.   .buylinks-dropdown-menu .buylink:hover,
  658.   .comments .shout-btn:hover,
  659.   .dropdown-buylinks--light .dropdown-featured-buylink:hover,
  660.   .dropdown-buylinks--light .dropdown-more-buylinks:hover,
  661.   .gallery-image-vote-down-off:hover,
  662.   .gallery-image-vote-up-off:hover,
  663.   .correction-vote-yes-off:hover,
  664.   .correction-vote-no-off:hover,
  665.   .attendance-btn:hover,
  666.   a.button:hover,
  667.   a.confirmButton:hover,
  668.   button.button:hover,
  669.   button.confirmButton:hover,
  670.   input.button:hover,
  671.   input.confirmButton:hover,
  672.   .recommended-next-page:hover .recommended-next-button,
  673.   .recommended-next-page:active .recommended-next-button,
  674.   .secondary-nav .navlist-hidden-list a:hover:hover,
  675.   .secondary-nav .navlist-hidden-list a:focus:hover,
  676.   .secondary-nav .navlist-hidden-list a:hover:focus,
  677.   .secondary-nav .navlist-hidden-list a:focus:focus {
  678.     background-color: #505050!important;
  679.   }
  680.   .countbar-bar-slug,
  681.   .kerve .trenduser,
  682.   .kerve a.btn_trendnav.current,
  683.   .dashbody .kerve .wave .track,
  684.   .kerve .venn2 .handle_hover,
  685.   .masthead-wrapper .masthead,
  686.   .label,
  687.   .calendar-icon .calendar-icon-month,
  688.   .correction-vote-yes-on,
  689.   .inbox .inbox-buttons .inbox-compose-button,
  690.   .scrobble-stats-graph .user-dashboard-legend-item--current::before,
  691.   .scrobble-stats-graph .user-dashboard-legend-item--comparison::before {
  692.     background: #5c809e!important;
  693.   }
  694.   .inbox-notifications .inbox-notifications__item-unread-indicator::after,
  695.   .user-status-subscriber::after {
  696.     background-color: #5C809E;
  697.   }
  698.   .alert,
  699.   .alert-info,
  700.   .alert-warning,
  701.   .gallery-upload-rules,
  702.   .profile-banner,
  703.   .tag-cta,
  704.   .tag-cta:hover,
  705.   .upload-artwork-cta,
  706.   .upload-artwork-cta:hover,
  707.   .upload-image-cta,
  708.   .upload-image-cta:hover,
  709.   .upload-video-cta,
  710.   .upload-video-cta:hover,
  711.   .wiki-cta,
  712.   .wiki-cta:hover,
  713.   .scrobble-cta,
  714.   .suggest-correction-success-message,
  715.   .buylinks-dropdown-menu,
  716.   .dropdown-menu-clickable,
  717.   .dropdown-menu-clickable-item:hover,
  718.   .dropdown-menu-clickable-item:focus,
  719.   .shout--reported,
  720.   .shout--deleted,
  721.   #manual-updates,
  722.   .lazy-load-error-message,
  723.   .date-range-picker-form .form-group-controls input,
  724.   .section-settings,
  725.   .selectbox .selectboxit-options,
  726.   .share-chart .share-block,
  727.   .wiki-style-rules,
  728.   .inbox-notifications .inbox-notifications__item--highlight,
  729.   .inbox-notifications .inbox-notifications__item--hover:hover,
  730.   .inbox-notifications .inbox-notifications__item--hover:focus,
  731.   .inbox-notifications .inbox-notifications__item--highlight-hover:hover,
  732.   .inbox-notifications .inbox-notifications__item--highlight-hover:focus {
  733.     background: #282828!important;
  734.   }
  735.   .recommended-next-page,
  736.   .user-dashboard-module,
  737.   .user-dashboard-history-subscribe-banner-cta::after,
  738.   .user-dashboard-history-subscribe-banner-cta::before,
  739.   .header-popularity-rank-tooltip {
  740.     background: #282828;
  741.   }
  742.   .user-dashboard-banner,
  743.   .shout-container--active,
  744.   .listening-report-promo:hover {
  745.     background-color: #282828!important;
  746.   }
  747.   .player-bar .player-bar-progress {
  748.     background: #282828!important;
  749.   }
  750.   .player-bar .player-bar-progress-slug {
  751.     background: #5C809E!important;
  752.   }
  753.   #adSkinLeft,
  754.   #adSkinRight,
  755.   .container.page-content,
  756.   .content-top,
  757.   .content-top-lower,
  758.   .date-range-picker-content,
  759.   .date-picker-content,
  760.   .dropdown-menu.dropdown--open,
  761.   .dropdown-menu.dropdown--open,
  762.   .events-filter-location-dropdown,
  763.   .footer-wrapper,
  764.   .gallery-image-container,
  765.   .header .header-info-secondary:before,
  766.   .img-thumbnail,
  767.   .large-header-layout .header.header--overview,
  768.   .library-controls-datepicker,
  769.   .overlay-content,
  770.   .player-bar,
  771.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
  772.   .selectboxit-option-anchor,
  773.   .top-bar,
  774.   .widget_listeningnow,
  775.   .widget_trends,
  776.   body,
  777.   .main-content,
  778.   .header--overview,
  779.   textarea.comment-input,
  780.   tr.js-link-block,
  781.   .recs-feed .recs-feed-item,
  782.   .date-range-picker-content,
  783.   .lfmRed .site-search .search-box,
  784.   .fiflufi .leftCol,
  785.   .stationbuttonLarge,
  786.   .stationbuttonLarge span.stationButtonWrapper,
  787.   #page .sic #content,
  788.   .fiflufi #content .fullWidth,
  789.   .fiflufi #content,
  790.   article.content,
  791.   .fiflufi #content .clearit,
  792.   .fiflufi .LeftCol,
  793.   span.quote,
  794.   .site-footer,
  795.   ul.forumComments li.odd,
  796.   table.forumtable tr.alt td,
  797.   .actions-bar,
  798.   #forumsearch,
  799.   body:not(.dashbody) .kerve.widget,
  800.   .header--sub-page .container,
  801.   .header--overview .container,
  802.   table.table tr:nth-child(2n) td,
  803.   .lazy-recs-bar-full-width-wrapper,
  804.   .lazy-recs-bar-container {
  805.     background: #1E1E1E!important;
  806.   }
  807.   .kerve .trendwavewrap .bar,
  808.   .kerve .trendbarwrap .graph_global .bar {
  809.     background: #212121;
  810.   }
  811.   .kerve .trendwave_inner .bar,
  812.   .kerve .trendbarwrap .bar {
  813.     background: #5C809E;
  814.   }
  815.   .chartlist .now-scrobbling {
  816.     background: #1E1E1E!important;
  817.   }
  818.   .widget_listeningnow,
  819.   .widget_trends,
  820.   div.sic #content,
  821.   span.quote,
  822.   .section-settings,
  823.   .selectbox .selectboxit-options,
  824.   input,
  825.   select,
  826.   textarea,
  827.   .date-range-picker-content,
  828.   .dropdown-menu.dropdown--open,
  829.   .date-picker-content,
  830.   .events-filter-location-dropdown,
  831.   .secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
  832.   .buylinks-dropdown-menu,
  833.   .search-form input[type="text"] {
  834.     border: 1px solid #212121 !important;
  835.   }
  836.   .events-list .events-list-item,
  837.   .inbox-buttons,
  838.   .shout,
  839.   ul.forumComments li.odd,
  840.   .content-form .form-group .source-icon-list label {
  841.     border-bottom: 1px solid #212121 !important;
  842.   }
  843.   .header * + .attendance-control::before,
  844.   .header * + .header-metadata-user-stats::before,
  845.   .header * + .tasteometer::before {
  846.     border-left: 1px solid #212121 !important;
  847.   }
  848.   table.forumtable td,
  849.   .section-with-settings .section-control::before {
  850.     border-right: 1px solid #212121 !important;
  851.   }
  852.   .page-head .crumb-wrapper h1,
  853.   .wiki-legal,
  854.   ul.forumComments div.comment div.messageSig,
  855.   table.forumtable td,
  856.   ul.forumComments li.odd,
  857.   ul.journalsSmall li,
  858.   .inbox-message-view .form-section,
  859.   .already-joined {
  860.     border-top: 1px solid #212121 !important;
  861.   }
  862.   #page .sic #content,
  863.   .fiflufi #content,
  864.   .fiflufi #content .fullWidth,
  865.   .site-footer .separator,
  866.   .factbox,
  867.   article.content,
  868.   body:not(.dashbody) .kerve.widget,
  869.   a.button,
  870.   a.confirmButton,
  871.   button.button,
  872.   button.confirmButton,
  873.   input.button,
  874.   input.confirmButton,
  875.   a.button:hover,
  876.   a.confirmButton:hover,
  877.   button.button:hover,
  878.   button.confirmButton:hover,
  879.   input.button:hover,
  880.   input.confirmButton:hover,
  881.   .user-list-shared-artists,
  882.   .event-venue-section,
  883.   .lazy-recs-bar-full-width-wrapper {
  884.     border-color: #212121!important;
  885.   }
  886.   .content-form .has-error .form-control,
  887.   .content-form .has-error input[type="text"],
  888.   .content-form .has-error input[type="password"],
  889.   .content-form .has-error input[type="email"],
  890.   .content-form .has-error input[type="url"],
  891.   .content-form .has-error input[type="date"],
  892.   .content-form .has-error textarea,
  893.   .content-form .has-error select {
  894.     border-color: #B90000!important;
  895.   }
  896.   .lfmRed .site-search .search-box {
  897.     border: 1px solid #212121!important;
  898.   }
  899.   .kerve .venn2 {
  900.     border: 2px solid #5C809E;
  901.   }
  902.   .kerve .venn2 .handle {
  903.     border: 3px solid #5C809E;
  904.   }
  905.   .kerve .vennname2 {
  906.     border-bottom: 1px solid #5C809E!important;
  907.   }
  908.   .events-filters {
  909.     border-bottom: 1px solid #212121;
  910.   }
  911.   .date-range-picker-form {
  912.     border-top: 1px solid #212121!important;
  913.   }
  914.   .buylink-list li,
  915.   .chartlist tr,
  916.   .stationlink-list li:nth-last-child(n+2),
  917.   table.table td,
  918.   table.table th,
  919.   .inbox .inbox-table tr,
  920.   .inbox-notifications .inbox-notifications__item--highlight,
  921.   .inbox-notifications .inbox-notifications__item--hover {
  922.     -webkit-box-shadow: 0px -1px #212121 inset!important;
  923.     box-shadow: 0px -1px #212121 inset!important;
  924.   }
  925.   .buylink-list {
  926.     -webkit-box-shadow: 0px 1px #212121 inset!important;
  927.     box-shadow: 0px 1px #212121 inset!important;
  928.   }
  929.   .btn-lite,
  930.   .btn-primary.profile-header-set-obsession {
  931.     -webkit-box-shadow: 0 0 0 1px #212121 inset;
  932.     box-shadow: 0 0 0 1px #212121 inset;
  933.   }
  934.   .btn-lite:focus,
  935.   .btn-lite:hover,
  936.   .btn-primary.profile-header-set-obsession:hover,
  937.   .btn-primary.profile-header-set-obsession:focus {
  938.     -webkit-box-shadow: 0 0 0 1px #505050 inset;
  939.     box-shadow: 0 0 0 1px #505050 inset;
  940.   }
  941.   .pagination-page[aria-current],
  942.   .pagination-page:not(.pagination-page--ellipsis):hover {
  943.     -webkit-box-shadow: 0 -3px #5C809E inset;
  944.     box-shadow: 0 -3px #5C809E inset;
  945.   }
  946.   .metacritic-score {
  947.     color: #1E1E1E!important;
  948.   }
  949.   a,
  950.   .stationlink-list .btn,
  951.   div.username,
  952.   .js .date-range-picker-button,
  953.   .kerve .vennname2,
  954.   .kerve .trendwrap .axis_y1_label,
  955.   .kerve .trendwrap .axis_y1_label2,
  956.   .events-list-sidebar .events-list-item-date,
  957.   .mimic-link,
  958.   .chartlist--with-buylinks .lazy-buylinks-toggle:hover,
  959.   .gallery-upload-rules,
  960.   .events-date-heading,
  961.   .features-feed .features-post-info h2 > a,
  962.   .content-top .secondary-nav-item-link--active,
  963.   .content-top .secondary-nav-item-link--active:focus,
  964.   .user-dashboard-date,
  965.   .user-dashboard-on-repeat-item-date,
  966.   .nag-bar .nag-bar-message a,
  967.   .nag-bar .nag-bar-message a:focus,
  968.   .nag-bar .nag-bar-message a:hover,
  969.   .scrobble-cta h3,
  970.   .group-heading,
  971.   .sidebar-group-heading,
  972.   .secondary-nav--step-nav .secondary-nav-item-link--active,
  973.   .secondary-nav--step-nav a.secondary-nav-item-link:focus,
  974.   .secondary-nav--step-nav a.secondary-nav-item-link:hover,
  975.   .pagination-page[aria-current] {
  976.     color: #5C809E;
  977.   }
  978.   .selectbox .selectboxit-selected .selectboxit-option-anchor,
  979.   .dropdown-menu-clickable-item--selected,
  980.   .dropdown-menu-clickable-item--selected:hover,
  981.   .date-range-picker-preset--selected a {
  982.     color: #5C809E!important;
  983.   }
  984.   a:hover,
  985.   a:focus,
  986.   h2 a:hover,
  987.   .stationlink-list .btn:hover,
  988.   .events-list-sidebar .events-list-item-date:hover,
  989.   .mimic-link:hover,
  990.   .chartlist--with-buylinks .lazy-buylinks-toggle:focus,
  991.   .features-feed .features-post-info h2 > a:hover,
  992.   .content-top .secondary-nav-item-link--active:hover,
  993.   .shout-reply:hover,
  994.   .shout-reply:focus,
  995.   .shout-reply.shout-reply--open,
  996.   a.shout-permalink:hover,
  997.   a.shout-permalink:focus {
  998.     color: #77A6CC;
  999.   }
  1000.   .kerve .nowslider_copywrap a:hover {
  1001.     color: #77A6CC!important;
  1002.   }
  1003.   body,
  1004.   p,
  1005.   p span,
  1006.   .countbar-bar-value,
  1007.   .hidden-xs.header-scrobble-since,
  1008.   .masthead .masthead-nav-links a:hover,
  1009.   .next,
  1010.   .previous,
  1011.   input,
  1012.   li.pages,
  1013.   select,
  1014.   textarea,
  1015.   .kerve a.btn_trendnav,
  1016.   .kerve .trendglobal,
  1017.   h1,
  1018.   .h1,
  1019.   ul.journalsSmall a strong,
  1020.   ul.forumComments div.comment h4,
  1021.   .current-language strong,
  1022.   .chartlist-index,
  1023.   .comment-text.clearfix,
  1024.   .gallery-image-vote-down,
  1025.   .gallery-image-vote-up,
  1026.   .metadata-display,
  1027.   .nowslider_scrobbles,
  1028.   .overlay-control-bar-title,
  1029.   textarea.comment-input,
  1030.   .label,
  1031.   .chartlist .chartlist-name a,
  1032.   .chartlist .chartlist-album a,
  1033.   a.buylink,
  1034.   .shout-user a,
  1035.   .user-list-content .username a,
  1036.   .selectboxit-option a,
  1037.   .events-list-sidebar .events-list-item-event a,
  1038.   .recs-feed .context,
  1039.   .user-dashboard-small-data-point-value,
  1040.   .duration-data .duration-data-value,
  1041.   .wiki-style-rules,
  1042.   .more-disclose-mobile .more-item,
  1043.   .header--overview .header-title-secondary a,
  1044.   .header--overview .header-title-secondary a:hover {
  1045.     color: #ccc!important;
  1046.   }
  1047.   .kerve .nowslider_name,
  1048.   .kerve .nowslider_artist,
  1049.   .kerve .nowslider_track,
  1050.   .kerve .nowslider_scrobbles,
  1051.   .dropdown-menu-clickable-button,
  1052.   .dropdown-menu-clickable-button:hover,
  1053.   .dropdown-menu-clickable-button:focus,
  1054.   .dropdown-menu-clickable-button.disclose-active,
  1055.   .dropdown-menu-clickable-item,
  1056.   .dropdown-menu-clickable-item:hover,
  1057.   .date-range-picker-presets a,
  1058.   .date-range-picker-presets a:hover,
  1059.   .date-range-picker-presets a:focus,
  1060.   .metadata-title,
  1061.   .content-form .has-error .control-label,
  1062.   .content-form .has-success .control-label,
  1063.   .content-form .has-warning .control-label,
  1064.   .content-form .has-error .checkbox,
  1065.   .content-form .has-success .checkbox,
  1066.   .content-form .has-warning .checkbox,
  1067.   .content-form .has-error .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
  1068.   .content-form .has-success .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
  1069.   .content-form .has-warning .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
  1070.   .content-form .has-error .form-group .form-group-controls--checkbox,
  1071.   .content-form .has-success .form-group .form-group-controls--checkbox,
  1072.   .content-form .has-warning .form-group .form-group-controls--checkbox,
  1073.   .btn-lite,
  1074.   .btn-primary.profile-header-set-obsession,
  1075.   .featured-item-heading,
  1076.   .header-popularity-rank-tooltip,
  1077.   .lazy-recs-bar-recommended-items .lazy-recs-bar-recommended-item-artist,
  1078.   .lazy-recs-bar-recommended-items .lazy-recs-bar-recommended-item-title {
  1079.     color: #CCCCCC;
  1080.   }
  1081.   .dropdown-menu-clickable-button:hover,
  1082.   .dropdown-menu-clickable-button:focus,
  1083.   .dropdown-menu-clickable-item:hover,
  1084.   .dropdown-menu-clickable-item:focus,
  1085.   .btn-lite:active,
  1086.   .btn-lite:focus,
  1087.   .btn-lite:focus:not(:hover),
  1088.   .btn-lite:hover,
  1089.   .btn-primary.profile-header-set-obsession:hover,
  1090.   .btn-primary.profile-header-set-obsession:focus {
  1091.     color: #FFFFFF;
  1092.   }
  1093.   .player-bar,
  1094.   button.btn-primary {
  1095.     color: #FFFFFF!important;
  1096.   }
  1097.   hr {
  1098.     color: #212121!important;
  1099.   }
  1100.   .js-listening-clock-target.user-dashboard-chart-square-inner > svg.user-dashboard-module-svg > g > text {
  1101.     fill: #CCCCCC;
  1102.   }
  1103.   .highcharts-data-labels > g > text,
  1104.   .highcharts-axis-labels > text {
  1105.     fill: #CCCCCC!important;
  1106.   }
  1107.   .scrobble-stats-graph-chart .highcharts-background,
  1108.   .user-dashboard-tube-tags-scroll .highcharts-background,
  1109.   .user-dashboard-chart-square-inner .highcharts-background,
  1110.   .user-dashboard-scalable-content .highcharts-background,
  1111.   .js-listening-clock-target.user-dashboard-chart-square-inner > svg.user-dashboard-module-svg > g > circle:nth-of-type(1) {
  1112.     fill: #282828;
  1113.   }
  1114.   .highcharts-background {
  1115.     fill: #1E1E1E;
  1116.   }
  1117.   .highcharts-markers > path {
  1118.     fill: #CCCCCC;
  1119.   }
  1120.   .highcharts-container > svg > g.highcharts-series-group .highcharts-series-0 > a > rect,
  1121.   .highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > a > rect {
  1122.     fill: #5C809E;
  1123.   }
  1124.   .sparkline-graph .highcharts-series.highcharts-series-0 path:nth-child(1) {
  1125.     stroke: #CCCCCC;
  1126.   }
  1127.   .js-listening-clock-target.user-dashboard-chart-square-inner > svg.user-dashboard-module-svg > g > g:nth-of-type(25) {
  1128.     stroke: #282828;
  1129.   }
  1130.   .js-listening-clock-target.user-dashboard-chart-square-inner > svg.user-dashboard-module-svg > g > g:nth-of-type(27) {
  1131.     stroke: #CCCCCC;
  1132.   }
  1133.   .scrobble-stats-graph .user-dashboard-legend-item--comparison::before,
  1134.   .highcharts-container > svg > g.highcharts-series-group .highcharts-series-0 > a > rect {
  1135.     opacity: .2;
  1136.   }
  1137.   .loading-indicator,
  1138.   .content-form .form-loading-indicator:before,
  1139.   .lazy-buylinks-loading:before,
  1140.   .location-picker-detect--processing:before,
  1141.   .shout-more-replies-loading:before {
  1142.     display: block;
  1143.     -moz-box-sizing: border-box;
  1144.     box-sizing: border-box;
  1145.     background: url(http://www.last.fm/static/images/loading.gif) no-repeat !important;
  1146.     width: 16px;
  1147.     height: 16px;
  1148.     padding-right: 16px;
  1149.   }
  1150.   .lazy-shoutbox.lazy-loading,
  1151.   .lazy-shoutbox.async-content-loading,
  1152.   .obsession-search-results.async-content-loading {
  1153.     background-size: 64px 64px !important;
  1154.     background: url(http://www.last.fm/static/images/loading_fff_64.gif) 50% 50% no-repeat !important;
  1155.   }
  1156.   .wiki-history .wiki-history-table tr {
  1157.     box-shadow: inset 0 -1px #212121;
  1158.   }
  1159.   @media (min-width:768px) {
  1160.     .chartlist tr.chartlist-row--even .chartlist-more-button {
  1161.       background-color: transparent;
  1162.     }
  1163.     .masthead-search-submit,
  1164.     .masthead-search-submit:active,
  1165.     .masthead-search-submit:focus:not(:hover),
  1166.     .ajax-form-disable-hover .masthead-search-submit:focus,
  1167.     .ajax-form-disable-hover .masthead-search-submit:hover,
  1168.     .masthead-search-submit.disabled:hover,
  1169.     .masthead-search-submit[disabled]:hover,
  1170.     .lazy-recs-bar .lazy-recs-bar-join {
  1171.       background-color: #5C809E;
  1172.     }
  1173.     .masthead-search-submit:focus,
  1174.     .masthead-search-submit:hover,
  1175.     .lazy-recs-bar .lazy-recs-bar-join:focus,
  1176.     .lazy-recs-bar .lazy-recs-bar-join:hover {
  1177.       background-color: #77A6CC;
  1178.     }
  1179.     .inbox .inbox-buttons .inbox-delete-button {
  1180.       background-color: #212121;
  1181.     }
  1182.     .inbox .inbox-buttons .inbox-delete-button:hover,
  1183.     .inbox .inbox-buttons .inbox-delete-button:focus {
  1184.       background-color: #505050;
  1185.     }
  1186.     .recommended-next-page-container:not(:hover):not(.recommended-next-page-container--desktop-expanded) .recommended-next-button {
  1187.       background-color: #505050!important;
  1188.       opacity: 0.3;
  1189.     }
  1190.     .user-dashboard-tooltip {
  1191.       background: #282828;
  1192.       border-radius: 0px;
  1193.       color: #CCCCCC;
  1194.     }
  1195.     .mega-menu--open .dropdown-menu-dark {
  1196.       border-radius: 0px!important;
  1197.     }
  1198.     .recommended-next-page-container {
  1199.       position: absolute!important;
  1200.       top: 58px!important;
  1201.     }
  1202.     .about-me-sidebar {
  1203.       margin-bottom: 15px!important;
  1204.     }
  1205.     .date-range-picker-presets-wrap {
  1206.       margin-left: 0px;
  1207.       margin-right: 0px;
  1208.     }
  1209.     .user-dashboard-pagination-next,
  1210.     .user-dashboard-pagination-previous {
  1211.       margin-top: -28px;
  1212.     }
  1213.     .date-range-picker-content {
  1214.       padding-bottom: 18px !important;
  1215.       padding-left: 15px !important;
  1216.       padding-right: 15px !important;
  1217.     }
  1218.     .wiki-history .wiki-history-table td,
  1219.     .wiki-history .wiki-history-table th {
  1220.       box-shadow: inset 0 -1px #212121;
  1221.     }
  1222.     .inbox .inbox-table {
  1223.       box-shadow: inset 0 1px #212121;
  1224.     }
  1225.     .user-dashboard-catalogue-item .user-dashboard-comparison {
  1226.       top: -54px;
  1227.     }
  1228.     .header * + .header-metadata-item--event-attendance::before,
  1229.     .header * + .header-metadata-item--tasteometer::before,
  1230.     .header * + .header-metadata-item--user-scrobbles::before,
  1231.     .header :not(.header-metadata-item--user-scrobbles) + .header-metadata-item--listeners-you-know::before {
  1232.       border-color: #212121;
  1233.     }
  1234.     .mega-menu--open .dropdown-menu-dark {
  1235.       padding: 0px!important;
  1236.     }
  1237.     .chartlist tr:nth-child(2n) .chartlist-more-button {
  1238.       background-color: transparent;
  1239.     }
  1240.     .more-disclose-desktop .more-button::before {
  1241.       -webkit-filter: brightness(60%);
  1242.       filter: brightness(60%);
  1243.     }
  1244.     .more-disclose-desktop .more-button:focus::before,
  1245.     .more-disclose-desktop .more-button:hover::before {
  1246.       -webkit-filter: invert(100%);
  1247.       filter: invert(100%);
  1248.     }
  1249.     .more-disclose-desktop .more-block {
  1250.       padding: 0;
  1251.       border-radius: 0px;
  1252.       background: #212121;
  1253.       box-shadow: none;
  1254.     }
  1255.     .more-disclose-desktop form.more-item {
  1256.       padding: 0;
  1257.     }
  1258.     .more-disclose-desktop .more-item {
  1259.       color: #CCCCCC;
  1260.     }
  1261.     .more-disclose-desktop .more-item:focus:focus,
  1262.     .more-disclose-desktop .more-item:focus:hover,
  1263.     .more-disclose-desktop .more-item:hover:focus,
  1264.     .more-disclose-desktop .more-item:hover:hover {
  1265.       background: #505050;
  1266.     }
  1267.     .more-disclose-desktop .more-item:focus,
  1268.     .more-disclose-desktop .more-item:hover {
  1269.       color: #FFFFFF;
  1270.     }
  1271.     .header--overview .header-title-secondary a,
  1272.     .header--overview .header-title-secondary a:focus,
  1273.     .header--overview .header-title-secondary a:hover,
  1274.     .header--sub-page .header-title-secondary a,
  1275.     .header--sub-page .header-title-secondary a:focus,
  1276.     .header--sub-page .header-title-secondary a:hover,
  1277.     .user-dashboard-pagination-next-link,
  1278.     .user-dashboard-pagination-previous-link {
  1279.       color: #5C809E;
  1280.     }
  1281.   }
  1282.   @media (min-width:1260px) {
  1283.     .user-dashboard-catalogue-item .user-dashboard-comparison {
  1284.       top: -68px;
  1285.     }
  1286.   }
  1287.   .chartlist-count-bar-slug {
  1288.     position: absolute;
  1289.     left: 0;
  1290.     top: 0;
  1291.     height: 100%;
  1292.     background-color: #40596e;
  1293.   }
  1294. }
Tags: music CSS theme dark theme lastfm
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!