/*---------------------------------------------------------- Player CSS Styles for the player pages Project: OLWeb.fr Author: e-TF1 Web Agency Summary : Match Summary Match Summary Header Match Summary Body Players Match Summary Inner Match Summary Field Match Summary Highlighe ----------------------------------------------------------*/ /* ================================ * !Match Summary * ================================*/ #ads-match-summary { margin:0 auto 15px; width:440px; } /* * !Match Summary Header */ #match-summary-header { background:#F5F5F5 url(/image/block/match-summary/sprite.png) repeat-x 0 -100px; margin-bottom:10px; min-height:75px; padding-bottom:10px; position:relative; } .ie6 #match-summary-header { height:75px; zoom:1; } #match-summary-header .infos { font-size:1.2em; font-weight:bold; margin:0 auto; text-align:center; width:320px; } #match-summary-header .infos .sub { font-size:1.1em; font-weight:normal; } #match-summary-header .teams { margin-top:-20px; min-height:75px; overflow:hidden; position:relative; } #match-summary-header .match { font-size:2em; font-weight:bold; height:30px; text-indent:-9999em; } #match-summary-header .match span { left:15px; position:absolute; text-indent:0; top:53px; } #match-summary-header .match .opponent { left:auto; position:absolute; right:15px; } #match-summary-header img.club { left:10px; position:absolute; top:0; } #match-summary-header img.opponent { right:10px; position:absolute; top:0; } #match-summary-header .score { color:#E6232B; font-size:3em; font-weight:bold; margin-top:14px; text-align:center; } #match-summary-header .score-extend { display:block; font-size:.5em; } #match-summary-header .club-scorer { display:inline; float:left; font-size:1.1em; margin:0 0 10px 15px; } #match-summary-header .opponent-scorer { display:inline; float:right; font-size:1.1em; margin-right:0 15px 10px 0; text-align:right; } #match-summary-header .club-scorer span, #match-summary-header .opponent-scorer span { left:-9999em; position:absolute; } #match-summary-header .club-scorer strong, #match-summary-header .opponent-scorer strong { display:block; font-weight:normal; } #match-summary-header .links { clear:both; text-align:center; margin-top:10px; } #match-summary-header .links a { background:url(/image/block/match-summary/sprite.png) no-repeat 0 -76px; display:inline-block; height:23px; overflow:hidden; text-align:left; text-indent:-9999em; vertical-align:bottom; width:120px; } .ie6 #match-summary-header .links a, .ie7 #match-summary-header .links a { color:#FFF; font-size:0; text-indent:10px; } /* Ugly hack */ #match-summary-header .links .live { background-position:-120px -76px; } #match-summary-header .links .audio { background:url(/image/block/match-summary/live-audio.png) no-repeat; } #match-summary-header .links .video { background:url(/image/block/match-summary/live-video.png) no-repeat; } /* * !Match Summary Body */ #match-summary-body h4.holder, #match-summary-body h4.substitute { clear:both; height:0; overflow:hidden; } /* !Players */ #match-summary-body .players { float:left; margin:0 0 10px; position:relative; width:225px; } #match-summary-body .opponent { margin-left:10px; } #match-summary-body .players h5 { background:url(/image/block/match-summary/sprite.png) no-repeat 0 -38px; height:19px; margin-bottom:10px; text-indent:-9999em; width:225px; } #match-summary-body .substitute h5 { background-position:0 -57px; } #match-summary-body .players li { font-size:1.2em; overflow:hidden; padding:2px 1px 1px 34px; position:relative; } .ie6 #match-summary-body .players li { zoom:1; } #match-summary-body .players .even { background:#F2F2F2; } #match-summary-body .players h6 { float:left; font-weight:normal; } #match-summary-body .players p { background:#DCDCDC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#000; font-weight:bold; height:15px; left:10px; overflow:hidden; padding:1px 0; position:absolute; text-align:center; top:2px; width:20px; } #match-summary-body .opponent p { color:#E6232B; } #match-summary-body .players p span { left:-9999em; position:absolute; } #match-summary-body .players .photo { display:none; } #match-summary-body .players ul ul { display:none; } #match-summary-body .players .actions { display:inline; } #match-summary-body .players .actions li { font-size:1em; display:inline; padding:0; position:static; } #match-summary-body .players .actions span { float:left; margin-left:3px; vertical-align:middle; } /* * !Match Summary Inner */ #match-summary-inner { clear:both; margin:0 10px; padding:25px 0 0; position:relative; } .ie6 #match-summary-inner { zoom:1; } #match-summary-inner .entry-title { margin-bottom:10px; } #match-summary-inner img { border:1px solid #DADADA; float:left; height:150px; margin:0 10px 10px 0; padding:1px; width:225px; } #match-summary-inner .entry-summary { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; font-size:1.2em; font-weight:bold; min-height:164px; } .ie6 #match-summary-inner .entry-summary { height:164px; } #match-summary-inner .entry-infos { color:#E6232B; font-size:1.1em; font-weight:bold; position:absolute; top:10px; } #match-summary-inner .entry-infos span { color:#C8C8C8; font-weight:normal; padding-left:5px; } #match-summary-inner .all { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; clear:both; padding:3px 0 4px; text-align:right; } /* * !Match Summary Field */ #match-summary-field { background:url(/image/block/match-summary/field.png) no-repeat; clear:both; height:230px; margin:0 auto; position:relative; width:440px; z-index:1; } #match-summary-field .club, #match-summary-field .opponent { left:0; position:absolute; top:0; width:220px; } #match-summary-field .opponent { left:168px; } #match-summary-field .club li, #match-summary-field .opponent li { background:#DCDCDC; border:1px solid #646464; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:1.4em; font-weight:bold; padding:2px 1px; position:absolute; text-align:center; width:20px; } #match-summary-field .opponent li { color:#E6232B; } #match-summary-field li.A1 { left:44px; top:6px; } #match-summary-field li.A2 { left:44px; top:29px; } #match-summary-field li.A3 { left:44px; top:52px; } #match-summary-field li.A4 { left:44px; top:75px; } #match-summary-field li.A5 { left:44px; top:98px; } #match-summary-field li.A6 { left:44px; top:121px; } #match-summary-field li.A7 { left:44px; top:144px; } #match-summary-field li.A8 { left:44px; top:167px; } #match-summary-field li.A9 { left:44px; top:190px; } #match-summary-field li.B1 { left:69px; top:6px; } #match-summary-field li.B2 { left:69px; top:29px; } #match-summary-field li.B3 { left:69px; top:52px; } #match-summary-field li.B4 { left:69px; top:75px; } #match-summary-field li.B5 { left:69px; top:98px; } #match-summary-field li.B6 { left:69px; top:121px; } #match-summary-field li.B7 { left:69px; top:144px; } #match-summary-field li.B8 { left:69px; top:167px; } #match-summary-field li.B9 { left:69px; top:190px; } #match-summary-field li.C1 { left:94px; top:6px; } #match-summary-field li.C2 { left:94px; top:29px; } #match-summary-field li.C3 { left:94px; top:52px; } #match-summary-field li.C4 { left:94px; top:75px; } #match-summary-field li.C5 { left:94px; top:98px; } #match-summary-field li.C6 { left:94px; top:121px; } #match-summary-field li.C7 { left:94px; top:144px; } #match-summary-field li.C8 { left:94px; top:167px; } #match-summary-field li.C9 { left:94px; top:190px; } #match-summary-field li.D1 { left:119px; top:6px; } #match-summary-field li.D2 { left:119px; top:29px; } #match-summary-field li.D3 { left:119px; top:52px; } #match-summary-field li.D4 { left:119px; top:75px; } #match-summary-field li.D5 { left:119px; top:98px; } #match-summary-field li.D6 { left:119px; top:121px; } #match-summary-field li.D7 { left:119px; top:144px; } #match-summary-field li.D8 { left:119px; top:167px; } #match-summary-field li.D9 { left:119px; top:190px; } #match-summary-field li.E1 { left:144px; top:6px; } #match-summary-field li.E2 { left:144px; top:29px; } #match-summary-field li.E3 { left:144px; top:52px; } #match-summary-field li.E4 { left:144px; top:75px; } #match-summary-field li.E5 { left:144px; top:98px; } #match-summary-field li.E6 { left:144px; top:121px; } #match-summary-field li.E7 { left:144px; top:144px; } #match-summary-field li.E8 { left:144px; top:167px; } #match-summary-field li.E9 { left:144px; top:190px; } #match-summary-field li.F1 { left:169px; top:6px; } #match-summary-field li.F2 { left:169px; top:29px; } #match-summary-field li.F3 { left:169px; top:52px; } #match-summary-field li.F4 { left:169px; top:75px; } #match-summary-field li.F5 { left:169px; top:98px; } #match-summary-field li.F6 { left:169px; top:121px; } #match-summary-field li.F7 { left:169px; top:144px; } #match-summary-field li.F8 { left:169px; top:167px; } #match-summary-field li.F9 { left:169px; top:190px; } #match-summary-field li.G1 { left:194px; top:6px; } #match-summary-field li.G2 { left:194px; top:29px; } #match-summary-field li.G3 { left:194px; top:52px; } #match-summary-field li.G4 { left:194px; top:75px; } #match-summary-field li.G5 { left:194px; top:98px; } #match-summary-field li.G6 { left:194px; top:121px; } #match-summary-field li.G7 { left:194px; top:144px; } #match-summary-field li.G8 { left:194px; top:167px; } #match-summary-field li.G9 { left:194px; top:190px; } /* * !Match Summary Highlighe */ #match-summary-highlight { background:#F5F5F5; border:solid #8B8B8B; border-width:0 2px 2px 0; -moz-border-radius:5px; display:none; height:72px; left:0; padding:10px 10px 10px 75px; position:absolute; width:140px; z-index:10; } #match-summary-highlight h6 { font-size:1.2em; } #match-summary-highlight p { left:-9999em; position:absolute; } #match-summary-highlight img { border:1px solid #DADADA; height:54px; left:10px; padding:1px; position:absolute; top:10px; width:41px; } #match-summary-highlight .actions { font-size:1.1em; margin-bottom:5px; } #match-summary-highlight .actions span { vertical-align:middle; } #match-summary-highlight .buy-shirt { background:url(/image/block/related-player/buy-shirt.png) no-repeat; bottom:5px; height:18px; left:75px; position:absolute; text-indent:-9999em; width:120px; }