/*---------------------------------------------------------- Main CSS Main styles for all the website Project: OLWeb.fr Author: Yannick Croissant, e-TF1 Web Agency Summary : Layout Commons layout components Branding Language navigation Main navigation Additional navigation Search engine Account Partners Commons website items Main page components Top Stories and News list Promo 3 Sidebar components OLTV OLTV + JS Breaking news list Results Countdown Gallery Gallery + JS Player stats Tags Related player Ranking Calendar List Sky components Promo OLTV Promo Shop Billetterie Poll ----------------------------------------------------------*/ /* ================================ * !Layout * ================================*/ /* * !Commons layout components */ /* !Branding */ #branding a { background-image:url(/image/generic/main-sprite-en.png); } /* !Language navigation */ #nav-lang a { background-image:url(/image/generic/main-sprite-en.png); } /* !Main navigation */ #nav-main h3 span, #nav-main h3 a { background-image:url(/image/generic/main-sprite-en.png); } #nav-main .home a { background-position:0 -152px; width:72px; } #nav-main .news h3 span { background-position:-72px -152px; width:75px; } #nav-main .season h3 span { background-position:-147px -152px; width:86px; } #nav-main .teams h3 span { background-position:-233px -152px; width:80px; } #nav-main .community h3 span { background-position:-313px -152px; width:194px; } #nav-main .club h3 span { background-position:-507px -152px; width:71px; } #nav-main .ticketing h3 a { background-position:-578px -152px; width:101px; } #nav-main .shops h3 a { background-position:-679px -152px; width:98px; } #nav-main .home :hover a { background-position:0 -178px; } #nav-main .news :hover h3 span { background-position:-72px -178px; } #nav-main .season :hover h3 span { background-position:-147px -178px; } #nav-main .teams :hover h3 span { background-position:-233px -178px; } #nav-main .community :hover h3 span { background-position:-313px -178px; } #nav-main .club :hover h3 span { background-position:-507px -178px; } #nav-main .ticketing :hover h3 a { background-position:-578px -178px; } #nav-main .shops :hover h3 a { background-position:-679px -178px; } #nav-main .section { background-image:url(/image/generic/menu-en.png); } #nav-main .news .section { background-position:-285px -309px; width:49px; } #nav-main .season .section { background-position:-334px -309px; width:67px; } #nav-main .teams .section { background-position:-403px -309px; width:57px; } #nav-main .community .section { background-position:-462px -309px; width:233px; } #nav-main .club .section { background-position:-695px -309px; width:45px; } #nav-main .level1 { background-image:url(/image/generic/menu-en.png); } #nav-main ul.level1 li { background-image:url(/image/generic/menu-en.png); } #nav-main .level1 h4 { background-image:url(/image/generic/menu-en.png); } #nav-main .level1 .team-news { background-position:-539px -262px; width:81px; } #nav-main .level1 .club-news { background-position:-468px -276px; width:72px; } #nav-main .level1 .first-team { background-position:-468px -262px; width:71px; } #nav-main .level1 .women { background-position:-785px -262px; width:47px; } #nav-main .level1 .youngs-reserve { background-position:-540px -276px; width:121px; } #nav-main .level1 .club-life { background-position:-661px -276px; width:62px; } #nav-main .level1 .interactive { background-position:-619px -262px; width:166px; } #nav-main .level1 .about-club { background-position:-832px -262px; width:104px; } #nav-main .level1 .highlight li { background-image:url(/image/generic/menu-en.png); } #nav-main ul.level2 li { background:none; } /* !Additional navigation */ #nav-add a { background-image:url(/image/generic/main-sprite-en.png); } #nav-add .ol-web a { background-position:0 -102px; width:103px; } #nav-add .ol-tv a { background-position:-103px -102px; width:94px; } #nav-add .ol-kids a { background-position:-197px -102px; width:104px; } #nav-add .ol-land a { background-position:-301px -102px; width:107px; } #nav-add .ol-group a { background-position:-408px -102px; width:114px; } #nav-add .ol-club a { background-position:-522px -102px; width:109px; } #nav-add .ol-ticketing a { background-position:-631px -102px; width:131px; } #nav-add .ol-shop a { background-position:-762px -102px; width:130px; } #nav-add .ol-web a:hover { background-position:0 -127px } #nav-add .ol-tv a:hover { background-position:-103px -127px; } #nav-add .ol-kids a:hover { background-position:-197px -127px; } #nav-add .ol-land a:hover { background-position:-301px -127px; } #nav-add .ol-group a:hover { background-position:-408px -127px; } #nav-add .ol-club a:hover { background-position:-522px -127px; } #nav-add .ol-ticketing a:hover { background-position:-631px -127px; } #nav-add .ol-shop a:hover { background-position:-762px -127px; } /* !Search engine */ #search button { background-image:url(/image/generic/main-sprite-en.png); } /* !Account */ #account h2 { background-image:url(/image/generic/main-sprite-en.png); background-position:-777px -152px; width:31px; } /* !Partners */ #partners h2 { background-image:url(/image/generic/main-sprite-en.png); width:448px; } /* ================================ * !Commons website items * ================================*/ span.premium { background-image:url(/image/generic/main-sprite-en.png); } /* ================================ * !Main page components * ================================*/ /* * !Top Stories and News list * (a lot of styles in common when JS is off) */ #top-stories { display:none; } #top-stories h2, .news-list h2 { background-image:url(/image/generic/main-sprite-en.png); } /* * !Promo 3 */ #promo-3 h2 { background-image:url(/image/generic/main-sprite-en.png); } /* ================================ * !Sidebar components * ================================*/ /* * !OLTV */ #oltv h2 { background-image:url(/image/generic/main-sprite-en.png); } #oltv h3 { background-image:url(/image/generic/main-sprite-en.png); } #oltv .live, #oltv .videos { background-image:url(/image/generic/main-sprite-en.png); } /* * !OLTV + JS */ .js span.scroller { background-image:url(/image/generic/main-sprite-en.png); } /* * !Breaking news list */ #breaking-news-list h2 { background-image:url(/image/generic/main-sprite-en.png); } #breaking-news-list.related h2 { background-image:url(/image/generic/main-sprite-en.png); } .part2 #breaking-news-list h3 { background-image:url(/image/generic/main-sprite-en.png); } #breaking-news-list h3 span { background-image:url(/image/generic/main-sprite-en.png); } /* * !Results */ #results-ranking h2 { background-image:url(/image/generic/main-sprite-en.png); } #results-ranking h3 { background-image:url(/image/generic/main-sprite-en.png); } #results-ranking h3 span { background-image:url(/image/generic/main-sprite-en.png); } #results-ranking .oltv, #results-ranking .stats { background-image:url(/image/generic/main-sprite-en.png); } /* * !Countdown */ #countdown { background-image:url(/image/block/countdown/back-en.png); } /* * !Gallery */ #gallery h2 { background-image:url(/image/generic/main-sprite-en.png); } /* !Gallery + JS */ .js #gallery-list .active { background-image:url(/image/generic/main-sprite-en.png); } /* * !Player stats */ #player-stats h2 { background-image:url(/image/generic/main-sprite-en.png); } /* * !Tags */ #tags h2 { background-image:url(/image/generic/main-sprite-en.png); } /* * !Related player */ #related-player h2 { background-image:url(/image/generic/main-sprite-en.png); } /* * !Ranking * Selectors sux ! recode this ! */ .part2 #ranking h2, #match-summary-sidebar #ranking h2, #results-ranking #ads-betclick-match a { background-image:url(/image/generic/main-sprite-en.png); } /* * !Calendar List */ #calendar-list h2 { background:url(/image/generic/main-sprite-en.png); } /* ================================ * !Sky components * ================================*/ /* * !Promo OLTV */ #promo-oltv h2 { background-image:url(/image/block/promo-oltv/sky-title-en.png); } #promo-oltv .program { background-image:url(/image/generic/main-sprite-en.png); } #promo-oltv .subscribe { background-image:url(/image/generic/main-sprite-en.png); } /* * !Promo Shop */ #promo-shop h2 { background-image:url(/image/generic/main-sprite-en.png); } #promo-shop .shop { background-image:url(/image/generic/main-sprite-en.png); } #promo-shop .stores { background-image:url(/image/generic/main-sprite-en.png); } /* * !Billetterie */ #ticketing h2 { background-image:url(/image/block/ticketing/sky-title-en.png); } #ticketing a { background-image:url(/image/generic/main-sprite-en.png); } /* * !Poll */ #poll h2 { background-image:url(/image/generic/main-sprite-en.png); } #poll button { background-image:url(/image/generic/main-sprite-en.png); }