wheresthematch.com - clean by sonho

/* ==UserStyle==
@name       wheresthematch.com - clean
@version    20250216.15.38.00
@namespace  ?
==/UserStyle== */
@-moz-document regexp("^https:\\/\\/www\\.wheresthematch\\.com\\/live-football-on-tv\\/?.+$"),
url("https://www.wheresthematch.com/football-today/") {
  /*   Hide leagues */
  #tv-listings-wrapper #fixtureswrapper table tr {
    display: none;
  }


  #tv-listings-wrapper #fixtureswrapper table tr:has( a[title*="English Premier League"],
  a[title="England on TV"],
  a[title^="UEFA Champions League"],
  /*   a[title^="UEFA Nations League"], */
  a[title*="FA Cup"],
  a[title*="EURO"]) {
    display: block;
  }

  #tv-listings-wrapper #fixtureswrapper table tr:has(a[title*="FA Cup"]) * {
    opacity: 0.8;
  }
}

@-moz-document domain("wheresthematch.com") {

  :root {
    --main-background: white;
    --main-background-secondary: white;
    --main-text-color: black;
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --main-background: #252525;
      --main-background-secondary: #393939;
      --main-text-color: white;
    }
  }

  html {
    background: #013000;
  }

  main {
    background-color: black;
  }
  #navigation,
  #navigation .nav {
    height: auto;
  }
  #navigation {
    margin-top: 72px;
  }
  #navigation .nav li img {
    display: none;
  }

  .unlock-premier-listing {
    display: none;
  }
  #navigation li a {
    margin: 0;
    padding: 10px
  }

  #navigation li {
    margin: 0 !important;
  }

  #fixtureswrapper table td a {
    pointer-events: none;
  }

  #fixtureswrapper table td.channel-details img {
    padding: 3px;
    background: white;
  }

  .homeheaderinfo {
    width: auto;
  }

  /* Remove rhs ad column */
  .sidebar-wrapper {
    display: none;
  }
  /* Advert */
  #adsense-guitab,
  #tv-listings-wrapper .bet-now1,
  a.non-televised-promotion,
  #sn_gg_ad_wrapper {
    display: none;
  }


  #hero-banner {
    display: none;
  }

  .home-para-content {
    display: none;
  }

  #new-tabs {
    background-color: #666;
    padding: 0;
    margin-top: 1em;
  }

  #new-tabs ul {
    margin-inline: 0;
  }

  #new-tabs li {
    padding: 0 !important;
  }

  #new-tabs a,
  #new-tabs li#tabselected a {
    background-color: #666;
    border-radius: initial !important;
  }

  #signin {
    display: none;
  }

  #popular-guides {
    display: none;
  }

  /*   #fixtureswrapper table td.fixture-details a {
    display: none
  } */
  /* Setting text color   */
  #filters-wrapper tr,
  #tabs p,
  .fixture a,
  .fixture a:active,
  .fixture a:visited,
  th,
  #fixtureswrapper table td.fixture-details span.fixture a.eventlink,
  #fixtureswrapper table td.start-details span,
  #teamswrapper table td.start-details span,
  #fixtureswrapper table td.competition-name,
  #teamswrapper table td.competition-name,
  #fixtureswrapper table td.competition-name a,
  #fixtureswrapper table td.start-details span.time,
  #fixtureswrapper table td.competition-name span.stage,
  #teamswrapper table td.competition-name span.stage {
    color: var(--main-text-color);
  }

  /* Table header */
  #tv-listings-wrapper thead {
    display: none
  }

  #premier-wrapper {
    background: linear-gradient(0deg, rgb(26, 98, 26) 0%, rgb(1, 49, 0) 100%)
  }

  #filters-wrapper {
    background: #444;
    width: 100%;
    /*     color: var(--main-text-color); */
  }

  #filters-wrapper h1 {
    color: white;
    text-transform: capitalize;
    font-size: 1.5em;
  }

  #filters-wrapper .homeheaderinfo em {
    color: #979797;
  }

  @media screen and (min-width: 480px) {
    #filters-wrapper {
      width: min(1160px, 100% - 14rem);
      margin-inline: auto;
    }
  }


  #filters-wrapper .filters {
    display: none;
  }

  #tv-listings-wrapper #fixtureswrapper {
    opacity: 0.95;
  }
  #tv-listings-wrapper #fixtureswrapper table,
  #tv-listings-wrapper #fixtureswrapper {
    width: 100%;
  }

  .home-team {
    display: none !important;
  }

  #tv-listings-wrapper #fixtureswrapper table {
    background: #c4c3c3;
    margin-bottom: 0;
  }


  #tv-listings-wrapper #fixtureswrapper table tr {
    background: var(--main-background);
  }


  #tv-listings-wrapper #fixtureswrapper table tr + tr {
    margin-top: 4px;
  }

  .blurred-not-selectable,
  .blurred-team-not-selectable {
    text-shadow: none;
    color: black;
  }

  .lazyloaded[alt*="Football"] {
    display: none;
  }

  .fixture a {
    display: block;
  }

  .fixture em {
    display: inline-block;
    max-width: 13ch;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1em !important;
    text-overflow: ellipsis;
  }

  @media screen and (min-width: 480px) {
    .fixture em {
      max-width: 20ch;
    }
  }

  /* footer */
  .sport-content-wrapper,
  #footer-2016-apps-wrapper {
    display: none;
  }

  footer {
    display: none !important;
  }

  #tv-listings-wrapper #fixtureswrapper table + div {
    display: none;
  }


  #maincontent {
    padding-bottom: 55px;
    background: black;
  }
  #locked-sport {
    display: none;
  }

  /* privacy  */
  iframe + div {
    display: none;
  }

  /* --------------------------------------------------------- */
  /* Hide the original images while preserving space */
  #fixtureswrapper table td.channel-details img.channel {
    font-size: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    
  }

  /* Display the title content before the element */
  .channel-details a[title]::before {
    content: attr(title);
    display: inline-block;
    color: var(--main-text-color);
    text-decoration: lightgray;
  }
  
  .channel-details {
/*     display: none; */
  }

  #fixtureswrapper table td.channel-details {
    text-align: right;
    font-style: italic;
    font-size: 1em;
  }

  /* Style for the channel name spans */
  .channel-details .channel-name {
    display: none;
    /* Hide the original channel name spans since we're showing titles */
  }
}