☰

CSS: di.fm

Corrections to UI of di.fm and related sites

Ekde 2025/01/24. Vidu La ĝisdata versio. 

// ==UserScript==
// @name          CSS: di.fm
// @description   Corrections to UI of di.fm and related sites
// @author        MK
// @namespace     max44
// @homepage      https://greasyfork.org/en/users/309172-max44
// @match         https://*.di.fm*
// @match         https://di.fm*
// @match         https://*.classicalradio.com*
// @match         https://classicalradio.com*
// @match         https://*.radiotunes.com*
// @match         https://radiotunes.com*
// @match         https://*.jazzradio.com*
// @match         https://jazzradio.com*
// @match         https://*.rockradio.com*
// @match         https://rockradio.com*
// @match         https://*.zenradio.com*
// @match         https://zenradio.com*
// @version       1.0.6
// @license       MIT
// @run-at        document-idle
// ==/UserScript==

(function() {
  //CSS for any mode
  var css = `
  /*Remove link to mobile app*/
  .android-app-banner, .ios-app-banner {
    display: none !important;
  }
  #root[data-page-container], #page[data-page-container] {
    transform: none !important;
  }
  /*Remove banners*/
  .homepage-banners {
    display: none !important;
  }
  .channel-mosaic-layout--original {
    margin-top: 0px !important;
  }
  /*Add border under the payer*/
  .wp-visible #webplayer-region {
    border-bottom: black solid 5px !important;
  }
  /*Hide today's free channels*/
  .channel-mosaic__free-channels-heading, .marionette-region[data-daily-free-tooltip-region], .marionette-region[data-daily-free-channels-region],
  div#root .content-area.flex-wrap .column-view .column-view__section[data-region-1] {
    display: none !important;
  }
  /*Hide "Unlock with premium"*/
  .channel-mosaic__all-channels-heading.channel-mosaic__all-channels-heading--locked .channel-mosaic__all-channels-msg, a[data-track-group="unlockAllWithPremium"] {
    display: none !important;
  }
  /*Optimize "About channel"*/
  .channel-info-component .channel-info-component__wrap,
  .about-channel > .about-channel__content {
    display: unset !important;
  }
  .channel-info-component .channel-info-component__image,
  .about-channel > .about-channel__content > .marionette-region,
  ul.interact > li.current-channel.interact-item > .artwork {
    display: none !important;
  }
  .channel-info-component .channel-info-component__info,
  .about-channel > .about-channel__content > .about-channel__description,
  ul.interact > li.current-channel.interact-item > .info {
    width: 90% !important;
  }
  /*Remove Get Premium to unlock all the music! and Get apps button*/
  .content-area .column-view__section > .homepage-hero-cta, .get-apps-cta {
    display: none !important;
  }
  /*Make top padding on homepage of di.fm*/
  .page-layout--homepage .column-view__section[data-region-0] {
    padding-top: 20px !important;
  }
  /*Amend left and right paddings on homepage and genre page of di.fm*/
  .page-layout--homepage .column-view__section .horizontal-content-browser,
  .page-layout--genre-detail .column-view__section .horizontal-content-browser,
  .page-layout--genre-detail .column-view__section .page-title-component {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /*Remove try premium button and slideshow*/
  .premium-button, #slideshow-wrap {
    display: none !important;
  }
  `;

  if (typeof GM_addStyle != 'undefined') {
    GM_addStyle(css);
  } else if (typeof PRO_addStyle != 'undefined') {
    PRO_addStyle(css);
  } else if (typeof addStyle != 'undefined') {
    addStyle(css);
  } else {
    var node = document.createElement('style');
    node.type = 'text/css';
    node.appendChild(document.createTextNode(css));
    document.documentElement.appendChild(node);
  }
})();