Ole.com.ar Dark Mode by santi

/* ==UserStyle==
@name           Ole.com.ar Dark Mode
@description    Dark and very customizable theme for Ole.
@namespace      github.com//santi-san/ole-dark
@homepageURL    https://github.com/santi-san/ole-dark
@supportURL     https://github.com/santi-san/ole-dark/issues
@author         santi  (https://github.com/santi-san)
@version        1.0.4
@license        MIT
@preprocessor   stylus

@var color      _bg-dark         'Primary bg color        '    #22272e
@var color      _bg-light        'Secondary bg color      '    #2d333b
@var color      _link-color      'Link color              '    #e6bb5d 
@var color      _text-color      'Text color              '    #adbac7
==/UserStyle== */

@-moz-document domain("ole.com.ar") {
    *
    { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; }
    .col { padding: 10px; }
    
    article > img,.entry.entry-box .entry-media, figure > a > img
    { width: 100%; }
    
    article > img,.mod.mod-ranking 
    { height: auto; }
   
    .entry.entry-box,.container.nota-unica,.entry-summary,.mod-aside.mod-more-view .item-list {
        height: auto;
        padding: 10px;
    }
    .entry-data-324 {
        max-height: 500px;
        height: auto;
    }
    .mod-oletv .swiper-slide .entry {
        height: 250px;
        max-height: 250px;
    }
    .entry-related li {
        overflow: visible;
        height: auto;
    }

    .entry-related a,.entry .entry-related a {
        white-space: normal !important;
        width: auto !important;
        line-height: 1.4;
    }
    .aplicaciones { display: none; }
    /*live*/
    .mam .mam-content,mark 
    { background: rgba(0, 0, 0, 0.6) !important; }
    /*card-post*/
    .bb-tu > article,.entry-summary { border-radius: 8px; }
        
.jteuHr {
    background: #242f37;
}
/*---------BACKGROUND------------*/ 
    body,.borra-back,.bb-gt.row .modal,.latest-news .box-section .border-box .latest-news__item,.headerContainer header.sticky .header_content,#colDer .col-der-box .most-viewed .bd article,.mod-opinion,.boxMenuEstadisticas tr td, .boxMenuEstadisticas tr td a,.opta-widget-container .tabs-active div.opta-dropdown,.subgrouping,.opta-widget-container table,.opta-widget-container .comparison,.opta-widget-container .comparison legend,.opta-widget-container .tabs-active .tabs-nav,.mam.mam-futbol .mam-tiempo,.modNot-33 .tournament-futbol,.bb-tu > article,.col_8 > .entry-summary,.opta-widget-container .ticker,.footer,.footer .otherSites,.opta-widget-container .fixtures,div.widget-title,div.widget-subtitle,.site-header .modal,.opta-widget-container .fixtures h3, .opta-widget-container .golf h3, .opta-widget-container .ice-hockey.c_standings h3, .opta-widget-container .netball.standings.no-nav h3,.titleBold .separador-home,.mam_ppal_class .team,.Opta .Opta-H2, .Opta h2,.Opta .Opta-Even td, .Opta .Opta-Even th, .Opta .Opta-Striped li:nth-child(2n), .Opta .Opta-Striped tbody tr:nth-child(2n) td, .Opta .Opta-Striped tbody tr:nth-child(2n) th, .Opta div.Opta-Even, .Opta li.Opta-Even,.Opta tfoot th, .Opta thead th,.Opta > .Opta_W > div,.Opta > .Opta_W,.Opta .Opta-H3, .Opta h3,.Opta .Opta-H4, .Opta h4,.news .entry-body .body-nota .Opta .Opta-H2, .news .entry-body .body-nota .Opta h2,.Opta .Opta-Tabs .Opta-Nav > ul,._AVPao
    { background: _bg-dark !important; }

    .container.nota-unica,.entry.entry-box,.entry-summary,.mod.mod-aside,.mod-diosas, 
.mod-diosas .swiper-container::after, .mod-diosas .swiper-container::before,#headerHome,.site-header .header-top,.navMenu-home,.bb-gt.row,.headerV2Stcky,.mod-opinion .swiper-slide + .swiper-slide .entry::before,.site-footer,.site-footer .otherSites,.estadisticasOpta .opta-widget-container .matchstats-lineup li:nth-child(2n+1), .estadisticasOpta #OPTA_fixtures_plus_2c .scoreline-even, .estadisticasOpta .col_4 .opta-widget-container tbody tr:nth-child(2n), .opta-widget-container.opta-playercompare .row-odd, .opta-widget-container.opta-playercompare .row-even,.tabs-selected,.scoreline .scoreline-odd .match-2189305 .match-linked .matchstatus-fulltime,.opta-widget-container thead th.sort-ascending, .opta-widget-container thead th.sort-descending,.opta-widget-container table.colchart tbody tr:hover td,.opta-widget-container .competitionstats .ts-stat-cell:hover,ul.team li:nth-child(2n+1), .opta-teamcompare tr:nth-child(2n+1), .chalkboard div.events dl ul li:nth-child(2n+1), .chalkboard div.events ul.events li:nth-child(2n+1), .chalkboard div.players dl ul li:nth-child(2n+1), .chalkboard ul.team li:nth-child(2n+1), .opta-widget-container .ticker.narrow li:nth-child(2n+1),.estadisticasOpta .opta-widget-container .tabs-active .tabs-nav li a:hover, .estadisticasOpta .opta-widget-container .tabs-active .tabs-nav li.tabs-selected a, .estadisticasOpta .opta-widget-container .tabs-active div.opta-dropdown ul.tabs-nav li:hover,.opta-widget-container .comparison .tabs-active .tabs-content li thead th, .opta-widget-container .comparison thead th,.site-header,div.fecha-title,div.filtros-mid .filtro,div.filtros-top,.opta-widget-container .fixtures .matches dd,.latest-news .box-section .border-box span,.mam_ppal_class .time,.contentDataMam .mamData,.Opta .Opta-Odd td, .Opta .Opta-Odd th, .Opta .Opta-Striped li:nth-child(2n+1), .Opta .Opta-Striped tbody tr:nth-child(2n+1) td, .Opta .Opta-Striped tbody tr:nth-child(2n+1) th, .Opta div.Opta-Odd, .Opta li.Opta-Odd,.Opta .Opta-Matchdata,.Opta .Opta-MatchHeader div.Opta-MatchHeader-Details > div, .Opta .Opta-MatchHeader tr.Opta-MatchHeader-Details td > div,.styles_contentOpinion__l5aDR,.cGxDiX,.joqLfb
    { background:  _bg-light; }

    .site-header .site-menu .modal .col + .col::after,.site-header .site-menu .mod-nav a + a::before,.crossCCBlanco,.scrollV2:nth-of-type(1) .col_2 + .col_2::before 
    { background: transparent !important; }
    
    span.moremenu
    { background-color:  white; }
    
/*---------LINKS------------*/    
    a,.entry .entry-title a, h1,h2,h3,h4,h5,h6,.news .entry-head .breadcrumb span,strong, .footer-link,.estadisticasOpta .agenda-deportiva, .estadisticasOpta .estTitle,.opta-widget-container thead th,.opta-widget-container .comparison legend,span.ng-binding.ng-scope,div.fecha-title,.entry-box .mam,.modNot-33 .mam.mam-futbol .mam-tiempo,.col_12 > .entry.entry-box.existMam .mam-futbol .mam-tiempo,.news .entry-body .body-nota > h2,mark,div.torneo-title,.latest-news .box-section .border-box span,.Opta tbody th,.Opta_F_C .Opta-Time
    { color: _link-color !important; }
    
/*---------TEXTS------------*/ 
    p,.entry-excerpt,body .news .newsletter-embeb .title-box,body .news .newsletter-embeb .bd .mt h4,.latest-news .box-section .border-box .latest-news__item .mt h3 a,.headerV2Stcky .site-menu.stListoTop > ul.pull-left > li:last-child a .secciones::before,td:nth-child(1), td:nth-child(2), .entry-label,.opta-widget-container .teamlist-onerow tbody th, .opta-widget-container tbody td,.opta-widget-container .tabs-active div.opta-dropdown,.opta-widget-container .comparison .tabs-active .tabs-content li tbody th, .opta-widget-container .comparison tbody td, .opta-widget-container .comparison tbody th, .opta-widget-container .cricket-playerstats .tabs-container tbody th,.opta-widget-container .comparison fieldset fieldset li span,.firma, .opta-widget-container .comparison fieldset dd,.opta-widget-container,.opta-widget-container .fixtures .matches dt, .opta-widget-container .fixtures.basketball div.matches, .opta-widget-container .fixtures.cricket div.matches, .opta-widget-container .fixtures.handball div.matches, .opta-widget-container .fixtures.volleyball div.matches,.Opta > .Opta_W > div,.dQbQnm .moduloAutor p, .dQbQnm .moduloAutor span,.sc-9a7c0514-0.zibsx
    { color: _text-color !important; }

    div.bb-tu { position: static !important; }

/*---------SHADOWS------------*/ 
    .header-top,.site-header .site-menu .mod-nav-news,.entry-excerpt p a,.headerV2Stcky,.headerContainer header.sticky,.eventos div.eventos,.news .entry-title .bajada h2 + h2 a,.border 
    { box-shadow: none !important; }

    .col_12 > .entry.entry-box .entry-data 
    { background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0, 0, 0, 0.89) 100%) !important; }
    
    .entry-title a 
    { text-shadow: 3px 3px #000 !important; }
/*---------BORDERS------------*/ 
    .headerV2Stcky .navMenu-home,.headerContainer header.sticky,.hCPGcx,.egQuHH,.hLyMWP,.bfRUUq,.hHVtPW a,.faoZD tbody tr,.kdxRIo article
    { border-bottom: 1px solid _bg-light; }
    
    div.torneo,div.torneo-title,.mod-ole-teve .item-list + .item-list,.opta-widget-container thead th,div.eventos table tr:not(:last-child) td,div.filtros-top .filtro:nth-child(1) a,.opta-widget-container .fixtures .matches dt, .opta-widget-container .fixtures.basketball div.matches, .opta-widget-container .fixtures.cricket div.matches, .opta-widget-container .fixtures.handball div.matches, .opta-widget-container .fixtures.volleyball div.matches,.latest-news .box-section .border-box .latest-news__item,.Opta .Opta-H3, .Opta h3,.Opta .Opta-H4, .Opta h4
    { border-color: _bg-light !important; }
    
    .mod-aside.mod-more-view .item-list,.mod.mod-ranking,.site-footer .footer-tapa, .separator,.opta-widget-container .fixtures-plus tr.scoreline td,.opta-widget-container .comparison .tabs-active .tabs-content li tbody th, .opta-widget-container .comparison tbody td, .opta-widget-container .comparison tbody th, .opta-widget-container .cricket-playerstats .tabs-container tbody th,.estadisticasOpta .opta-widget-container .tabs-active .tabs-nav li a:hover, .estadisticasOpta .opta-widget-container .tabs-active .tabs-nav li.tabs-selected a, .estadisticasOpta .opta-widget-container .tabs-active div.opta-dropdown ul.tabs-nav li:hover,div.filtros-top .filtro:nth-child(2) a,div.filtros-top .filtro:nth-child(3) a,.opta-widget-container .fixtures dd .match-details,.mod-ole-teve .mod-content .entry-box,.news .entry-head .content-top, .intVideo .entry-head .content-top
    { ...