/*---------------------------------------------------------- Main CSS Main styles for all the website Project: OLWeb.fr Author: Yannick Croissant (e-TF1) Summary : Reset styles Layout General layout Column container Common column settings 1 column (full page) settings 2 columns settings 2 columns settings (bis) 3 columns settings Commons layout components Branding Language navigation Skip navigation Main navigation Additional navigation Promotional navigation Press navigation Search engine Breadcrumb Account Account (logged) Advertisements Partners Copyright Commons website items Messages Overlay Forms Tables Page navigation Blocks Block Block Inner Block Footer Block corners Titles Match icons Article content Misc ? Main page components News list Top Stories Top Stories + JS Promo 3 Sidebar components OLTV OLTV + JS Breaking news list Breaking news list + JS Results TV navigation Results + JS Countdown Gallery Gallery + JS Gallery (in an article) Player stats Tags Related player Ranking Ranking + JS Calendar List Equalizer Sky components Promo OLTV Promo Shop Promo ticketing Billetterie Poll Module ----------------------------------------------------------*/ /* ================================ * !Reset styles * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ) * ================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:1px dotted; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } /* ================================ * !Layout * ================================*/ /* * !General layout * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts ) */ html { background:#FFF; font-family:Arial, Helvetica, sans-serif; } body { background:#DADADA url(/image/generic/x-sprite.png) repeat-x 0 -311px; color:#646464; font-size:10px; line-height:normal; } #container { margin:0 auto; padding:126px 0 10px; position:relative; width:980px; } /* width = your page width */ /* !Column container */ .mask { clear:both; overflow:hidden; position:relative; width:100%; } /* !Common column settings */ .submask, .subsubmask, .subsubsubmask { float:left; position:relative; width:100%; } .part1, .part2, .part3 { float:left; overflow:hidden; position:relative; } /* !1 column (full page) settings */ .fullpage .part1 { width:980px; left:0; } /* width = page width minus left and right padding */ /* left = page left padding */ /* !2 columns settings */ .twoparts { } /* background = right column background colour */ .twoparts .submask { right:165px; } /* right = right column width */ /* background = left column background colour */ .twoparts .part1 { width:810px; left:165px; } /* width = right column content width */ /* left = 100% plus left column left padding */ .twoparts .part2 { width:160px; left:175px; } /* width = left column content width (column width minus left and right padding) */ /* left = (right column left and right padding) plus (left column left padding) */ /* !2 columns settings (bis) */ .twopartsbis { } /* background = right column background colour */ .twopartsbis .submask { right:325px; } /* right = right column width */ /* background = left column background colour */ .twopartsbis .part1 { width:650px; left:325px; } /* width = right column content width */ /* left = 100% plus left column left padding */ .twopartsbis .part2 { width:320px; left:335px; } /* width = left column content width (column width minus left and right padding) */ /* left = (right column left and right padding) plus (left column left padding) */ /* !3 columns settings */ .threeparts { } /* background = right column background colour */ .threeparts .submask { right:165px; } /* right = width of the right column */ /* background = centre column background colour */ .threeparts .subsubmask { right:330px; } /* right = width of the middle column */ /* background = left column background colour */ .threeparts .part1 { width:480px; left:495px; } /* width = width of center column content (column width minus padding on either side) */ /* left = 100% plus left padding of center column */ .threeparts .part2 { width:320px; left:505px; } /* width = width of left column content (column width minus padding on either side) */ /* left = width of (right column) plus (center column left and right padding) plus (left column left padding) */ .threeparts .part3 { width:160px; left:515px; } /* width = width of right column content (column width minus padding on either side) */ /* left = (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ /* Debug (comment/delete it when your layout is ok) */ /*.mask { background:#FFF; } .threeparts, .twoparts, .twopartsbis, .fullpage { background:#F00; } .submask { background:#FF0; } .subsubmask { background:#0F0; } .part1 { background:#0FF; } .part2 { background:#00F; } .part3 { background:#F0F; } .part1 *, .part2 *, .part3 * { background:#FF0; }*/ /* * !Commons layout components */ /* !Branding */ #branding { margin-bottom:36px; } #branding a { background:url(/image/generic/main-sprite.png) no-repeat; display:block; height:102px; overflow:hidden; text-indent:-9999em; } #branding p { left:-9999em; position:absolute; } /* !Language navigation */ #nav-lang { left:134px; position:absolute; top:192px; } #nav-lang li { float:left; } #nav-lang a { background:url(/image/generic/main-sprite.png) no-repeat; float:left; height:17px; overflow:hidden; text-indent:-9999em; width:22px; } #nav-lang a:hover, #nav-lang a:focus { background-color:#EEE; } #nav-lang .fr a { background-position:-274px -358px; } #nav-lang .en a { background-position:-296px -358px; } #nav-lang .cn a { background-position:-318px -358px; } /* !Skip navigation */ #nav-skip { background:#393940; left:-9999em; position:absolute; top:35px; } #nav-skip.active { left:0; z-index:1000; } #nav-skip li { float:left; padding:5px; } #nav-skip a, #nav-skip a:visited { color:#FFF; text-decoration:none; } #nav-skip a:hover, #nav-skip a:active { text-decoration:underline; } /* !Main navigation */ .nav-main { position:absolute; left:-9999em; } #nav-main { background:url(/image/generic/x-sprite.png) no-repeat 0 -192px; clear:both; padding-left:13px; position:absolute; top:228px; } .ie6 #nav-main { background-image:url(/image/generic/x-sprite-ie.png); } #nav-main li { background:url(/image/generic/x-sprite.png) repeat-x 0 -140px; float:left; height:26px; } .ie6 #nav-main li { background-image:url(/image/generic/x-sprite-ie.png); } #nav-main h3 { background:url(/image/generic/x-sprite.png) no-repeat 100% -166px; float:left; overflow:hidden; } .ie6 #nav-main h3 { background-image:url(/image/generic/x-sprite-ie.png); } #nav-main h3 span, #nav-main h3 a { background:url(/image/generic/main-sprite.png) no-repeat; float:left; height:25px; margin-right:2px; overflow:hidden; text-indent:-9999em; } #nav-main .home a { background-position:0 -152px; width:68px; } #nav-main .news h3 span { background-position:-68px -152px; width:93px; } #nav-main .season h3 span { background-position:-161px -152px; width:64px; } #nav-main .teams h3 span { background-position:-225px -152px; width:72px; } #nav-main .community h3 span { background-position:-297px -152px; width:103px; } #nav-main .oltv a { background-position:-400px -152px; width:51px; } #nav-main .club h3 span { background-position:-451px -152px; width:53px; } #nav-main .foundation a { background-position:-504px -152px; width:87px; } #nav-main .ticketing h3 a { background-position:-591px -152px; width:95px; } #nav-main .shops h3 a { background-position:-686px -152px; width:87px; } #nav-main .home :hover a { background-position:0 -178px; } #nav-main .news :hover h3 span { background-position:-68px -178px; } #nav-main .season :hover h3 span { background-position:-161px -178px; } #nav-main .teams :hover h3 span { background-position:-225px -178px; } #nav-main .community :hover h3 span { background-position:-297px -178px; } #nav-main .oltv :hover a { background-position:-400px -178px; } #nav-main .club :hover h3 span { background-position:-451px -178px; } #nav-main .foundation :hover a { background-position:-504px -178px; } #nav-main .ticketing :hover h3 a { background-position:-591px -178px; } #nav-main .shops :hover h3 a { background-position:-686px -178px; } #nav-main .section { background:url(/image/generic/menu.png) no-repeat; height:19px; left:17px; position:absolute; top:7px; } #nav-main .news .section { background-position:-235px -309px; width:104px; } #nav-main .season .section { background-position:-328px -309px; width:64px; } #nav-main .teams .section { background-position:-392px -309px; width:73px; } #nav-main .community .section { background-position:-465px -309px; width:122px; } #nav-main .oltv .section { background-position:-588px -309px; width:41px; } #nav-main .club .section { background-position:-629px -309px; width:45px; } #nav-main .foundation .section { background-position:-675px -309px; width:96px; } #nav-main .ticketing .section { background-position:-773px -309px; width:108px; } #nav-main .shops .section { background-position:-882px -309px; width:96px; } #nav-main .level1 { background:url(/image/generic/menu.png) no-repeat 0 5px; top:25px; padding:10px 0 0 256px; left:-99999px; position:absolute; width:724px; height:257px;} #nav-main :hover .level1, #nav-main .active .level1 { left:0; z-index:10; } #nav-main ul.level1 li { background:url(/image/generic/menu.png) no-repeat -964px -348px; } #nav-main .level1 h4 { background:url(/image/generic/menu.png) no-repeat; height:14px; margin:0 0 20px 24px; text-indent:-9999em; } #nav-main .level1 .sports { background-position:-823px -276px; width:67px; } #nav-main .level1 .club { background-position:-712px -290px; width:32px; } #nav-main .level1 .medias { background-position:-622px -290px; width:46px; } #nav-main .level1 .pros { background-position:-947px -262px; width:32px; } #nav-main .level1 .women { background-position:-756px -276px; width:67px; } #nav-main .level1 .amateurs { background-position:-890px -276px; width:66px; } #nav-main .level1 .interactive { background-position:-796px -262px; width:70px; } #nav-main .level1 .goodies { background-position:-523px -290px; width:53px; } #nav-main .level1 .supporters { background-position:-866px -262px; width:81px; } #nav-main .level1 .channel { background-position:-468px -262px; width:140px; } #nav-main .level1 .videos { background-position:-668px -290px; width:44px; } #nav-main .level1 .life { background-position:-545px -276px; width:75px; } #nav-main .level1 .history { background-position:-468px -290px; width:55px; } #nav-main .level1 .around { background-position:-608px -262px; width:106px; } #nav-main .level1 .press { background-position:-576px -290px; width:46px; } #nav-main .level1 .foundation { background-position:-688px -276px; width:68px; } #nav-main .level1 .ticketing { background-position:-468px -276px; width:76px; } #nav-main .level1 .cards { background-position:-714px -262px; width:82px; } #nav-main .level1 .shops { background-position:-620px -276px; width:68px; } #nav-main .level1 .shelves { background-position:-744px -290px; width:47px; } #nav-main .level1 .individuals { background-position:-485px -328px; width:86px; } #nav-main .level1 .business { background-position:-234px -328px; width:251px; } #nav-main .level1 .infos { background-position:-791px -290px; width:106px; } #nav-main .highlight { clear:both; left:10px; position:absolute; top:44px; } #nav-main .highlight h4 { left:-9999em; position:absolute; } head~body #nav-main .highlight h4 { display:none; } #nav-main .highlight ul { background:none; height:auto; width:auto; } #nav-main .level1 .highlight li { background:url(/image/generic/menu.png) no-repeat 0 -262px; border:1px solid #000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:77px; margin-bottom:6px; overflow:hidden; padding:10px 15px 10px 107px; position:relative; width:112px; } #nav-main .highlight h5 { font-family:Arial,Helvetica,sans-serif; font-weight:bold; } #nav-main .highlight img { border:1px solid #FFF; height:89px; left:3px; position:absolute; top:3px; width:96px; } #nav-main .level2 { background:rgba(0, 0, 0, .1); font-size:1.2em; height:210px; margin-left:3px; width:165px; } .ie #nav-main .level2 { background:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000,endColorstr=#11000000); } /* AARRGGBB */ #nav-main .last-1 { width:721px; } #nav-main .last-2 { width:553px; } #nav-main .last-3 { width:385px; } #nav-main .last-4 { width:217px; } #nav-main .last-3a { width:272px; } #nav-main .last-3b { width:278px; } #nav-main ul.level2 li { background:none; border-bottom:1px solid #EA1C24; float:none; height:auto; margin:0 5px; padding:2px 4px 3px; width:147px; } #nav-main ul.last-3a li { width:auto; } #nav-main .level2 a, #nav-main .level2 a:visited { color:#FFF; display:block; width:auto; } #nav-main .level2 a:hover, #nav-main .level2 a:active { color:#CCC; } /* !Additional navigation */ .nav-add { position:absolute; left:-9999em; } #nav-add { background:url(/image/generic/x-sprite.png) no-repeat; padding-left:72px; position:absolute; top:0; } #nav-add li { background:url(/image/generic/x-sprite.png) no-repeat 100% -25px; float:left; } #nav-add a { background:url(/image/generic/main-sprite.png) no-repeat; float:left; height:25px; margin-right:2px; overflow:hidden; text-indent:-9999em; } #nav-add .ol-web a { background-position:0 -102px; width:70px; } #nav-add .ol-tv a { background-position:-70px -102px; width:62px; } #nav-add .ol-kids a { background-position:-132px -102px; width:72px; } #nav-add .ol-business a { background-position:-204px -102px; width:124px; } #nav-add .ol-land a { background-position:-328px -102px; width:113px; } #nav-add .ol-group a { background-position:-441px -102px; width:77px; } #nav-add .ol-foundation a { background-position:-518px -102px; width:91px; } #nav-add .ol-club a { background-position:-609px -102px; width:75px; } #nav-add .ol-ticketing a { background-position:-684px -102px; width:108px; } #nav-add .ol-shop a { background-position:-792px -102px; width:96px; } #nav-add .ol-web a:hover { background-position:0 -127px } #nav-add .ol-tv a:hover { background-position:-70px -127px; } #nav-add .ol-kids a:hover { background-position:-132px -127px; } #nav-add .ol-business a:hover { background-position:-204px -127px; } #nav-add .ol-land a:hover { background-position:-328px -127px; } #nav-add .ol-group a:hover { background-position:-441px -127px; } #nav-add .ol-foundation a:hover { background-position:-518px -127px; } #nav-add .ol-club a:hover { background-position:-609px -127px; } #nav-add .ol-ticketing a:hover { background-position:-684px -127px; } #nav-add .ol-shop a:hover { background-position:-792px -127px; } /* !Promotional navigation */ #nav-promo { position:absolute; right:0; top:136px; } #nav-promo li { display:inline; float:left; margin-right:10px; padding:4px 5px; position:relative; } #nav-promo span { background:url(/image/generic/nav-promo.png) no-repeat; cursor:pointer; height:100%; left:0; position:absolute; top:0; width:50%; } .ie6 #nav-promo span { background-image:url(/image/generic/nav-promo-ie.png); display:none; } #nav-promo span.back2 { background-position:100% 0; left:auto; right:0; } #nav-promo img { height:73px; } /* !Press navigation */ #nav-press { background:url(/image/block/press/menu.png) repeat-x 100% 0; height:27px; margin-bottom:10px; } #nav-press h2 { background:url(/image/block/press/menu.png) no-repeat; display:inline; float:left; height:27px; text-indent:-9999em; width:155px; } #nav-press ul { background:url(/image/block/press/menu.png) repeat-x 0 100%; display:inline; float:left; width:820px; } #nav-press li { display:inline; float:left; } #nav-press a, #nav-press a:visited { background:url(/image/block/press/menu.png) no-repeat 0 50%; color:#FFF; display:inline; float:left; font-size:1.2em; font-weight:bold; height:27px; line-height:27px; margin:0 4px 0 19px; padding-left:10px; text-transform:uppercase; } #nav-press a:hover, #nav-press a:active { color:#F1CB93; } /* !Search engine */ #search { background:url(/image/generic/x-sprite.png) repeat-x 100% -218px; overflow:hidden; padding-right:6px; position:absolute; right:0; top:228px; width:168px; } #search fieldset { background:url(/image/generic/x-sprite.png) repeat-x 0 -140px; height:22px; padding:4px 0 0 14px; } #search legend span, #search label { left:-9999em; position:absolute; } #search input { border:0; width:121px; } #search button { background:url(/image/generic/main-sprite.png) no-repeat -258px -357px; height:14px; margin-left:5px; width:19px; } /* !Breadcrumb */ #breadcrumb { margin-bottom:-10px; z-index:1; } #breadcrumb .inner { position:relative; } #breadcrumb ul { background:url(/image/generic/gradient-top.png) repeat-x; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; height:20px; padding:10px 0 7px 10px; position:relative; } .ie6 #breadcrumb ul { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/generic/gradient-top.png'); } #breadcrumb ul li { color:#646464; display:inline; font-size:1.2em; } #breadcrumb ul li.current, #breadcrumb ul li a:hover { color:#E6232B; } #breadcrumb ul li a { color:#646464; } #breadcrumb .footer { background:#FFF url(/image/generic/y-sprite.png) no-repeat 0 100%; font-size:0; height:1px; margin:0 10px; } /* !Account */ #account { background:url(/image/generic/x-sprite.png) repeat-x 0 -50px; height:90px; position:absolute; right:0; top:35px; width:251px; } #account h2 { background:url(/image/generic/main-sprite.png) no-repeat -773px -188px; height:9px; margin:11px 19px 5px; overflow:hidden; text-indent:-9999em; width:84px; } #account fieldset { padding:0 0 0 20px; } #account .login, #account .pass { display:inline; float:left; margin-right:10px; } #account legend span, #account .login label, #account .pass label { left:-9999em; position:absolute; } #account #login, #account #pass { border:0; width:90px; } #account .submit button { background:url(/image/generic/main-sprite.png) no-repeat -888px -102px; height:20px; right:12px; position:absolute; top:24px; width:21px; } #account .forget-auto { clear:both; font-size:1.1em; padding-top:4px; } .ie #account .forget-auto { padding:1px; } #account .forget-auto span { border-right:1px solid #FFF; margin-right:13px; padding-right:10px; vertical-align:middle; } #account #auto { margin-right:6px; } .ie #account #auto { margin:-3px 0; } #account .forget-auto label { vertical-align:middle; } #account .register { padding:5px 14px 0 0; text-align:right; } /* !Account (logged) */ div#account { height:59px; padding:20px 0 11px; } div#account.premium { height:68px; padding-top:11px; } div#account h2 { left:-9999em; position:absolute; } div#account p { font-size:1.1em; margin:0 14px 4px; } div#account .fn { font-weight:bold; } div#account .premium { color:#8A8A8A; } div#account .premium span { background:url(/image/generic/main-sprite.png) no-repeat -872px -188px; display:inline; float:left; height:16px; margin-right:7px; text-indent:-9999em; width:53px; } div#account ul { border-top:1px solid #DADADA; bottom:3px; left:0; padding:6px 3px; position:absolute; width:245px; } div#account li { display:inline; float:left; margin:0 12px; } div#account li a { vertical-align:middle; } div#account button { background:none; padding:0; text-indent:0; } .ie6 div#account button, .ie7 div#account button { height:16px; width:93px; } div#account button:hover { color:#E6232B; } div#account button span { background:url(/image/generic/x-sprite.png) no-repeat -68px -252px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; } /* !Advertisements */ /* filter : www.olweb.fr#*(id^=ads-) */ #ads-pre-content, #ads-pre-top-stories, #ads-pre-news-list, #ads-pre-promo-3, #ads-betclick-promo { margin-bottom:10px; } #ads-results-ranking { left:10px; position:absolute; top:39px; } #ads-breaking-news-list { left:10px; position:absolute; top:39px; } #ads-carre { } #ads-megabanner { position:absolute; left:0; top:35px; } #ads-skyscrapper { position:absolute; right:-130px; top:35px; } #ads-back { display:none; height:100%; left:0; min-height:700px; position:absolute; top:0; width:100%; } /* !Partners */ #partners { background-position:-4840px 0; } #partners .sub-inner { background:#F0F0F0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; padding:10px; text-align:center; zoom:1; } #partners .sub-inner div { border-right:1px solid #DADADA; float:left; padding:5px 10px 0 0; width:709px; } #partners .sub-inner .minor { border:0; padding:5px 0 0 10px; width:210px; } #partners h2 { background:url(/image/generic/main-sprite.png) no-repeat -245px -385px; height:7px; margin:0 auto 24px; overflow:hidden; text-indent:-9999em; width:406px; } #partners .minor h2 { background-position:-245px -378px; width:195px; } #partners .major ul { margin:0 auto; } #partners .minor ul { margin:0 auto; } #partners li { display:inline; height:64px; margin:0 15px; } #partners img { vertical-align:middle; } #partners .footer { background-position:-5820px 100%; } /* !Copyright */ #copyright { font-size:1.1em; padding:0 10px; } /* ================================ * !Commons website items * ================================*/ /* !Links */ a, a:visited { color:#3C3C3C; text-decoration:none; } a:hover, a:active { color:#E6232B; } /* * !Messages * Note : The !important are used to avoid context inherit */ .message, .error, .warning { background:#E6EFC2 url(/image/generic/accept.png) no-repeat .4em .4em !important; border:2px solid #C6D880 !important; color:#000 !important; display:block !important; margin:1em !important; font-size:12px !important; font-weight:normal !important; padding:.4em .4em .4em 27px !important; line-height:1.6em !important; } .error { background-color:#FBE3E4 !important; background-image:url(/image/generic/exclamation.png) !important; border-color:#FBC2C4 !important; } .warning { background-color:#FBE5C5 !important; background-image:url(/image/generic/warning.png) !important; border-color:#F29A1B !important; } .error ul { border:0 !important; margin:0 0 0 2em !important; list-style:square !important; } .error li { background:none !important; margin:0 !important; padding:0 !important; } /* * !Overlay */ body.overlay iframe, body.overlay object, body.overlay embed { visibility:hidden; } body.IE6.overlay select { visibility:hidden; } #overlay { background:#000; display:none; position:absolute; top:0; left:0; z-index:10000; } #overlay-loading { display:none; z-index:10001; } #overlay-lightbox { background:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:none; padding:10px; position:absolute; z-index:10002; } #overlay-lightbox span { background:url(/image/generic/button-close.png) no-repeat; height:24px; position:absolute; right:10px; top:10px; width:24px; } #cgu { background:#FFF; -webkit-border-radius:10px; border-radius:10px; width:402px; z-index: 10000; } #cgu h3 { background:url(/image/generic/main-sprite.png) no-repeat -77px -204px; border-radius:3px; color:#FFF; font-size:12px; font-weight:bold; margin:10px; padding:1px 10px; text-transform:uppercase; height:17px; } #cgu textarea { display:block; padding:5px; width:370px; } #cgu .submit { margin:10px; text-align:center; } #cgu button { border:1px solid #DDDDDD; margin:0 50px; padding:5px; text-indent:0; } /* * !Forms */ input, button, textarea, select { color:#3D3D3D; border:1px solid #DDD; font-size:11px; padding:2px 0; margin:0; vertical-align:middle; } .ie input, .ie button, .ie textarea, .ie select { margin-top:-1px; } textarea { font-family:Arial, Helvetica, sans-serif; } select { padding:1px; } input[type=checkbox], input[type=radio] { border:0; } a.button, button { border:0; cursor:pointer; overflow:hidden; text-indent:-9999em; } a.button { display:block; } label { vertical-align:middle; } #container label.lite { float:none; } /* * !Tables */ table { color:#646464; font-size:1.1em; text-align:left; } .twoparts table { width:770px; } table th, table td { font-weight:normal; padding:8px 10px; vertical-align:middle; } table th { color:#A0A0A0; } table th span { left:-9999em; position:absolute; } table tr.color td { background-color:#F2F2F2; zoom:1; } /* * !Page navigation */ .nav-page { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; clear:both; font-size:1.1em; padding:5px 0; overflow:hidden; text-align:right; width:100%; zoom:1; } .nav-page ul { osition:relative; } .nav-page li { display:inline; } .nav-page span { left:-9999em; position:absolute; } .nav-page div, .nav-page a { color:#3D3D3D; display:inline; padding:5px; text-decoration:none; } .nav-page .active div { color:#E6232B; } .nav-page .next, .nav-page .previous { display:none; } /* * !Blocks */ /* !Block */ .block { background:url(/image/generic/rounded-corner.png) no-repeat; padding-top:10px; position:relative; margin:0 0 10px 0; zoom:1; } .ie6 .block { background-image:url(/image/generic/rounded-corner-ie.png); } .threeparts .part1 .block { background-position:0 0; } .threeparts .part2 .block { background-position:-960px 0; } .threeparts .part3 .block { background-position:-1600px 0; } .twoparts .part1 .block { background-position:-1920px 0; } .twoparts .part2 .block { background-position:-1600px 0; } .twopartsbis .part1 .block { background-position:-3540px 0; } .twopartsbis .part2 .block { background-position:-960px 0; } .fullpage .part1 .block { background-position:-4840px 0; } /* !Block Inner */ .inner { background:#FFF; overflow:hidden; padding:0 10px; zoom:1; } /* !Block Footer */ .footer { background:url(/image/generic/rounded-corner.png) no-repeat; clear:both; font-size:0; height:10px; overflow:hidden; } .ie6 .footer { background-image:url(/image/generic/rounded-corner-ie.png); } .threeparts .part1 .footer { background-position:-480px 100%; } .threeparts .part2 .footer { background-position:-1280px 100%; } .threeparts .part3 .footer { background-position:-1760px 100%; } .twoparts .part1 .footer { background-position:-2730px 100%; } .twoparts .part2 .footer { background-position:-1760px 100%; } .twopartsbis .part1 .footer { background-position:-4190px 100%; } .twopartsbis .part2 .footer { background-position:-1280px 100%; } .fullpage .part1 .footer { background-position:-5820px 100%; } /* !Block corners */ .corner-tl, .corner-tr, .corner-bl, .corner-br { background:no-repeat; font-size:0; height:4px; overflow:hidden; position:absolute; width:4px; z-index:10; } .corner-tl { background-image:url(/image/generic/corner-TL.png); left:0; top:0; } .corner-tr { background-image:url(/image/generic/corner-TR.png); right:0; top:0; } .corner-bl { background-image:url(/image/generic/corner-BL.png); bottom:0; left:0; } .corner-br { background-image:url(/image/generic/corner-BR.png); bottom:0; right:0; } .ie6 .corner-tl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-TL.png'); } .ie6 .corner-tr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-TR.png'); } .ie6 .corner-bl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-BL.png'); bottom:-1px; } .ie6 .corner-br { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/corner-BR.png'); bottom:-1px; } /* * !Titles */ h1, h2, h3, h4, h5, h6 { color:#3C3C3C; font-family:"Trebuchet MS", Helvetica, sans-serif; } .part1 h2 { color:#E6232B; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin-top:10px; text-transform:uppercase; } .part1 h3.entry-title { color:#3c3c3c; font-size:2em; font-weight:bold; margin-bottom:5px; } .part1 #agenda h3, .part1 #calendar h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /* * !Match icons */ span.card-yellow, span.card-red, span.goal, span.in, span.out { background:url(../image/generic/match-icons.png) no-repeat; display:inline-block; height:13px; overflow:hidden; text-indent:-9999em; vertical-align:middle; width:9px; } span.card-red { background-position:-114px 0; width:9px; } span.goal { background-position:-228px 0; width:13px; } span.in { background-position:-114px -114px; width:11px; } span.out { background-position:0 -114px; width:11px; } /* * !Article content */ .entry-content { clear:both; font-family:Arial, Helvetica, sans-serif !important; font-size:1.2em; } .entry-content p.catchline { font-weight:bold; margin:0 0 1em; } .entry-content p { margin:1em 0; padding:0; } .entry-content a, .entry-content a:visited { text-decoration:underline; } .entry-content a:hover, .entry-content a:active { text-decoration:none; } .entry-content h3 { margin:-0.8em -0.37em -0.35em; } .entry-content h4, .entry-content h5, .entry-content h6 { font-family:Calibri, Arial, Helvetica, sans-serif; font-style:italic; } .entry-content h4 { color:#DF002C; font-size:1.4em; } .entry-content h5 { font-size:1.3em; } .entry-content ul, .entry-content ol { margin:1em; } .entry-content ol { list-style:inside decimal; } .entry-content ul li { list-style:outside disc; margin-left:12px; } .entry-content h6 { font-size:1.2em; } .entry-content q { font-style:italic; } .entry-content blockquote { background:#F5F5F5; border:1px solid #DADADA; font-size:2em; font-style:italic; margin:1em .25em; padding:0 .5em; } .entry-content blockquote p:before, .entry-content blockquote p:after, .entry-content q:before, .entry-content q:after { content: '"'; } .entry-content cite { font-weight:bold; } .entry-content blockquote cite { display:block; text-align:right; } .entry-content img { vertical-align:middle; } .entry-content img.center, .entry-content img.left, .entry-content img.right { display:block; margin:0 1em; } .entry-content img.center { margin:0 auto; } .entry-content img.left { float:left; margin-left:0; } .entry-content img.right { float:right; margin-right:0; } .entry-content table { border-collapse:collapse; } .entry-content th { border:1px solid #DDD; font-weight:bold; padding:.4em; text-align:center; } .entry-content th.left { text-align:left; } .entry-content td, .entry-content tbody th { border:1px solid #DDD; font-weight:normal; padding:.4em; text-align:left; vertical-align:middle; } .entry-content .noborder td, .entry-content .noborder th { border:0; } /* !Misc */ hr { display:none; } .clearboth { border:0; clear:both; display:block; font-size:0; height:0; line-height:0; } .feed { background:url(/image/generic/x-sprite.png) no-repeat 0 -275px; display:block; height:16px; text-indent:-9999em; width:16px; } div.all a, a.all { background:url(/image/generic/x-sprite.png) no-repeat 100% -252px; font-size:1.1em; padding-right:10px; } div.all2 a, a.all2 { background:url(/image/generic/x-sprite.png) no-repeat -68px -252px; font-size:1.1em; padding-left:10px; } .ie6 div.all a, .ie6 a.all, .ie6 div.all2 a, .ie6 a.all2 { background-image:url(/image/generic/x-sprite-ie.png); } span.premium { background:url(/image/generic/main-sprite.png) no-repeat -350px -358px; display:inline-block; height:13px; overflow:hidden; text-indent:-9999em; vertical-align:middle; width:13px; } .nb-results { background: url(/image/generic/y-sprite.png) no-repeat 0 100%; font-size:1.2em; padding:10px; } .no-result { font-size:1.2em; font-weight:bold; padding:20px 0; text-align:center; } /* !? */ .twoparts .part1 .links { background:url(/image/generic/y-sprite.png) no-repeat -1869px -73px; color:#e6232b; text-transform:uppercase; position:relative; margin-top:30px; padding-top:9px; zoom:1; } .twoparts .part1 .links h2 {color:#646464; float:left; font-weight:normal; margin-top:0; width:auto; zoom:1;} .twoparts .part1 .links ul { background:url(/image/generic/y-sprite.png) no-repeat -1869px 100%; padding-bottom:22px; } .twoparts .part1 .links li { border-right:1px solid #DADADA; float:left; font-size:1.1em; padding:0 10px; } .twoparts .part1 .links li a { color:#646464; } .twoparts .part1 .links li a:hover { color:#e6232b; } /* ================================ * !Main page components * ================================*/ /* * !News list */ .news-list h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -204px; height:19px; margin:0; text-indent:-9999em; } .news-list .hentry { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; min-height:65px; padding:33px 0 17px 133px; position:relative; vertical-align:middle; } .ie6 .news-list .hentry { height:65px; } /* min-height hack */ .news-list .noinfos { min-height:83px; padding-top:15px; } .ie6 .news-list .noinfos { height:83px; } /* min-height hack too */ .news-list .nophoto { padding-left:17px; } .news-list h3.entry-title { font-size:1.3em; margin-bottom:5px; } .news-list h4 { font-size:1.3em; margin-bottom:5px; } .news-list img { border:1px solid #DADADA; height:80px; left:0; padding:1px; position:absolute; top:15px; width:120px; } .news-list .entry-summary { font-size:1.2em; } .news-list .entry-infos { color:#E6232B; font-size:1.1em; font-weight:bold; position:absolute; top:15px; } .news-list .entry-infos span { color:#C8C8C8; font-weight:normal; padding-left:5px; } .news-list .all { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; overflow:hidden; padding:3px 10px; position:relative; text-align:right; } /* !Top Stories */ #top-stories .links { background:url(/image/generic/y-sprite.png) no-repeat 0 100%; bottom:10px; overflow:hidden; padding:3px 0 4px; position:absolute; width:460px; } #top-stories .links li { border-right:1px solid #DADADA; float:left; font-size:1.1em; padding:0 10px; } .ie6 #top-stories .links, .js .ie #top-stories-list li { zoom:1; } #top-stories .feed { top:2px; position:absolute; right:0; } .js .ie #top-stories-list img { filter:Alpha(opacity=40); } .js .ie #top-stories-list .active img { filter:Alpha(opacity=100); } /* !Top Stories + JS */ .js #top-stories .inner { height:369px; } .js #top-stories h2 { left:-9999em; position:absolute; } .js #top-stories .hentry { background-color:#FFF; height:98px; margin-right:10px; overflow:hidden; padding:250px 0 0; position:absolute; width:460px; } .js #top-stories .hentry:first-child { z-index:1; } /* To show the last news during the page loading */ .js #top-stories .hfeed .active { z-index:2; } /* Work around .hentry.active for IE6 */ .js #top-stories .entry-title { font-size:2em; line-height:1.12em; margin:0 0 2px 10px; } .js #top-stories img { border:0; height:246px; padding:0; top:0; width:369px; } .js #top-stories .entry-summary { font-size:1.2em; margin:0 10px; } .js #top-stories .entry-infos { background:#3C3C3C; background:rgba(0, 0, 0, .5); color:#FFF; left:0; padding:3px 10px; top:226px; width:349px; } .js #top-stories-list { position:absolute; right:10px; top:10px; z-index:3; width:97px; } .js #top-stories-list li { padding:0 0 6px 11px; } .js #top-stories-list li.active { background:url(/image/generic/main-sprite.png) no-repeat -974px -310px; } .js #top-stories-list img { position:static; height:57px; vertical-align:middle; width:86px; } .js #top-stories-list img { opacity:.4; } .js #top-stories-list .active img { opacity:1; } /* * !Promo 3 */ #promo-3 .inner { padding-top:0; } #promo-3 h2 { background:url(/image/generic/main-sprite.png) no-repeat -300px -223px; height:19px; margin:0; text-indent:-9999em; } #promo-3 .hfeed { float:left; padding-bottom:30px; } #promo-3 .hentry { background:url(/image/generic/y-sprite.png) no-repeat -460px 100%; min-height:42px; padding:29px 0 10px 96px; position:relative; width:128px; } #promo-3 .entry-title { font-size:1.2em; font-weight:normal; margin-bottom:5px; } #promo-3 .entry-title a { display:block; } #promo-3 img { border:1px solid #DADADA; height:56px; left:0; padding:1px; position:absolute; top:10px; width:86px; } #promo-3 .entry-infos { color:#E6232B; font-size:1.1em; font-weight:bold; position:absolute; text-transform:uppercase; top:15px; } #promo-3 .important .hentry { background:none; margin-right:12px; padding:34px 0 0 7px; width:217px; } #promo-3 .important .entry-title { font-size:1.9em; font-weight:bold; margin:0 0 5px 0; } #promo-3 .important .entry-summary { font-size:1.2em; } #promo-3 .important .entry-infos { top:22px; } #promo-3 .important .top { padding-top:177px; } #promo-3 .top img { height:147px; left:1px; top:10px; width:221px; } #promo-3 .top .entry-infos { top:165px; } /* ================================ * !Sidebar components * ================================*/ /* * !OLTV */ #oltv .inner { padding-bottom:48px; } #oltv h2 { background:url(/image/generic/main-sprite.png) no-repeat -900px -264px; bottom:5px; height:31px; left:20px; position:absolute; text-indent:-9999em; width:81px; } #oltv h3 { background:url(/image/generic/main-sprite.png) no-repeat; cursor:pointer; height:26px; text-indent:-9999em; } #oltv div { position:relative; } h3#oltv-linked-videos-before, h3#oltv-linked-videos-active { background-position:-600px -294px; } h3#oltv-best-videos-before, h3#oltv-best-videos-active, h3#oltv-last-videos-before, h3#oltv-last-videos-active { background-position:-300px -294px; } h3#oltv-most-viewed-before, h3#oltv-most-viewed-active { background-position:-300px -242px; } h3#oltv-free-videos-before, h3#oltv-free-videos-active { background-position:-300px -268px; } h3#oltv-most-viewed { background-position:-600px -242px; } h3#oltv-free-videos { background-position:-600px -268px; } #oltv img { border:solid #DDD; border-width:0 1px; vertical-align:middle; } #oltv .hfeed { border-bottom:1px solid #DDD; margin-bottom:10px; position:relative; } .ie6 #oltv .hentry { height:36px; } #oltv .hfeed li { background:url(/image/generic/y-sprite.png) repeat-y -981px 0; min-height:36px; padding:23px 30px 3px 80px; position:relative; vertical-align:middle; } #oltv .hfeed li.even { background-position:-685px 0; } /* waiting for CSS3 */ #oltv .hfeed li img { border:1px solid #DADADA; height:40px; left:10px; padding:1px; position:absolute; top:10px; width:60px; } #oltv .entry-title { color:#C4A35C; font-size:1.1em; font-weight:bold; } #oltv .entry-summary { font-size:1.1em; font-weight:bold; } #oltv .entry-infos { color:#C4A35C; font-size:1.1em; position:absolute; top:10px; } #oltv .links { border-top:1px solid #FFF; position:relative; } #oltv .links li { display:inline; } #oltv .feed { position:absolute; left:97px; top:13px; } #oltv .live, #oltv .videos { background:url(/image/generic/main-sprite.png) no-repeat -894px -122px; height:31px; position:absolute; left:127px; text-indent:-9999em; top:11px; width:84px; } #oltv .videos { background-position:-894px -154px; left:216px; } /* * !OLTV + JS */ .js #oltv h2 { bottom:-5px; } .js .oltv-best-videos, .js .oltv-last-videos, .js .oltv-linked-videos { height:242px; overflow:hidden; } .js .oltv-most-viewed, .js .oltv-free-videos { height:0; overflow:hidden; } .js #oltv .hfeed { background:url(/image/generic/y-sprite.png) repeat-y -685px 0; border:solid #DDD; border-width:0 1px; margin:0; } .js span.scroller { background:url(/image/generic/main-sprite.png) no-repeat; height:24px; position:absolute; right:6px; width:18px; } .js #oltv-best-videos-scrollup, .js #oltv-last-videos-scrollup, .js #oltv-most-viewed-scrollup, .js #oltv-free-videos-scrollup { background-position:-936px -240px; top:12px; } .js .ads #oltv-last-videos-scrollup, .js .ads #oltv-most-viewed-scrollup, .js .ads #oltv-free-videos-scrollup { top:41px; } .js #oltv-best-videos-scrollup.off, .js #oltv-last-videos-scrollup.off, .js #oltv-most-viewed-scrollup.off, .js #oltv-free-videos-scrollup.off { background-position:-954px -240px; } .js #oltv-best-videos-scrolldown, .js #oltv-last-videos-scrolldown, .js #oltv-most-viewed-scrolldown, .js #oltv-free-videos-scrolldown { background-position:-900px -240px; bottom:12px; } .js #oltv-best-videos-scrolldown.off, .js #oltv-last-videos-scrolldown.off, .js #oltv-most-viewed-scrolldown.off, .js #oltv-free-videos-scrolldown.off { background-position:-918px -240px; } .js #oltv .feed { top:23px; } .js #oltv .live, .js #oltv .videos { top:21px; } /* * !Breaking news list */ #breaking-news-list { } #breaking-news-list h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -223px; height:19px; text-indent:-9999em; margin-bottom:50px; } #breaking-news-list.related h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -242px; } .part2 #breaking-news-list h3 { background:url(/image/generic/main-sprite.png) no-repeat -600px -339px; float:left; font-size:1.1em; font-weight:normal; height:15px; overflow:hidden; padding:2px 18px; position:relative; } #breaking-news-list h3 span { background:url(/image/generic/main-sprite.png) no-repeat -800px -339px; height:19px; position:absolute; right:0; top:0; width:3px; } #breaking-news-list .hfeed { border:1px solid #DDD; border-bottom:0; clear:both; padding-top:10px; position:relative; } #breaking-news-list.related .hfeed { -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } #breaking-news-list .hfeed li { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; clear:both; font-size:1.1em; margin-right:20px; overflow:hidden; padding:4px 10px 4px 48px; position:relative; } #breaking-news-list .hfeed li.photo { padding-left:98px; } #breaking-news-list .hfeed li.even { background:none; } /* waiting for CSS3 */ #breaking-news-list .date { left:10px; position:absolute; top:4px; } #breaking-news-list .of-the-day .date { color:#E6232B; top:6px; } #breaking-news-list .hfeed img { float:left; margin-right:10px; } #breaking-news-list .list-footer { position:relative; } .ie6 #breaking-news-list .list-footer { zoom:1; } #breaking-news-list .links { border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; padding:10px; position:relative; text-align:right; } #breaking-news-list .links li { display:inline; } #breaking-news-list .feed { left:10px; position:absolute; text-align:left; } #breaking-news-list.related .all { border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; padding:10px; text-align:right; } #breaking-news-list .nav-page-lite { bottom:10px; cursor:pointer; font-size:1.1em; left:5px; position:absolute; z-index:1; } #breaking-news-list .nav-page-lite li { display:inline; padding:5px; } #breaking-news-list .nav-page-lite li.active { color:#E6232B; } .ie #breaking-news-list, .ie #breaking-news-list .inner, .ie #breaking-news-list .hfeed, .ie #breaking-news-list .hentry, .ie #breaking-news-list .links { zoom:1; } .ie6 #breaking-news-list-all span { right:-1px; } /* * !Breaking news list + JS */ .js #breaking-news-list h2 { margin-bottom:10px; } .js #breaking-news-list.related h2 { margin-bottom:10px; } .js .part2 #breaking-news-list h3 { display:none; cursor:pointer; position:absolute; text-align:center; top:40px; } .js #breaking-news-list h3.active { background-position: -600px -362px; color:#E6232B; z-index:1; } .js #breaking-news-list h3.active span { background-position: -800px -362px; } .js #breaking-news-list .hfeed { height:250px; overflow:hidden; } .js #breaking-news-list.related .hfeed { height:auto; } .js #breaking-news-list ul.ready { height:auto; } .js #breaking-news-list-all { left:10px; width:37px; } .js #breaking-news-list-000018 { left:86px; width:50px; } .js #breaking-news-list-000019 { left:175px; width:24px; } .js #breaking-news-list-000020 { left:238px; width:36px; } .js #breaking-news-list .feed { left:105px; } /* * !Results */ #results-ranking { } #results-ranking h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -318px; height:19px; text-indent:-9999em; margin-bottom:50px; } #results-ranking h3 { background:url(/image/generic/main-sprite.png) no-repeat -600px -339px; float:left; font-size:1.1em; font-weight:normal; height:15px; overflow:hidden; padding:2px 10px; position:relative; } #results-ranking h3 span { background:url(/image/generic/main-sprite.png) no-repeat -800px -339px; height:19px; position:absolute; right:0; top:0; width:3px; } #results-ranking .last-match, #results-ranking .next-match, #results-ranking .ranking, #results-ranking .no-next-match { border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; clear:both; margin-bottom:10px; padding-bottom:74px; position:relative; } #results-ranking .no-last-match, #results-ranking .no-next-match { font-size:1.2em; text-align:center; } #results-ranking .no-last-match p, #results-ranking .no-next-match p { padding:10px; } #results-ranking .versus { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; color:#DDD; font:bold 27px Tahoma, Geneva, sans-serif; margin-top:20px; padding:10px 0 2px; text-align:center; } #results-ranking .versus img { vertical-align:middle; } #results-ranking h4 { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; font-size:1.4em; font-weight:bold; text-align:center; } #results-ranking h4 span { color:#E6232B; margin:0 5px; } #results-ranking .last-match p, #results-ranking .next-match p { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; font-size:1.1em; padding:3px 0 5px; text-align:center; } #results-ranking #ads-betclick-match { background:none; margin-top:7px; } #results-ranking #ads-betclick-match a { background:url(/image/generic/main-sprite.png) no-repeat -363px -358px; display:block; height:18px; margin:0 auto; text-indent:-9999em; width:117px; } #results-ranking .links { position:relative; } #results-ranking .links li { display:inline; } #results-ranking .oltv, #results-ranking .stats { background:url(/image/generic/main-sprite.png) repeat-y -120px -374px; height:17px; left:26px; position:absolute; text-indent:-9999em; top:10px; width:124px; } #results-ranking .stats { background-position:-773px -152px; left:156px; width:116px; } #results-ranking div.all { border-top:1px solid #DDD; bottom:0; display:block; overflow:hidden; padding:11px 10px; position:absolute; text-align:right; width:278px; } #results-ranking table { width:298px; } #results-ranking td, #results-ranking th { padding:4px; text-align:center; } #results-ranking .pos { width:30px; } #results-ranking table .team { text-align:left; } #results-ranking table .club .team { font-weight:bold; } #results-ranking .pts { width:30px; } #results-ranking .diff { width:30px; } .ie #results-ranking thead tr { background:#FFF; } #results-ranking thead th { background:#DDD; color:#FFF; font-weight:bold; } #results-ranking tfoot tr { border-top:1px solid #DDD; font-size:.9091em; text-align:right; } #results-ranking .ranking .all { bottom:11px; right:10px; position:absolute; } .ie #results-ranking thead tr { position:relative; } .ie #results-ranking div { zoom:1; } /* * !TV navigation */ #nav-tv ul { background:url(/image/block/tv-schedule/nav-back.png) no-repeat; padding-top:192px; } #nav-tv a { background:no-repeat; display:block; height:23px; margin:10px auto; overflow:hidden; text-indent:-9999em; width:240px; } #nav-tv .grid a { background:url(/image/block/tv-schedule/nav-grid.png) no-repeat; } #nav-tv .peoples a { background:url(/image/block/tv-schedule/nav-peoples.png) no-repeat; } #nav-tv .shows a { background:url(/image/block/tv-schedule/nav-shows.png) no-repeat; } /* * !Results + JS */ .js #results-ranking h2 { margin-bottom:69px; } .js #results-ranking h3 { cursor:pointer; position:absolute; text-align:center; top:80px; } .js #results-ranking h3.active { background-position:-600px -362px; color:#E6232B; z-index:3; } .js #results-ranking h3.active span { background-position:-800px -362px; } .js #results-ranking #last-match { width:77px; } .js #results-ranking #next-match { left:109px; width:84px; } .js #results-ranking #ranking { right:10px; width:75px; } .js #results-ranking .last-match, .js #results-ranking .next-match, .js #results-ranking .ranking, .js #results-ranking .no-last-match, .js #results-ranking .no-next-match, .js #results-ranking .no-ligue-1-ranking { display:none; height:222px; margin-bottom:0; overflow:hidden; padding-bottom:0; z-index:1; } .js #results-ranking div.active { display:block; } .js #results-ranking .ranking-inner { border-bottom:1px solid #DDD; } .js #results-ranking .no-ligue-1-ranking { font-size:1.4em; line-height:20em; text-align:center; } .js #results-ranking-scrollup { background-position:-936px -240px; top:30px; } .js #results-ranking-scrollup.off { background-position:-954px -240px; } .js #results-ranking-scrolldown { background-position:-900px -240px; bottom:42px; } .js #results-ranking-scrolldown.off { background-position:-918px -240px; } /* * !Countdown */ #countdown { margin:0 0 10px 0; position:relative; } #countdown .inner { background:none; height:100px; padding:0; } #countdown h2 { left:-9999em; position:absolute; } #countdown .inner div { color:#FFF; font-size:20px; font-weight:bold; letter-spacing:6px; line-height:1.3em; margin-left:11px; padding:27px 0 0; text-align:center; } #countdown .inner span span { margin-right:3px; } #countdown a { bottom:8px; display:block; height:34px; left:92px; margin:0 auto; position:absolute; text-indent:-9999em; width:136px; } /* * !Gallery */ #gallery h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -337px; height:19px; text-indent:-9999em; margin-bottom:10px; } #gallery .list { overflow:hidden; } #gallery .list li { float:left; margin:5px 15px; } .ie6 #gallery li { display:inline; } .ie6 #gallery .inner div { zoom:1; } #gallery .list img { border:1px solid #DADADA; padding:1px; vertical-align:middle; } #gallery .all { float:right; margin-top:5px; } /* !Gallery + JS */ .js #gallery .inner { position:relative; } .js #gallery .list { border:1px solid #DDD; border-bottom:0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; height:235px; } .js #gallery .list li { float:none; margin:10px; position:absolute; } .js #gallery .list .active { z-index:1; } .js #gallery .list img { height:184px; padding:0; width:276px; } .js #gallery .inner div { border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; overflow:hidden; } .js #gallery .all { margin:10px; } .js #gallery-list { overflow:hidden; padding:0 9px; position:absolute; top:221px; z-index:2; } .js #gallery-list li { float:left; padding:7px 0 0; margin:0 1px 7px; } .js #gallery-list .active { background:url(/image/generic/main-sprite.png) no-repeat 0 -391px; } .js #gallery-list a { display:block; padding-bottom:3px; } .js #gallery-list a:hover { background:#E6232B; } .js #gallery-list img { border:1px solid #DDD; height:24px; vertical-align:top; width:36px; } .js #gallery-nav { position:absolute; right:25px; top:46px; z-index:4; } .js #gallery-nav li { background:url(/image/generic/main-sprite.png) no-repeat -925px -203px; cursor:pointer; float:left; height:17px; margin:0 2px; width:23px; } .js #gallery-nav li.next { background-position:-948px -203px; } .js #gallery-nav li.off { background-position:-925px -186px; } .js #gallery-nav li.next.off { background-position:-948px -186px; } /* * !Gallery (in an article) */ #article #gallery .inner { padding:0; } #article #gallery h2 { left:-9999em; position:absolute; } .js #article #gallery .list li { margin:10px 80px; } .js #article #gallery-list { padding:0 79px; top:230px; } /* * !Player stats */ #player-stats { } #player-stats h2 { background:url(/image/generic/main-sprite.png) no-repeat -300px -320px; height:19px; text-indent:-9999em; } #player-stats h3 { background:#DDD; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; color:#FFF; font-size:1.2em; margin-top:10px; padding:2px 10px; } #player-stats ul { background:#F5F5F5; border:1px solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; padding:0 0 5px; } #player-stats li { font-size:1.1em; padding:0 12px; overflow:hidden; zoom:1; } #player-stats h4 { float:left; } #player-stats p { float:right; font-weight:bold; } #player-stats .first { padding:13px 0 6px 72px; position:relative; } #player-stats .first h4 { float:none; margin-bottom:3px; } #player-stats .first p { float:none; } #player-stats .first p.matches { font-weight:normal; } #player-stats img { border:1px solid #DDD; height:68px; left:10px; padding:1px; position:absolute; top:5px; width:51px; } #player-stats .first ul { border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:.909em; margin:2px 0 0; padding:0; } #player-stats .first li { display:inline; padding:0; vertical-align:middle; } #player-stats .first span { margin-right:5px; } /* * !Tags */ #tags { } #tags h2 { background:url(/image/generic/main-sprite.png) no-repeat -600px -320px; height:19px; text-indent:-9999em; } #tags ul { margin:6px 0 0; overflow:hidden; } #tags li { display:inline; font-size:1.3em; line-height:2em; padding:0 3px; } #tags em a { font-size:1.2em; font-style:normal; font-weight:bold; } #tags strong a { font-size:1.5em; font-weight:bold; } /* * !Related player */ #related-player { } #related-player h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -261px; height:19px; margin-bottom:10px; text-indent:-9999em; } #related-player .staff { background-position:-300px -339px; } #related-player .vcard { background:#F5F5F5; border:1px solid #DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:50px; margin-bottom:10px; padding:18px 0 0 61px; position:relative; } #related-player h3 { color:#646464; font-size:1.3em; margin-bottom:10px; } #related-player img { border:1px solid #DDD; height:54px; left:10px; padding:1px; position:absolute; top:5px; width:41px; } #related-player p { color:#E6232B; font-size:1.2em; font-weight:bold; left:61px; position:absolute; text-align:center; top:4px; } #related-player p span { left:-9999em; position:absolute; } #related-player .buy-shirt { background:url(/image/block/related-player/buy-shirt.png) no-repeat; bottom:5px; height:18px; position:absolute; right:5px; text-indent:-9999em; width:120px; } #related-player .all { text-align:right; } /* * !Ranking * Selectors sux ! recode this ! */ .part2 #ranking-body, #match-summary-sidebar #ranking-body { border:1px solid #DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .part2 #ranking h2, #match-summary-sidebar #ranking h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -299px; height:19px; margin-bottom:10px; text-indent:-9999em; } .part2 #ranking table, #match-summary-sidebar #ranking table { width:298px; } .part2 #ranking .pos, #match-summary-sidebar #ranking .pos { width:30px; } .part2 #ranking table .team, #match-summary-sidebar #ranking table .team { text-align:left; } .part2 #ranking .pts, #match-summary-sidebar #ranking .pts { width:30px; } .part2 #ranking .diff, #match-summary-sidebar #ranking .diff { width:30px; } .part2 #ranking table tr, #match-summary-sidebar #ranking table tr { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; } .part2 #ranking table tr.even, #match-summary-sidebar #ranking table tr.even { background:none; } .ie .part2 #ranking-body thead tr, .ie #match-summary-sidebar #ranking-body thead tr { position:relative; } .ie .part2 #ranking-body tbody tr, .ie #match-summary-sidebar #ranking-body tbody tr { height:auto; } .part2 #ranking table th, .part2 #ranking table td, #match-summary-sidebar #ranking table th, #match-summary-sidebar #ranking table td { text-align:center; padding:4px; } .part2 #ranking table th, #match-summary-sidebar #ranking table th { background:#DDD; color:#FFF; font-weight:bold; } .ie .part2 #ranking table td.pos, .ie #match-summary-sidebar #ranking table td.pos { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; } .ie .part2 #ranking table td.team, .ie #match-summary-sidebar #ranking table td.team { background:url(/image/generic/y-sprite.png) repeat-y -1319px 0; } .ie .part2 #ranking table td.pts, .ie #match-summary-sidebar #ranking table td.pts { background:url(/image/generic/y-sprite.png) repeat-y -1473px 0; } .ie .part2 #ranking table td.diff, .ie #match-summary-sidebar #ranking table td.diff { background:url(/image/generic/y-sprite.png) repeat-y -1511px 0; } .ie .part2 #ranking table .even td, .ie #match-summary-sidebar #ranking table .even td { background:#FFF; } /* * !Ranking + JS */ .js .part2 #ranking table .scroller, .js #match-summary-sidebar #ranking table .scroller { width:22px; } .js .part2 #ranking span.scroller, .js #match-summary-sidebar #ranking span.scroller { right:16px; } .js .part2 #ranking-scrollup, .js #match-summary-sidebar #ranking-scrollup { background-position:-936px -240px; top:67px; } .js .part2 #ranking-scrollup.off, .js #match-summary-sidebar #ranking-scrollup.off { background-position:-954px -240px; } .js .part2 #ranking-scrolldown, .js #match-summary-sidebar #ranking-scrolldown { background-position:-900px -240px; bottom:15px; } .js .part2 #ranking-scrolldown.off, .js #match-summary-sidebar #ranking-scrolldown.off { background-position:-918px -240px; } /* * !Calendar List */ #calendar-list-body { border:1px solid #DDD; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } #calendar-list h2 { background:url(/image/generic/main-sprite.png) no-repeat 0 -280px; height:19px; margin-bottom:10px; text-indent:-9999em; } #calendar-list table { width:298px; } #calendar-list .team1 { text-align:right; width:122px; } #calendar-list .score { color:#E6232B; font-weight:bold; text-align:center; width:30px; } #calendar-list .team2 { text-align:left; width:122px; } #calendar-list table tr { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; } .ie #calendar-list table .team1 { background:url(/image/generic/y-sprite.png) repeat-y -1281px 0; } .ie #calendar-list table .score { background:url(/image/generic/y-sprite.png) repeat-y -1416px 0; } .ie #calendar-list table .team2 { background:url(/image/generic/y-sprite.png) repeat-y -1444px 0; } #calendar-list table tr.even { background:none; } .ie #calendar-list table .even td { background:none; } #calendar-list table th, #calendar-list table td { text-align:center; padding:4px; } #calendar-list table th { background:#DDD; color:#FFF; font-weight:bold; } /* * !Equalizer */ #equalizer, #equalizer div { background:url(/image/generic/equalizer-back.png) no-repeat; padding-top:10px; } .ie6 #equalizer, .ie6 #equalizer div { background-image:url(/image/generic/equalizer-back-ie.png); } #equalizer .inner { background-color:#F0F0F0; background-position:100% 0; overflow:hidden; padding:0; } #equalizer .footer { background-position:0 100%; padding:0; } /* ================================ * !Sky components * ================================*/ /* * !Promo OLTV */ #promo-oltv { } #promo-oltv h2 { left:-9999em; position:absolute; } #promo-oltv ul { margin:11px 10px 0; } #promo-oltv li { margin:0 0 5px; } #promo-oltv .program { background:url(/image/generic/main-sprite.png) no-repeat -480px -358px; display:block; height:23px; overflow:hidden; text-indent:-9999em; } #promo-oltv .subscribe { background:url(/image/generic/main-sprite.png) no-repeat 0 -356px; display:block; height:31px; overflow:hidden; text-indent:-9999em; } /* * !Promo Shop */ #promo-shop { margin:0; } #promo-shop .inner { background:#FFF url(/image/generic/y-sprite.png) no-repeat -1568px 100%; } #promo-shop h2 { background:url(/image/generic/main-sprite.png) no-repeat -803px -339px; height:58px; margin-bottom:10px; text-indent:-9999em; } #promo-shop ul { margin:0 10px 10px; } #promo-shop li { margin:0 0 4px; } #promo-shop .shop { background:url(/image/generic/main-sprite.png) no-repeat -120px -356px; display:block; height:18px; text-indent:-9999em; } #promo-shop .stores { background:url(/image/generic/main-sprite.png) no-repeat -773px -170px; display:block; height:18px; text-indent:-9999em; } /* * !Promo ticketing */ #promo-ticketing { background:#FFF; margin:0; padding-bottom:10px; } #promo-ticketing .inner { background:url(/image/generic/y-sprite.png) no-repeat -1719px 100%; padding-bottom:4px; } #promo-ticketing .list { background:#282828; overflow:hidden; position:relative; width:140px; } #promo-ticketing .list ul { background:#282828; padding-top:7px; } .js #promo-ticketing .list ul { width:1400px; } #promo-ticketing .list li { text-align:center; padding-bottom:22px; } .js #promo-ticketing .list li { float:left; width:140px; } #promo-ticketing .list h3 { color:#FFF; font-size:1.2em; } #promo-ticketing .list p { color:#FDCA2D; font-size:1.1em; } #promo-ticketing .list .price { font-size:1em; } #promo-ticketing .list .full { background:#555; color:#FFF; display:inline-block; margin:6px 0 0; padding:1px 4px; } #promo-ticketing .list span { background:#FDCA2D; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; color:#000; font-size:1.2em; font-weight:bold; padding:0 2px; } #promo-ticketing .list a { background:url(/image/generic/main-sprite.png) no-repeat -900px -223px; height:17px; margin:6px auto 0; width:79px; } #promo-ticketing .nav { position:absolute; width:140px; } #promo-ticketing .nav a { background:url(/image/generic/main-sprite.png) no-repeat -925px -203px; overflow:hidden; position:absolute; left:5px; height:17px; text-indent:-9999em; top:0; width:23px; } #promo-ticketing .nav a.off { background-position:-925px -186px; } #promo-ticketing .nav .next a { background-position:-948px -203px; left:auto; right:5px; } #promo-ticketing .nav .next a.off { background-position:-948px -186px; } #promo-ticketing .pages { background:#282828; color:#676767; display:block; font-size:12px; font-weight:bold; height:19px; letter-spacing:1px; text-align:center; } /* * !Billetterie */ #static-4 { background:none; padding:0; } /* * !Poll */ #poll { } #poll h2 { background:url(/image/generic/main-sprite.png) no-repeat -760px -223px; height:19px; margin-bottom:10px; text-indent:-9999em; } #poll form { border:1px solid #DDD; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; padding:10px; } #poll p { font-size:1.1em; font-weight:bold; } #poll ul { margin:6px 0; } #poll li { font-size:1.1em; padding:3px 0; } #poll input { margin-right:5px; } #poll button { background:url(/image/generic/main-sprite.png) no-repeat -900px -295px; display:block; height:18px; margin:0 auto; width:62px; } #poll .results img { height:8px; } #poll .all { border:solid #DDD; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; border-width:0 1px 1px; padding:10px; text-align:right; } /* * !Module */ #ol-mod li { float:left; padding:8px; text-align:center; width:83px; } #ol-mod li:hover { background:#E6232B; } #ol-mod a { display:block; } #ol-mod img { border:1px solid #DADADA; padding:1px; vertical-align:middle; }