/*Jugadores*/ .statsCenterPlayerTab{ .subHeader{ &.title{ height: 35px; line-height: 35px; } } .blockCards{ &:after{ .G_divider; top: 25%; } .colLeft{ margin: 70px 0; } } &.hidePasses .blockCards{ width: 50%; } .blockPasses { .content{ .mobileTablet { margin: 10px 0; .colRight{ &:after{ top: 32%; height: 100%; } } } } } &.hidePasses .blockPasses{ display: none; } .blockShots { .content { .colLeft { .total { .tp-arc-top{ padding-left: 0; } } } } } .blockPlayer{ background: @bg; .colRight{ padding: 65px 25px; &:after{ .G_divider; } table{ width: 100%; tr{ border-bottom: 1px solid lighten(@bg_type,85%); &:last-child{ border-bottom: 0; } td{ vertical-align: top; width: 50%; color:lighten(@bg_type,65%); font-size: 12px; text-transform: uppercase; padding: 0 0 0 10px; strong{ font-weight: bold; color:@bg_type; font-size: 12px; padding: 0; } } } } } .colLeft{ padding: 40px 0 40px 6%; .data{ padding:6% 0 0; span{ display: block; color: @bg_dest_type; font-size: 16px; font-weight: bold; &:nth-child(2){ color: @bg_type; text-transform: uppercase; } } div{ background: @color01; color: @color02_type; min-height: 30px; width: 136px; line-height: 30px; text-transform: uppercase; text-align: center; font-size: 12px; font-weight: bold; margin: 5% 0 0; cursor: pointer; } } .positionCircle{ .circle{ margin: 50% auto 0; float: none; } img{ margin:-3px auto 0; } } } } .incidences{ .icon{ width: 16%; float: right; margin-top: 5px; position:relative; height:18px; } } .iPlayer,.iTeam{ .iconsheet(); width: 20px; height: 17px; display: block; margin-left: -10px; position:absolute; top:0; } .iPlayer{ left:20%; background-position: -805px -75px; } .iTeam{ left: 70%; background-position: -687px -75px; } .itemsRanking { .G_ranking { .num{ margin-left: 5%; } .numTeam{ margin-right: 2%; width: 6%; padding-left: 2%; } } &:after{ width: 0; } } .blockMinutes{ .content{ text-align: center; margin: 30px 0; canvas{ display: block; margin: 0 auto; } .icon{ .iPlayer,.iTeam{ position: relative; margin: 0 auto; left: 0; } } .colLeft, .colRight{ display: inline-block; width: 100px; .barNumber{ background: @color01; width: 50px; margin: 0 auto; border-radius: 40%; line-height: 30px; color: @color01_type; font-weight: bold; } } } } .blockGoals{ &:after{ .G_divider; top: 30%; } .content{ margin: 40px 0 10px; .total{ height: 100px; position: relative; canvas{ position: absolute; left: 0; right: 0; margin: 0 auto; } .numberCharts{ position: absolute; top: 37px; left: 0; right: 0; text-align: center; margin: 0 auto; font-size: 24px; color: @bg_type; } } .positionCards{ margin-top: 10px; .colorCards{ text-align: center; .circle{ float: none; display: inline-block; margin-right: 30px; background: @color01; color: @color01_type; &:last-child{ margin: 0; } &.second{ background: @color02; } &.third{ background: lighten(@color02, 60%) } &.fourth{ background: lighten(@color02, 80%) } &.fifth{ background: lighten(@color02, 40%) } } } } .tp{ top: 10px; width: 100%; position: relative; text-align: center; .tooltip{ display: inline-block; position: relative; min-width: 55px; margin-right: 4px; .tooltip-inner { min-height: 22px; font-size: 9px; padding: 0 3px; text-align: center; line-height: 22px; border-radius: 0; } } } } } &.maxSize-991{ .blockShots { .content { .colLeft { margin: 28px 0 30px; .total{ float: right; } } } } .blockCards{ .colLeft{ margin: 70px 0; .position{ .circle{ width: 26px; height: 26px; line-height: 26px; margin: 6px 0 0 44px; } } } } .blockPasses { .content{ .mobileTablet { .colRight { .data { .incorrect { .number{ width: 20%; } .text{ font-size: 9px; } } .correct { .text{ font-size: 9px; } .number{ width: 20%; } } } } } } } .itemsRanking { .G_ranking { .num{ margin-left: 6%; } } } .blockGoals{ .content{ margin: 20px 0; .positionCards{ margin-top: 0; .colorCards{ padding: 0; width: 33px; margin: 0; float: left; .circle{ display: block; margin-right: 0; margin-top: 6px; &:first-child{ margin-top: 0; } } } .tp{ left: 40px; top: 0; margin: 0; position: absolute; width: 70%; .tooltipStatic{ background:@color02; min-height: 22px; color: @color01_type; text-align: center; line-height: 22px; margin-top: 17px; font-size: 9px; position: relative; &:first-child{ margin-top: 5px; } &:after { content: ""; position: absolute; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid @color02; left: -5px; top: 7px; } } } } .total{ margin-top: 45px; } } &:after{ .G_divider; top: 16%; } } } &.maxSize-767{ .blockPasses { .content{ .mobileTablet { margin: 0; .colRight { &:after{ height: 80%; } } } } } .blockCards{ .colLeft{ margin: 50px 0; } } &.hidePasses .blockCards{ width: 100%; } .blockShots { .content { .colLeft { margin: 10px 0 30px; .total{ height: 140px; margin: 0 auto 25px; } } } } .itemsRanking { .G_ranking { .num{ margin-left: 5%; } } } .incidences{ .icon{ width: 18%; } .iTeam{ } .iPlayer{ margin-right: 3%; } } .blockPlayer{ .colLeft{ padding-left: 0%; } } } &.maxSize-479{ .blockShots { .content { .colLeft { .arc { margin: 0; background:none; .color-cards{ padding: 0; width: 33px; margin: 0; float: right; .circle{ margin-right: 0; } } } .total{ margin: 13px auto 25px; } } .tp-arc{ left: 2%; top:0; margin: 0; } } .tooltip-static{ &:before{ border: 0; } } } .blockCards{ .colLeft{ margin: 15px 0; } } .blockPasses { .content { .mobileTablet { margin: 0 0 10px; .colRight{ margin:0; .graphic{ margin: 15px 0; } .data{ margin: 15px 0; } } } } } .blockPlayer{ .colRight{ margin-bottom: 30px; padding: 0 24px; } .colLeft{ padding:6% 4%; .positionCircle { .circle{ margin: 0; } } .data{ padding: 0; } } } .data{ margin-top: 0; span{ font-size: 14px; } } .incidences{ .icon{ width: 20%; } } .itemsRanking { .G_ranking { .num{ margin-left: 2%; } .numTeam{ width: 8%; padding-left: 1%; } } } .subHeader{ &.title{ text-align: left; padding-left: 20px; } } } } /*Fin Jugadores */