/* 20131015 - 0839 */ #minbymin-scoreboard { border:1px dotted #BEB7AF; min-height:94px; margin-bottom:17px; background:#ECEAE7; border-radius:2px; } #minbymin-scoreboard .match-info { font-size:12px; line-height:26px; margin:0 0 9px 0; text-align:center; font-weight:normal; } /* score */ #minbymin-scoreboard .score { text-align:center; color:#463F39; font-weight:normal; } #minbymin-scoreboard .score .team { float:left; width:452px; margin:0; text-align:left; } #minbymin-scoreboard .score .team.home { text-align:right; } #minbymin-scoreboard .score .team-name, #minbymin-scoreboard .score .shield, #minbymin-scoreboard .score .penalty-goals, #minbymin-scoreboard .score .goals, #minbymin-scoreboard .score .versus { display:inline-block; vertical-align:middle; height:51px; line-height:51px; zoom:1; *display:inline; } #minbymin-scoreboard .score .team-name.home, #minbymin-scoreboard .score .shield.home { margin-right:17px; } #minbymin-scoreboard .score .team-name.away, #minbymin-scoreboard .score .shield.away { margin-left:17px; } #minbymin-scoreboard .score .penalty-goals.home { margin-right:10px; } #minbymin-scoreboard .score .penalty-goals.away { margin-left:10px; } #minbymin-scoreboard .score .versus { float:left; width:15px; height:15px; margin:18px 8px 0 6px; background:url("../_img/scoreboard-score-versus.png"); overflow:hidden; text-indent:15px; } #minbymin-scoreboard .score .team-name { font-size:31px; } #minbymin-scoreboard .score .penalty-goals { font-size:31px; } #minbymin-scoreboard .score .goals { font-size:48px; } #minbymin-scoreboard .score .shield { max-height:51px; } /* scorers */ #minbymin-scoreboard .scorers { height:0; clear:both; overflow:hidden; padding:13px 0 0 0; } #minbymin-scoreboard .scorers.js { height:auto; } #minbymin-scoreboard .scorers ul { float:left; width:452px; padding:0 0 7px 0; } #minbymin-scoreboard .scorers ul.home { margin:0 30px 0 0; } #minbymin-scoreboard .scorers ul.home li { text-align:right; } #minbymin-scoreboard .scorers li { font-size:12px; color:#463F39; line-height:17px; } #minbymin-scoreboard .scorers li.exceeded { display:none; } #minbymin-scoreboard .scorers li span, #minbymin-scoreboard .scorers li abbr, #minbymin-scoreboard .scorers li a { display:inline-block; vertical-align:top; } #minbymin-scoreboard .scorers li a { font-weight:bold; } #minbymin-scoreboard .scorers ul.home li span, #minbymin-scoreboard .scorers ul.home li abbr { margin-right:4px; } #minbymin-scoreboard .scorers ul.away li span, #minbymin-scoreboard .scorers ul.away li abbr { margin-left:4px; } #minbymin-scoreboard .scorers li .ico { display:inline-block; background:url("../_img/ico.png"); overflow:hidden; text-indent:99px; } #minbymin-scoreboard .scorers li .ico-goal { margin-top:2px; width:12px; height:12px; } #minbymin-scoreboard .scorers li .ico-video { margin-top:3px; width:13px; height:10px; background-position:-12px 0; } #minbymin-scoreboard .scorers .all-goals { clear:both; display:block; text-align:center; padding:3px 0 7px 0; } #minbymin-scoreboard .scorers .all-goals a { display:inline-block; font-weight:bold; padding:0 10px 0 0; background:url("../_img/arrow.png") right 6px no-repeat; color:#FF9900; } #minbymin-scoreboard .scorers .all-goals.expanded a { background-position:right -15px; } /* NARRATION ********************************************************************************************** */ #minbymin #narration > ul > li { padding:22px 0; border-top:1px dotted #BEB7AF; overflow:hidden; list-style-type: none; } #minbymin #narration > ul > li:first-child { border:0; } #minbymin #narration > ul > li * { vertical-align:top; } /* periods */ #minbymin #narration .period { display:block; height:12px; margin:0 0 7px 0; overflow:hidden; line-height:99px; } .LNG_pt #minbymin #narration .period { background-image:url("../_img/periods-pt.png?1"); } .LNG_es #minbymin #narration .period { background-image:url("../_img/periods-es.png?1"); } .LNG_en #minbymin #narration .period { background-image:url("../_img/periods-en.png?1"); } #minbymin #narration .period.endgame { background-position:0 -3px; } #minbymin #narration .period.penalties { background-position:0 -23px; } #minbymin #narration .period.extra-time-first-half { background-position:0 -43px; } #minbymin #narration .period.extra-time-second-half { background-position:0 -63px; } #minbymin #narration .period.game-stopped { background-position:0 -83px; } #minbymin #narration .period.half-time { background-position:0 -103px; } #minbymin #narration .period.second-half { background-position:0 -123px; } #minbymin #narration .period.first-half { background-position:0 -143px; } #minbymin #narration .period.pre-match { background-position:0 -163px; } /* penalties scoreboard */ #minbymin #narration .penalties-scoreboard { border:0; } #minbymin #narration .penalties-scoreboard table { text-align:center; } #minbymin #narration .penalties-scoreboard table thead th { font-size:12px;padding-bottom:6px; text-align:center; } #minbymin #narration .penalties-scoreboard table tbody th, #minbymin #narration .penalties-scoreboard table tbody td { height:32px; font-size:23px; font-weight:normal; color:#2E2511; line-height:32px; background:#DDD; } #minbymin #narration .penalties-scoreboard table tbody th { padding:0 13px 0 8px; } #minbymin #narration .penalties-scoreboard table tbody td.score { padding:0 15px 0 0; } #minbymin #narration .penalties-scoreboard table tbody td img { padding:8px 6px 0; } /* head infos */ #minbymin #narration .head { float:left; width:105px; } #minbymin #narration .head .time, #minbymin #narration .head .quote { font-weight:bold; color:#999999; } #minbymin #narration .head .time { font-size:31px; line-height:31px; } #minbymin #narration .head .quote { font-size:96px; line-height:75px; } #minbymin #narration .head .ico { margin:0 23px 0 0; } /* content */ #minbymin #narration .content { padding-left:0; padding-right:17px; } #minbymin #narration .head ~ .content { padding-left:106px; } #minbymin #narration .content span { display:block; } #minbymin #narration .content .text { padding:17px 0; overflow: hidden; zoom: 1; font-size:14px; line-height:18px; color:#463F39; } #minbymin #narration .content .text ~ .text { padding:17px 0; border-top:1px dotted #BEB7AF; } #minbymin #narration .content .text:first-child { padding-top:0; } #minbymin #narration .content .text:last-child { padding-bottom:0; } #minbymin #narration .content .text .ico { float:left; width:40px; margin-top:2px; } #minbymin #narration .content .text .ico ~ span { padding:0 0 0 40px; } /* ad */ #minbymin #narration .content .ad { width:468px; height:60px; margin:7px 0 0 0; } #minbymin #narration .content .text ~ .ad { margin-top:-4px; } #minbymin #narration .content .label ~ .ad { margin-left:59px; } /* share */ #minbymin #narration .share { float:right; padding:10px 0 0 0; } /* simple-narration variation */ #minbymin .simple-image-wrap {margin-left: 106px;} #minbymin .simple-image-wrap {display:block;margin:8px 0 15px 106px;padding:8px;float:left;border:1px solid #BEB7AF;} #minbymin .head ~ .content .simple-image-wrap {margin-left:0;} #minbymin .simple-image-wrap .simple-image {-ms-interpolation-mode:bicubic;display:block;width:407px;} /* goal variation */ #minbymin #narration li.goal { background:#FFE4B4; } #minbymin #narration li.goal .head { width:62px; padding-left:17px; } #minbymin #narration li.goal .head ~ .content { padding-left:80px; } #minbymin #narration li.goal .content { padding-left:17px; } #minbymin #narration li.goal .label { height:22px; margin:0 0 8px 18px; background:url("../_img/narration-label-goal.png") no-repeat; overflow:hidden; text-indent:-9999px; } #minbymin #narration li.goal .content .label { margin-left:0; } #minbymin #narration li.goal .content .label ~ .text { padding-top:0; } #minbymin #narration li.goal .content .text .shield { float:left; width:59px; } #minbymin #narration li.goal .content .text .shield ~ span { margin-left:59px; } /* POST type messages */ #minbymin .minbymin-post {padding-bottom:12px;position:relative;overflow:hidden;zoom:1;color:#47423A;} #minbymin .minbymin-post h1, #minbymin .minbymin-post h2, #minbymin .minbymin-post h3, #minbymin .minbymin-post h4, #minbymin .minbymin-post h5, #minbymin .minbymin-post h6 {font-size:14px;line-height:16px;font-weight:bold;color:#47423A;} #minbymin .minbymin-post p {font-size:12px;margin:8px 0;line-height:16px;} #minbymin .minbymin-post p:first-child {margin-top:0;} #minbymin .minbymin-post .minbymin-thumb img {-ms-interpolation-mode:bicubic;display:block;width:407px;} #minbymin .minbymin-post .minbymin-hlnk {font-weight:bold;color:#47423A;} #minbymin .minbymin-post .minbymin-hlnk:hover {color:#F90;} #minbymin .minbymin-post .minbymin-thumb {margin-left: 106px;} #minbymin .minbymin-post .minbymin-thumb-lnk, #minbymin .minbymin-post .minbymin-thumb-nolnk {display:block;margin:8px 0 15px;padding:8px;float:left;border:1px solid #BEB7AF;} #minbymin .minbymin-post .minbymin-thumb-lnk:hover {border:1px solid #F90;} #minbymin .minbymin-post .minbymin-lnk {position:absolute; bottom:20px; left:0; padding-right:8px; color:#F90; font-weight:bold; line-height:12px; background:url(http://s1.trrsf.com/atm/3/core/_img/ico-general.png) right -220px transparent; font-size:11px; text-transform:lowercase; } #minbymin .minbymin-post .minbymin-thumb ~ .minbymin-lnk { left:106px; } #minbymin .minbymin-post .minbymin-lnk:hover {text-decoration:underline;} /* liveblog video */ #minbymin .minbymin-post.minbymin-video {padding-bottom:35px;} #minbymin .minbymin-post .minbymin-thumb-video .minbymin-thumb-lnk, #minbymin .minbymin-post .minbymin-thumb-video .minbymin-thumb-lnk {display:block;padding:0;border:0;margin-top:0;} #minbymin .minbymin-post .minbymin-thumb-video { height:228px; padding-top:8px; margin:0 0 15px 106px; overflow:hidden; zoom:1;} #minbymin .minbymin-post .minbymin-thumb-video .minbymin-thumb-lnk .play-video {display:block;width:400px;height:225px;background:url(http://s1.trrsf.com/atm/3/core/apps/live-blogging/_img/btn-play-large.png) center center no-repeat;text-indent:-9999px;} #minbymin .minbymin-post .minbymin-thumb-video .minbymin-thumb-lnk:hover .play-video {background-image:url(http://s1.trrsf.com/atm/3/core/apps/live-blogging/_img/btn-play-large-hover.png);} #minbymin .minbymin-post .minbymin-thumb-video div {margin:0;} #minbymin .minbymin-post .minbymin-thumb-video img {display:block;width:400px;height:225px;} /* liveblog photo */ #minbymin .minbymin-post.minbymin-photo {padding-bottom:35px;} #minbymin .minbymin-post.minbymin-photo .minbymin-thumb img {-ms-interpolation-mode:bicubic;display:block;width:407px;} /* liveblog news */ #minbymin .minbymin-post.minbymin-news {padding-bottom:35px;} /* liveblog blog */ #minbymin .minbymin-post.minbymin-blog {padding-bottom:35px;} /* liveblog live */ #minbymin .minbymin-post.minbymin-live {padding-bottom:35px;} /* liveblog minute by minute post */ #minbymin .minbymin-post.minbymin-minutebyminute {padding-bottom:35px;} #minbymin .minbymin-post.minbymin-minutebyminute .minbymin-post-score { margin-top:15px; text-align: center; } #minbymin #narration .minbymin-post.minbymin-minutebyminute .minbymin-post-score .shield, #minbymin #narration .minbymin-post.minbymin-minutebyminute .minbymin-post-score .penalty, #minbymin #narration .minbymin-post.minbymin-minutebyminute .minbymin-post-score .points, #minbymin #narration .minbymin-post.minbymin-minutebyminute .minbymin-post-score .versus { display:inline-block; vertical-align:middle; height:51px; line-height:51px; font-size: 31px; color: #464039; zoom:1; *display:inline; } #minbymin #narration .minbymin-post.minbymin-minutebyminute .minbymin-post-score .versus { height: 15px; width: 15px; background: url("../_img/scoreboard-score-versus.png") no-repeat scroll 8px 0 transparent; font: 0/0 a; text-shadow: none; color: transparent; /* background: url("../_img/scoreboard-score-versus.png") no-repeat scroll 8px 0 transparent; background: url("../_img/scoreboard-score-versus-hover.png") no-repeat scroll 8px 0 transparent; */ } #minbymin #narration .minbymin-post.minbymin-minutebyminute a:hover .minbymin-post-score .versus { background-image: url("../_img/scoreboard-score-versus-hover.png"); } #minbymin .minbymin-post.minbymin-minutebyminute .minbymin-post-score .shield ~ .shield, #minbymin .minbymin-post.minbymin-minutebyminute .minbymin-post-score .shield ~ .penalty, #minbymin .minbymin-post.minbymin-minutebyminute .minbymin-post-score .shield ~ .points, #minbymin .minbymin-post.minbymin-minutebyminute .minbymin-post-score .shield ~ .versus { padding-left: 8px; } /*Match Record*/ /* Squad*/ #match_record #squad { width: 100%; } #squad .column { width:301px; overflow:hidden; } #squad .column.home { float:left; } #squad .column.away { float:right; } #squad .column .header { height:51px; margin:0 0 17px 0; } #squad .column.home .header img { float:left; margin-right:12px; } #squad .column.away .header { text-align:right; } #squad .column.away .header img { float:right; margin-left:12px; } #squad .column .header .team-name-abbr { font-size:23px; font-weight:normal; padding:13px 0 2px 0; line-height:1em; color:#463F39; } #squad .column .header .team-formation { font-size:12px; line-height:1.2em; color:#999999; } /*rtc*/ #squad .list { margin: 0px 0px; } #squad .list ul, #squad .list li { display:block; } #squad .away .list { text-align:right; } #squad .reserve-team { margin-top: 17px; } #squad .coach { margin-top: 17px; } /* titles */ #squad .title { display:inline-block; height:15px; margin:0 8px 5px; background-repeat:no-repeat; overflow:hidden; text-indent:999px; } #squad .away .title { text-align:right; } /* pt */ .LNG_pt #squad .title { background-image:url("../_img/squad-titles-pt.png"); } .LNG_pt #squad .reserve-team .title { width:51px; background-position:0 0; } .LNG_pt #squad .coach .title { width:42px; background-position:0 -15px; } /* es */ .LNG_es #squad .title { background-image:url("../_img/squad-titles-es.png"); } .LNG_es #squad .reserve-team .title { width:51px; background-position:0 0; } .LNG_es #squad .coach .title { width:42px; background-position:0 -15px; } /* en */ .LNG_en #squad .title { background-image:url("../_img/squad-titles-en.png"); } .LNG_en #squad .reserve-team .title { width:58px; background-position:0 0; } .LNG_en #squad .coach .title { width:33px; background-position:0 -15px; } /* list */ #squad .list li { height:18px; padding:3px 8px; white-space:nowrap; overflow:hidden; border-bottom:1px solid #ECEAE7;} #squad .list li.link{cursor: pointer;} /* override using CSS3 */ #squad .list li:nth-child(odd) { background-color:#FFF; padding:3px 8px; border:0; } #squad .list li:nth-child(even) { background-color:#ECEAE7; padding:0 8px; border:0; } #squad .list li:hover { background:#FFE4B4; } #squad .list li span, #squad .list li img { display:inline; line-height:18px; vertical-align:middle; margin:0 4px; } /* default */ #squad .list .number { width:20px; text-align:left; font-weight:bold; color:#999999; } #squad .list .player-name { font-weight:bold; color:#463F39; } /* out */ #squad .list li.out .number { color:#BEB7AF; } #squad .list li.out .player-name { color:#BEB7AF; } #squad .home .list li .player-name, #squad .home .list li .number { float:left; } #squad .away .list li .player-name, #squad .away .list li .number { float:right; } #squad .list li .goals-pro img, #squad .list li .own-goals img { margin:-2px 0 0 0; } #squad .list li .own-goals { color:#FF0000; } #squad .coach .name { padding:0 8px; font-weight:bold; color:#463F39; } /* FACTSHEET */ #factsheet { overflow:hidden; padding:5px 0 22px 0; } #factsheet .title { display:block; height:12px; background-repeat:no-repeat; overflow:hidden; line-height:10em; } .LNG_pt #factsheet .title { background-image:url("../_img/factsheet-titles-pt.png"); } .LNG_es #factsheet .title { background-image:url("../_img/factsheet-titles-es.png"); } .LNG_en #factsheet .title { background-image:url("../_img/factsheet-titles-en.png"); } #factsheet .refereeing { padding:0 0 22px 0; border-bottom:1px dotted #BEB7AF; margin:0 0 22px 0; } #factsheet .refereeing .title { margin:0 0 15px 0; } #factsheet .refereeing li { height:27px; padding:0 0 0 37px; margin:0 0 17px 0; line-height:27px; overflow:hidden; font-size:18px; color:#463F39; background:url("../_img/factsheet-icons.png") no-repeat; } #factsheet .refereeing li:last-child { margin-bottom:0; } #factsheet .refereeing li.referee { background-position:0 0; } #factsheet .refereeing li.assistant { background-position:0 -27px; } #factsheet .refereeing li.fourth-official { background-position:0 -54px; } #factsheet .refereeing .label { position:absolute; top:-9999px; left:0; } #factsheet .venue .title { margin:0 0 21px 0; background-position:0 -10px; } #factsheet .venue img { display:block; margin:0 auto 8px; padding:8px; border:1px solid #DFDBD7; } #factsheet .venue .name { display:block; font-size:18px; line-height:1.2em; color:#463F39; } /* IE 7 fixes */ #content-sharer-top .trr-content-sharer-top { margin: 0; } /*horizontal separator*/ .horizontal-separator { margin-top: 17px; margin-bottom: 17px; width: 100%; border-bottom: 1px dotted #BEB7AF; } /*BEGIN: Match Statistics*/ .app-match-stats #stats { width: 619px; } /*"Loading" animation*/ .app-match-stats #stats .loading { background: url(http://s1.trrsf.com/atm/3/core/_img/loading.gif) center no-repeat; } .app-match-stats #stats-menu { width: 124px; margin-left: 0px; float: left; } .app-match-stats #stats-menu li { width: 100%; } .app-match-stats #stats-menu .stat-tab { width: 99px; margin-left: 0px; padding-left: 12px; vertical-align: middle; text-align: left; height: 35px; line-height: 35px; font-family: Arial; font-weight: bold; font-size: 13px; } .app-match-stats #stats-menu li .stat-tab { border-top: 1px dotted #BEB7AF; } .app-match-stats #stats-menu li:first-child .stat-tab { border-top: none; } .app-match-stats #stats-menu .selected { background-image: url(http://s1.trrsf.com/atm/3/core/apps/match-statistics/_img/bg-selected-tab.png); } .app-match-stats #stats-data { float: left; width: 494px; height: 323px; } /*ball possession*/ .app-match-stats #ball_possession { width: 100%; height: 100%; } .app-match-stats #ball_possession .stats-header { margin-top: 30px; display: inline-block; width: 100%; /*height: 66px;*/ } .app-match-stats #ball_possession .stats-header .brief { float: left; display: block; width: 49px; height: 66px; text-align: center; } .app-match-stats #ball_possession .stats-header .brief img { display: block; margin: 0 auto; } .app-match-stats #ball_possession .stats-header .left { float: left; margin-left: 60px; display: block; height: 66px; } .app-match-stats #ball_possession .stats-header .graph-box { float: left; margin-left: 12px; margin-right: 12px; display: block; vertical-align: bottom; height: 100%; } .app-match-stats #ball_possession .stats-header .right { float: left; display: block; height: 66px; } .app-match-stats #ball_possession .total-percent { display: block; margin-left: 0px; font-family: Arial; font-size: 14px; background-color: #D9D6D0; margin-top: 7px; width: 49px; height: 20px; text-align: center; line-height: 20px; } .app-match-stats #ball_possession .graph-box .graph-content { display: block; width: 273px; margin-top: 25px; } .app-match-stats #ball_possession .graph-box .graph-content .title { text-align: center; font-family: Arial; font-size: 14px; } .app-match-stats #ball_possession .graph-box .graph-content .title span { color: #463F39; line-height: 22px; font-family: Arial; font-size: 14px; } .app-match-stats #ball_possession .graph-box .graph-content .bar { width: 271px; height: 10px; background-color: #47423A; border: 1px solid #ACA299; } .app-match-stats #ball_possession .graph-box .graph-content .bar .value { display: block; height: 100%; background-color: #E67607; animation: slidein 5s; -webkit-animation:slidein 5s; } .app-match-stats #ball_possession .fields { margin-top: 26px; margin-left: 17px; height: 145px; } .app-match-stats #ball_possession .fields .left { position: relative; float: left; } .app-match-stats #ball_possession .fields .right { position: relative; float: right; margin-right: 4px; } .app-match-stats #ball_possession .fields span.number { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; font-family: Arial; line-height: 100%; } .app-match-stats #ball_possession .fields .checkered span.number { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; font-size: 14px; line-height: 100%; } .app-match-stats #ball_possession .fields span.number { margin-top: 2px; } .app-match-stats #ball_possession .fields span.number { color: #E67607; } .app-match-stats #ball_possession .fields .balloon { position: absolute; } .app-match-stats #ball_possession .fields .q-line1 { top: -5px; } .app-match-stats #ball_possession .fields .q-line2 { top: 37px; } .app-match-stats #ball_possession .fields .q-line3 { top: 81px; } .app-match-stats #ball_possession .fields .q-line1.q-col1 { left: 42px; } .app-match-stats #ball_possession .fields .q-line1.q-col3 { left: 124px; } .app-match-stats #ball_possession .fields .q-line2.q-col1 { left: 30px; } .app-match-stats #ball_possession .fields .q-line2.q-col3 { left: 136px; } .app-match-stats #ball_possession .fields .q-line3.q-col1 { left: 22px; } .app-match-stats #ball_possession .fields .q-line3.q-col3 { left: 144px; } .app-match-stats #ball_possession .fields .q-col2 { left: 83px; } .app-match-stats #ball_possession .fields .balloon.center { left: 74px; top: 35px; } .app-match-stats #ball_possession .fields .solid .balloon.center { top: 32px; } .app-match-stats #ball_possession .fields .solid .number { font-size: 23px; } .app-match-stats #ball_possession .fields .right .number { color: #47423A; } /*.app-match-stats #ball_possession .fields .solid { display: none; }*/ /*upper board: shots .. long passes*/ .app-match-stats #match-stats_donut { margin-top: 15px; width: 494px; height: 323px; } .app-match-stats #match-stats_donut .chart { float: left; margin-left: 30px; margin-top: 0px; } .app-match-stats #match-stats_donut div.avatar { position: relative; float: right; width: 125px; height: 100%; } .app-match-stats #match-stats_donut img.avatar { position: absolute; right: 0px; bottom: 0px; } /*cards*/ .app-match-stats #cards { margin-top: 57px; margin-left: 86px; } .app-match-stats #cards .away { margin-top: 50px; } .app-match-stats #cards .team { height: 85px; } .app-match-stats #cards .shield { display: block; float: left; margin-top: 26px; margin-right: 34px; } .app-match-stats #cards .cards { display: block; float: left; margin-left: 8px; margin-right: 8px; } .app-match-stats #cards .number { display: block; margin-left: -2px; margin-right: -2px; float: left; line-height: 48px; margin-top: 27px; vertical-align: middle; font-family: Arial; font-weight: bold; font-size: 48px; } .app-match-stats #cards .home .number { color: #E57606; } .app-match-stats #cards .away .number { color: #464139; } /*lower board*/ .app-match-stats #lower-board { position: relative; background-color: #ECEAE7; width: 619px; height: 574px; } .app-match-stats #lower-board .abs { position: absolute; } .app-match-stats #lower-board div.team { width: 100px; } .app-match-stats #lower-board div img { margin-right: 6px; } .app-match-stats #lower-board div.away { margin-top: 6px; } .app-match-stats #lower-board span.number { margin-left: -3px; margin-right: -1px; font-family: Arial; font-weight: bold; font-size: 48px; } .app-match-stats #lower-board span.home { color: #E57606; } .app-match-stats #lower-board span.away { color: #47423A; } .app-match-stats #lower-board span.fact-name { line-height:16px; width: 100px; display: block; margin-top: 6px; font-family: Arial; font-weight: normal; font-size: 16px; color: #47423A; } /* dribbles */ .app-match-stats #lower-board #dribbles { left: 54px; top: 59px; } .app-match-stats #lower-board #dribbles-avatar { left: 165px; top: 44px; } /* offsides */ .app-match-stats #lower-board #offsides { left: 388px; top: 31px; } .app-match-stats #lower-board #offsides-avatar { left: 439px; top: 82px; } /* saves */ .app-match-stats #lower-board #saves { left: 211px; top: 335px; } .app-match-stats #lower-board #saves-avatar { left: 12px; top: 236px; } /* corners */ .app-match-stats #lower-board #corners { left: 468px; top: 338px; } .app-match-stats #lower-board #corners-avatar { left: 355px; top: 306px; } /*for animations*/ @-webkit-keyframes slidein { from { max-width: 0; } to { max-width: 100%; } } @keyframes slidein { from { max-width: 0; } to { max-width: 100%; } } /*doughnut chart*/ .app-match-stats #doughnut-chart { background-color: #FFFFFF; } .app-match-stats #doughnut-chart #chartData { width: 326px; height: 326px; } .app-match-stats #doughnut-chart .trr-tooltip { z-index: 9999; display: none; position: absolute; cursor: pointer; } .app-match-stats #doughnut-chart .trr-tooltip li { text-align: left; margin-bottom: 3px; } .app-match-stats #doughnut-chart .trr-tooltip .trr-tooltip-skin { z-index: 9999; position: absolute; padding: 8px; border: 2px solid #F90; background: #FFF; text-align: center; font-size: 12px; z-index: 9999; } .app-match-stats #doughnut-chart .trr-tooltip .trr-tooltip-skin .arrow { position: absolute; width: 15px; height: 12px; bottom: -11px; left: 50%; margin-left: -8px; background: url("http://s1.trrsf.com/atm/3/core/_img/tooltip-arrow.png") no-repeat; z-index: 99999; } .app-match-stats #doughnut-chart .trr-tooltip .trr-tooltip-skin .number { color: #47423A; font-weight: bold; width: 15px; margin-right: 5px; } .app-match-stats #doughnut-chart .trr-tooltip .trr-tooltip-skin .text { color: #47423A; font-weight: normal; } #doughnut-chart{ position: relative; background: transparent !important; } @-webkit-keyframes show-animated-chart{ 0%{ -webkit-transform: scale(0); } 80%{ -webkit-transform: scale(1.2); } 100%{ -webkit-transform: scale(1); } } @-moz-keyframes show-animated-chart{ 0%{ -moz-transform: scale(0); } 80%{ -moz-transform: scale(1.2); } 100%{ -moz-transform: scale(1); } } @keyframes show-animated-chart{ 0%{ transform: scale(0); } 80%{ transform: scale(1.2); } 100%{ transform: scale(1); } } /*END: Match Statistics*/