/* Fixture */ .fixture{ font-size: 11px; background: darken(@bg,5%); .banner{ margin: 2px auto; height: 68px; width: 98%; } .viewAll{ float: none; } .fase{ display: none; margin-top:5px; } .show, .fase.active{ display: block; } .fechas{ background: @color02_h} .space{ margin-top: 35px; } .exclamation{ background: @color01; color:@color01_type; .border-radius(50%); font-size: 16px; width: 18px; height: 18px; line-height: 18px; } .definicionTribunal{ text-transform: none; > div{ float: left; display: block; font-style: normal; margin: 10px 8px; } .i-exc{ .exclamation(); padding: 0; text-align: center; } } .fecha{ text-align: center; line-height: 30px; text-transform: uppercase; font-weight: bold; display: none; &.fixtureSection{ clear: right; } .subHeader{ margin: 0 4px; } .match{ .match-inner{ background-color: @bg; .border-radius(4px); margin: 4px; cursor: pointer; box-shadow: 0px 4px darken(@bg,15%); } .timeline{ display: block!important; position: relative; height: 5px; #gradient .vertical(lighten(@color01,42.5%), @color01); .border-radius(4px 0 0); } .visitante, .local{ width: 43%; min-height: 42px; > div{ min-height: 42px; } .equipo{ position: absolute; white-space: normal; line-height: normal; top: 50%; .translate(0, -50%); margin: 0; } .escudo{ top: 5px; position: absolute; } .resultado{ position: absolute; background: @color01; color:@color01_type; .border-radius(50%); font-size: 16px; width: 30px; height: 30px; line-height: 30px; top: 6px; display: block; } .penales{ position: absolute; right: 0; z-index: 1; margin-top: 16px; display: block; .badge{ width: 18px; height: 18px; font-size: 12px; padding: 0; line-height: 18px; background-color: @color02; color: @color02_type; } } } .local{ div{ &.equipo{ left: 10%; } &.escudo{ right: 38px; } &.penales{ right: 8px; width: 18px; } &.resultado{ right: 14px; } } } .visitante{ border-right:1px solid darken(@bg,10%); div{ &.equipo{ right: 13%; } &.escudo{ left: 38px; } &.resultado{ left: 14px; } &.penales{ left: 8px; width: 18px; } } } .i-exc{ position: absolute; .translate(-50%, 0); left: 43%; margin-top: 2px; .exclamation(); } .link{ width: 14%; padding: 0 4px; margin-top: 5px; .btn{ font-size: smaller; } } &.status-playing { } &.status-half{ .timeline{ width: 50%; } } &.status-finished, &.status-penalties{ .timeline{ width: 100%; .border-radius(4px 4px 0 0); } } &.status-notStarted, &.status-postponed, &.status-suspended{ .timeline{ width: 0%; } .visitante, .local{ .resultado, .penales{ display: none; } } } &.hideDetailsButton{ .match-inner{ cursor: auto; } .local, .visitante{ width: 50%; border-right: 0; } .link{ display: none; } .vs-{ left: 50%; } .i-exc{ left: 50%; } } } .detalles{ font-weight: normal; text-transform: none; height: 20px; float: left; border-top:1px solid darken(@bg,10%); padding: 0 3px; > div{ width: auto; } .arbitro{ text-align: left; padding:0 6px 0 0; float: left; } .arbitro, .dia, .hora, .estado{ color: @bg_type; height: 20px; line-height: 20px; overflow: hidden; } .dia, .hora{ padding: 0 6px; } .estado{ font-weight: bold; text-align: right; text-transform: uppercase; float: right; } .definicion{ height: 20px; line-height: 20px; overflow: hidden; div{ background: @color01; color:@color01_type; padding: 0 10px; display: inline; font-style: italic; border-radius:3px; -webkit-border-radius:3px; } } } } .timeSetting{ .timeIcon{ margin-right: 10px; } .text{ span{ text-align: right; } } } &.carousel{ background: transparent; .withThirdPlace { .itemStyles{ .owl-item{ .item{ &.final{ .group{ position:relative; &:after{ border: 1px solid @color02; border-right: 0; bottom:39px; position: absolute; left: -2px; top: 56px; width: 13px; content: " "; } .contentItem{ &:first-child{ margin-top: 179px; @media(max-width: 610px){ margin-top: 183px; } @media(max-width: 410px){ margin-top: 0; } } &:last-child{ &:after{ display: none; } .teams{ &:after, &:before{ display: none; } } } &:after{ height: 0px; width: 0; } } } } &.cuadroa.semifinal{ .group{ position:relative; .contentItem:first-child:after{ display: none; } } } } } } } .itemStyles{ .owl-item{ height: 100%; .item{ border: 0; background: transparent; height: 100%; margin-bottom: 30px; .group{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; /*margin-top:25px;*/ display: flex; flex-direction: column; justify-content: space-around; .contentItem{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; margin-top:0; position: relative; margin: 20px 10px; border: 1px solid lighten(@color02, 90%); background: @bg; .teams{ background: @bg; z-index: 1; .goals{ padding-left: 10px; float: right; } .columns{ float: right; width: 25px; border-right: 1px dotted @color02; text-align: center; position: relative; letter-spacing: -1px; sup{ top: 4px; left: 2px; position: absolute; } span{ font-size: 11px; } small{ font-size: 10px; } } .circle{ background-color:@color02; color:@color02_type; font-family:@type_Special; display: block; height: 20px; width: 20px; line-height: 20px; font-size: 14px; text-align:center; top:14px; font-weight:normal; .border-radius(50%); } &:before, &:after{ content: " "; display: block; background: @color02; position: absolute; height: 1px; top: 36px; width: 13px; //display: none; } &:before{ left: -13px; } &:after{ right: -13px; } .definicionTribunal{ > div{ font-size: 9px; white-space: nowrap; } } } &:after{ content: " "; display: block; background: @color02; position: absolute; width: 1px; top: 55px; right: -14px; } } } .GC_title{ background:darken(@bg, 5%); padding-bottom: 10px; margin: 0 -2px; &.small{ background: transparent; margin-top: 0; padding-bottom: 5px; } } } &.active{ &:nth-child(odd) { .item{ background: lighten(@bg,5%); } } .group{ .contentItem:nth-child(odd){ &:after{ height: 225px; width: 25px; background: transparent; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; z-index: 0; @media(max-width: 610px){ height: 137px; } } } } .final, .semifinal{ .group{ &:after{ display: none; } .contentItem:nth-child(odd){ &:after{ height: 160px; width: 25px; background: transparent; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; z-index: 0; } } } } .cuadrob{ .group{ &:after{ right: auto; left: -13px; border-right: none; border-left: 1px solid; } .contentItem:nth-child(odd){ &:after{ right: auto; left: -13px; border-right: none; border-left: 1px solid; } } } &.semifinal{ .group{ .contentItem:nth-child(odd){ &:after{ border-right: 1px solid; border-left: none; left: -26px; width: 13px; right: auto; z-index: 0; } } } } } } &:first-child, &:last-child{ .item{ .group{ .contentItem{ .teams{ &:before, &:after{ display: none; } } } } } } .resultsDialog{ position: absolute; z-index: 9999; width: 105%; background: @bg; box-shadow: 0px 0px 12px 0px @color02; margin-top: 114px; display: none; top: 0; padding: 5px; left: -5px; border: 1px solid lighten(@color02, 50%); .subHeader{ > span{ text-align: left; padding: 0 0 0 10px; font-size: 14px; } } .contentb{ .subHeader{ text-align: center; margin: 5px 0; text-transform: uppercase; } } &:after { content: " "; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid @bg; top: -14px; position: absolute; left: 0; right: 0; margin: 0 auto; width: 10px; height: 10px; } &:before { content: " "; display: block; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 15px solid lighten(@color02, 50%); top: -15px; position: absolute; left: 0; right: 0; margin: 0 auto; width: 10px; height: 10px; } .fecha{ display: block; .match{ margin: 4px 4px 0; .local, .visitante{ .equipo{ text-align: left; } } .link{ height: 80px; margin-top: -40px; a{ height: 100%; line-height: 80px; span{ height: 100%; line-height: 80px; font-size: 24px; } } } } } } } &.llaveSimple{ .col0{ .group{ .contentItem:nth-child(odd):after{ height: 137px; } } } .col1{ .group .contentItem:nth-child(odd):after{ height: 273px; } } .col2{ .group .contentItem:nth-child(odd):after{ right: auto; left: -12px; border-right: none; border-bottom: none; } } .item.withThirdPlace .group{ padding: 60px 0; } } @media(max-width: 610px){ .owl-item:nth-child(2).col0{ .group{ .contentItem:nth-child(odd):after{ height: 208px; } } } .owl-item:nth-child(3).col1{ .group{ .contentItem{ &:nth-child(odd):after{ display: none; } .teams:before{ display: block; } } } } } @media(max-width: 411px){ .owl-item:nth-child(2).col0{ .group{ .contentItem:nth-child(odd):after{ display: none; } } } .owl-item:nth-child(3).col0{ .group{ .contentItem:nth-child(odd):after{ right: auto; left: -15px; border-right: none; border-bottom: none; } } } } .owl-controls{ .owl-buttons{ div{ display: block; position: absolute; top: 0; cursor: pointer; opacity: 1; background: transparent; padding: 0; margin: 0; &.disabled .btn,&.disabled .btn { background-color: desaturate(@color01, 50%); border-bottom-width: 0px; .opacity(50); cursor: default; &:focus, &:hover, &:active{ height: 25px; margin-top: 0; } } } .owl-prev{ left: 0; .btn{ &:after{ margin-top: 6px; margin-left: 6px; } } } .owl-next { right: 0; .btn{ &:after{ margin-top: 6px; margin-left: 8px; } } } } } } .overlayResultsDialog{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.9); /*dim the background*/ display: none; &.active{ display: none; } } &.maxSize-479{ .itemStyles{ .owl-wrapper{ /*-webkit-transform: initial !important; -moz-transform: initial !important; -ms-transform:initial !important; transform:initial !important;*/ } .owl-item{ /*-webkit-transform: initial; -moz-transform: initial; -ms-transform:initial; transform:initial;*/ .item{ .GC_title{ font-size: 18px; } } } .resultsDialog{ box-shadow: none; position: fixed; top: 0; width: 100%; left: 0; .fecha{ .match{ .visitante{ div{ float: left; } } } } &:before, &:after{ border:0; } } } .overlayResultsDialog{ &.active{ display: block; } } } } &.home{ .GC_title{ display: none; } .navbar{ margin: 0; } .definicionTribunal{ > div{ margin: 0px 8px; } } .fecha { float: left; position: relative; width: 25%; .match{ .match-inner { position: relative; margin: 3px; .local, .visitante{ min-height: 60px; width: 50%; > div { min-height: initial; } .penales{ position: absolute; z-index: 1; margin-top: 15px; } .equipo{ bottom: 2px; top: initial; transform: initial; width: 100%; white-space: initial; word-wrap: break-word; } .escudo { position: absolute; left: 0; right: 0; margin: 0 auto; } } .local{ .equipo{ left: 0; } } .visitante{ border-right:none; .equipo{ right: 0; } } .vs-{ left: 50%; } .i-exc{ left: 50%; } .link{ position: initial; height: auto; margin: 0; a{ &.btn{ position: absolute; bottom: 0; z-index: 9; left: 0; right: 0; margin: 0 auto; width: 45px; height: 20px; line-height: 18px; &:hover{ height:17px; } span{ display: none; &.mas{ font-size: 14px; display: block; } } } } } .detalles { .dia, .hora, .estado{ &.short{ display: none; } } .dia, .hora{ padding: 0 2px; } .arbitro{ display: none; } } .definicionTribunal{ display: none; } .matchNoData{ background: darken(@bg, 6%); .border-radius(4px); .box-shadow(0 0 5px darken(@bg, 20%) inset); min-height: 85px; margin: 4px; } } &.status-playing, &.status-finished, &.status-suspended, &.status-half, &.status-penalties{ .detalles { .hora{ display: none; } } } &.status-notStarted, &.status-postponed{ .detalles{ .estado{ display: none; } } } } .rdsnItem{ margin: 3px; .item{ .contentItem{ .teams { .first, .second{ .name{ word-wrap: break-word; width: 48%; } } } } } } } } } .notifications-link{ position: absolute; width: 18px; height: 18px; bottom: 4px; right: 90px; z-index: 999; img{ max-width: 100%; height: auto; width: 100%; vertical-align: top; } } .history { .fixture { .detalles { .hora{ display: none; } } } } .blockFixture991(){ .fecha{ .match{ .i-exc{ left: 50%; } .match-inner{ position: relative; } .local, .visitante{ width: 50%; } .visitante{ border-right:none; } .vs-{ left: 50%; } .link{ position: initial; height: auto; margin: 0; a{ &.btn{ position: absolute; bottom: 0; z-index: 9; left: 0; right: 0; margin: 0 auto; width: 40px; height: 20px; line-height: 18px; &:hover{ height:17px; } span{ display: none; &.mas{ font-size: 14px; display: block; } } } } } .detalles { .dia, .hora{ padding: 0 10px; } .arbitro{ display: none; } } } } } .blockFixture310(){ .fecha { .match { .link { a{ &.btn{ width: 25px; } } } .visitante, .local{ min-height: 60px; > div{ min-height: 60px; } div{ &.equipo{ top: 88%; .translate(0, -80%); width: 100%; } &.escudo{ position: absolute; left: 0; right: 0; margin: 0 auto; } } } .local{ div{ &.equipo{ left: 0; } } } .visitante{ div{ &.equipo{ right: 0; } } } .vs-{ margin-top: 20px; } .detalles{ .dia, .hora{ padding: 0 2px; font-size: 10px; } } &.isDefinedbyTribunal{ .local, .visitante{ min-height: 74px; .equipo{ top: 85%; .translate(0, -75%); } } .definicionTribunal{ >div{ text-transform: none; } } } } } } .maxSize-1199{ &.fixture{ &.home{ .fecha{ width: 33%; .rdsnItem{ .item{ .contentItem{ .teams { .first, .second{ .name{ width: 52%; } } } } } } } } } } .maxSize-991{ &.fixture, &.history{ .blockFixture991(); .fecha{ clear: both; } } &.fixture{ &.home{ .fecha{ width: 50%; clear: none; } } } } .maxSize-767{ &.fixture{ .fecha { .match { .local, .visitante{ width: 43%; } .visitante{ border-right:1px solid darken(@bg,10%); } .vs-{ left: 43%; } .link{ padding-top: 4px; a.btn{ position: relative; width: 100%; height: 33px; line-height: 33px; &:hover{ height:30px; margin-top: 3px; } span{ display: block; &.mas{ display: none; } } } } .detalles { .arbitro{ display:inline-block; } } &.isDefinedbyTribunal{ .local, .visitante{ min-height: 60px; } .link{ padding-top: 15px; } .definicionTribunal{ position: absolute; bottom: 18px; width: 100%; > div{ float: none; margin: 0 0 0 6px; width: 84%; } } } &.hideDetailsButton{ .local, .visitante{ width: 50%; border-right: 0; } .vs-{ left: 50%; } .i-exc{ left: 50%; } .definicionTribunal{ >div{ width: 98%; margin-left: 1%; } } } } } &.home{ .fecha{ width: 100%; .match { .match-inner { .local, .visitante{ width: 43%; min-height: 30px; .equipo{ width: 60%; top: 50%; bottom: inherit; .translate(0, -50%); } .resultado{ top: 2px; width: 25px; height: 25px; line-height: 25px; } .penales{ margin-top: 5px; .badge{ width: 15px; height: 15px; font-size: 10px; line-height: 15px; } } .escudo{ top: 0; width: auto; } } .local{ .escudo{ right: 54px; left: inherit; } } .visitante{ .escudo{ left: 54px; right: inherit; } } .vs-{ left: 43%; margin-top: 10px; } .link{ a.btn{ right: 2px; left: inherit; top: 4px; width: 22px; height: 22px; line-height: 18px; &:hover{ height: 19px; margin-top: 3px; } } } .detalles{ position: absolute; right: 6%; width: 8%; height: auto; border-top: none; padding: 0; line-height: 18px; top: 4px; > div{ float: none; line-height: normal; display: none; height: auto; &.short{ display: block; text-align: right; padding: 0; } } } } &.status-playing, &.status-finished, &.status-suspended, &.status-half, &.status-penalties{ .detalles { > div{ &.short{ &.hora{ display: none; } } } } } &.status-notStarted, &.status-postponed{ .detalles{ > div{ &.short{ &.estado{ display: none; } } } } } &.hideDetailsButton{ .local, .visitante{ width: 46%; } .vs-{ left: 46%; } .detalles{ right: 1%; } } &.isDefinedbyTribunal { .definicionTribunal{ display: block; height: auto; margin-bottom: 2px; position: relative; bottom: 0; > div{ width: 98%; margin-left: 1%; } } } } .rdsnItem{ .item { .contentItem { .teams { .first, .second{ width: 43%; min-height: 35px; .number{ top: 2px; } .circle{ margin: 14px 0 0 0; } .name { width: 60%; font-size: 11px; } } .vs-{ left:43%; } .first{ .number{ right: 14px; } .circle{ right: 8px; } img{ right: 54px; } .name { right: initial; } } .second{ .number{ left: 14px; } .circle{ left: 8px; } img{ left: 54px; } .name { left: initial; right: 0; } } } } } } } } } } .maxSize-479.fixture, .maxSize-479.history{ .fecha{ .match, .detalles{ &.isDefinedbyTribunal{ .definicionTribunal{ bottom: 22px; > div{ width: 98%; margin: 0 auto; } } } &.hideDetailsButton{ .definicionTribunal{ bottom:18px; } } .local, .visitante{ width: 50%; } .visitante{ border-right:none; } .vs-{ left: 50%; } .link{ a.btn{ position: absolute; width: 12%; height: 20px; line-height: 18px; &:hover{ height:17px; } span{ display: none; &.mas{ display: inline-block; } } } } .detalles { .arbitro{ display:none; } .dia, .hora { position: relative; } } .definicion{ div{ font-size: 8px; } } } } .blockFixture310(); .fase{ margin-top: 5px; } &.home{ .fecha{ float: none; clear: both; .match{ .match-inner { margin: 0; border-radius: 0; #gradient .vertical-three-colors(darken(@bg,10%), @bg, 30%, @bg); box-shadow: none; .local, .visitante{ width: 46%; min-height: 25px; .resultado{ width: auto; height: auto; background: transparent; color: @bg_dest_type; font-size: 12px; top: 2px; } .penales{ display: none; } .equipo{ width: 56%; font-size: 10px; font-weight: normal; } .escudo{ img{ width: 70%; vertical-align: baseline; margin-top: 4px; } } } .local{ .resultado{ right: 4px; } .escudo{ right: 25px; } } .visitante{ .resultado{ left: 4px; } .escudo{ left: 25px; } } .link{ display: none; } .vs-{ left: 46%; margin-top: 6px; } .detalles{ right: 1%; top: 9px; > div{ font-size: 9px; } } } &.status-playing, &.status-finished, &.status-suspended, &.status-half, &.status-penalties{ .detalles { > div{ &.short{ &.dia{ display: none; } } } } } &.status-notStarted, &.status-postponed{ .match-inner{ .detalles{ > div{ &.short{ &.dia{ display: none; } } } } } } } .rdsnItem{ .item{ .contentItem{ .teams { .first, .second{ width:50%; .name{ width: 56%; } } .first{ .number{ right: 6px; } img{ right: 40px; } } .second{ .number{ left: 6px; } img{ left: 40px; } } .vs-{ left: 50%; } } } } } } .GC_title { display: block; margin: 6px 0; } } } .maxSize-310{ &.fixture{ .blockFixture310(); &.home{ .GC_title{ display: block; } .fecha{ .match{ .match-inner{ .local, .visitante{ width: 44%; .escudo{ display: none; } .equipo{ width: 76%; } } .vs-{ left: 44%; } .detalles{ width: 12%; } } } .rdsnItem{ .item{ .contentItem{ .teams { .first, .second{ min-height: 55px; .name{ top: 88%; .translate(0, -70%); width: 100%; } } .first{ img{ right:60%; .translate(60%, 0); } .number{ right: 10px; } } .second{ img{ left: 60%; .translate(-60%, 0); } .number{ left: 10px; } } } .col{ .date{ font-size: 11px; } } } } } } } } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .maxSize-991.fixture .fecha .match .link{ position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; } .maxSize-767.fixture .fecha .match .link{ position: relative; } .maxSize-479.fixture .fecha .match .link{ position: absolute; } .maxSize-479.fixture .fecha .match .link a.btn{ width: 100%; } .maxSize-310.fixture .fecha .match .link { width: 25px; } } /* Fin Fixture */