/* Timeline */ .timeLine { padding-top: 35px; .tipoIso(@bg); background-position: right 10px; background-repeat: no-repeat; border-top: 1px solid lighten(@bg_type, 70%); .descripcion{ display:none; height:10px; } .timeline{ margin-bottom: 10px; font-family:@baseFontFamily; font-size:12px; height: 65px; position: relative; background-color: @color01; color:@color01_type; } .line { position: absolute; margin-top: 28px; background-color: @color01_type; height: 8px; width: 100%; margin-left: 0; left: 0; clear:both; -webkit-border-radius: 0; border-radius: 0; } .time { position: absolute; top: 0; left: 50%; margin-left: -47.5%; width: 95%; > div{ position:relative; float: left; height: 100%; } .progress .bar { #gradient .vertical(lighten(@color02,42.5%), @color02); } .first { width: 50%; border-right: 1px solid darken(@color01,10%); margin-left:-1px; } .second { width: 50%; } .extratime1 { border-right: 1px solid darken(@color01,10%); } .extratime1,.extratime2 { width: 12.5%; display:none; } .defShootout{ width: 1px; display:none; } &.showExtraTime{ .first,.second { width: 37.5%; border-right: 1px solid darken(@color01,10%); } .extratime1,.extratime2{ display:inline-block; } } &.showDefShootout{ .defShootout{ display:inline-block; } } .home, .away { height: 26px; line-height: 20px; margin-top: 4px; position: relative; .initials { float: left; color: @color01_type; text-transform: uppercase; } .incidences { position: absolute; float:left; width: 100%; height:22px; >div{ position: absolute; width: 20px; height: 22px; cursor: pointer; margin-left:-10px; .iconsheet(); display: inline-block; } } } .home { .incidences { .goal {background-position:-882px -18px; z-index: 8;} .goal.own {background-position:-902px -18px; z-index: 7;} .redCard {background-position:-410px -18px; z-index: 5;} .yellowCard {background-position:-372px -18px; z-index: 4;} .redByDoubleYellowCard {background-position:-452px -18px; z-index: 6;} .penaltyMiss {background-position:-217px -18px; z-index: 3;} .change {background-position:-781px -18px; z-index: 2;} } } .away { margin-top: 8px; .incidences { .goal {background-position: -838px -18px; z-index: 8;} .goal.own {background-position:-858px -18px; z-index: 7;} .redCard {background-position: -392px -18px; z-index: 5;} .yellowCard {background-position: -354px -18px; z-index: 4;} .redByDoubleYellowCard {background-position: -434px -18px; z-index: 6;} .penaltyMiss {background-position:-244px -18px; z-index: 3;} .change {background-position: -756px -18px; z-index: 2;} } } } .boxModal{ z-index: 10000; } } .tooltip-arrow{ border-bottom-color: transparent; border-top-color: transparent; } .playerIn, .playerOut{ display: block; } .maxSize-479{ .timeline{ .time{ .home .incidences{ .yellowCard {background-position: -594px -18px;} .redCard {background-position: -634px -18px;} .redByDoubleYellowCard {background-position: -674px -18px;} .change {background-position:-712px -18px;} .goal {background-position:-54px -74px; z-index: 1;} .goal.own {background-position:-76px -74px; z-index: 1;} .penaltyMiss {background-position:-270px -19px; z-index: 1;} } .away .incidences{ .yellowCard {background-position:-578px -22px;} .redCard {background-position: -618px -22px;} .redByDoubleYellowCard {background-position: -656px -22px;} .change {background-position: -696px -22px;} .goal {background-position:-10px -78px; z-index: 1;} .goal.own {background-position:-30px -78px; z-index: 1;} .penaltyMiss {background-position:-294px -24px; z-index: 1;} } div.tl-point-home, div.tl-point-away{width: 15px;} } } } /* Fin Timeline */