/*---------------------------------------------------------- Sidebar Project: PSG.fr Author: e-TF1 Web Agency Summary : Sidebar Tags PSG TV (inherit from .psg-tv in main.css ) Ticketing (inherit from #ticketing in main.css ) Ranking Shortlinks Calendar Gallery (inherit from .gallery in main.css) Gallery static IE Patches (PNG fix, hasLayout triggers, etc.) PSG Videos ----------------------------------------------------------*/ /* ================================ * !Sidebar * ================================*/ /* * !Tags */ #tags { background:#E5F0FB url(/image/block/tags/back.gif?jcb=1322046988) repeat-y; margin-bottom:1em; } #tags h2 { background:url(/image/block/tags/title.png?jcb=1322046988) no-repeat left top; text-indent:-9999em; height:49px; } #tags p { position:absolute; left:-9999em; } #tags ul { background:url(/image/block/tags/bottom.png?jcb=1322046988) no-repeat left bottom; padding:.5em 2em 1.5em; } #tags li { display:inline; font-size:1.2em; line-height:2em; padding:0 .8em 0 0; } #tags a { font-weight:normal; } #tags em a { font-size:1.2em; font-style:normal; font-weight:bold; } #tags strong a { font-size:1.6em; font-weight:bold; } /* * !PSG TV (inherit from .psg-tv in main.css ) */ .grid-3 .psg-tv { background-image:url(/image/block/psg-tv/sidebar-back.png?jcb=1322046987); } .grid-3 .psg-tv h2 { background-image:url(/image/block/psg-tv/sidebar-title.png?jcb=1322046987); } /* * !Ticketing (inherit from #ticketing in main.css ) */ #ticketing h2 { background-image:url(/image/block/ticketing/sidebar-title.png?jcb=1322046988); } #ticketing-inner { margin:0 .8em; width:28.2em; } #ticketing .events { width:43.2em; } #ticketing .vevent { margin:0 .2em .4em 0; } #ticketing .links { background-image:url(/image/block/ticketing/sidebar-bottom.png?jcb=1322046988); padding:.5em 8.8em 0; width:12.4em; } #ticketing .links .calendar { display:none; } #ticketing .nav li { left:.8em; } #ticketing .nav .next { right:.7em; } /* * !Ranking */ .grid-3 #ranking { background:#E3EFFB url(/image/generic/sidebar-container-back.png?jcb=1322046990) repeat-y; margin:0 0 1em; } .grid-3 #ranking-body { height:300px; margin:0 1em .5em; overflow:auto; } .grid-3 #ranking h4 { background:#FFF url(/image/block/ranking/sidebar-title.png?jcb=1322046989) no-repeat 0 100%; height:30px; text-indent:-9999em; } .grid-3 #ranking .live h4 { background-image:url(/image/block/ranking/sidebar-title-live.png?jcb=1322046989); } .grid-3 #ranking table { margin:0 auto; width:26em; } .grid-3 #ranking thead th { color:#8E9AAD; font-size:1.1em; font-weight:bold; padding:4px; text-align:center; } .grid-3 #ranking .pos { width:15%; } .grid-3 #ranking .team { width:55%; text-align:left; } .grid-3 #ranking .pts { width:15%; } .grid-3 #ranking .diff { width:15%; } .grid-3 #ranking tbody td { background:#FFF; border-bottom:2px solid #F1F7FD; color:#0048AE; font-size:1.1em; padding:0.273em 0; text-align:center; } .grid-3 #ranking .club td { background:#A60006 url(/image/block/top-stories/ranking-back.png?jcb=1322046989) repeat-x left top; color:#FFF; font-weight:bold; } .grid-3 #ranking .club .team span { background:url(/image/generic/icon-psg.png?jcb=1322046990) no-repeat left center; display:block; text-indent:-9999em; } .grid-3 #ranking tfoot a, #ranking tfoot a:visited { background:url(/image/block/ranking/see-all.png?jcb=1322046989) no-repeat; display:block; height:16px; margin:.2em 0 0 auto; overflow:hidden; text-indent:-9999em; width:134px; } .grid-3 #ranking tfoot a:hover, #ranking tfoot a:active { background-position:left bottom; } .grid-3 #ranking-footer { background:#FFF url(/image/generic/sidebar-container-bottom.png?jcb=1322046990) no-repeat 0 100%; font-size:0; height:3px; } /* * !Shortlinks */ #shortlinks { margin:0 0 1em; } #shortlinks h4 { left:-9999em; position:absolute; } #shortlinks li { padding:3px 0; } #shortlinks a { background:url(/image/generic/arrow-red.gif?jcb=1322046990) no-repeat 0 50%; font-size:1.1em; padding-left:9px; } /* * !Calendar */ #calendar-list { background:#E3EFFB url(/image/generic/sidebar-container-back.png?jcb=1322046990) repeat-y; margin:0 0 1em; } #calendar-list h4 { background:#FFF url(/image/block/results/sidebar-title.png?jcb=1322046988) no-repeat 0 100%; height:30px; text-indent:-9999em; } .grid-3 #calendar-list.live h4 { background-image:url(/image/block/results/sidebar-title-live.png?jcb=1322046988); } #calendar-list table { border-collapse:separate; margin:0 1.1em; width:27.8em; } #calendar-list col.date { width:14%; } #calendar-list col.summary { width:79.2%; } #calendar-list col.score { width:6.8%; } #calendar-list th { color:#8E9AAD; font-size:1.1em; font-weight:bold; padding:.4em; text-align:center; } #calendar-list td { background:#E3EFFB no-repeat left center; border-bottom:5px solid #F1F7FD; border-top:1px solid #C1D4EC; color:#1E365B; font-size:1.1em; padding:.4em; vertical-align:middle; } #calendar-list td.date { text-align:center; } #calendar-list td.summary, #calendar-list td.score { font-weight:bold; } #calendar-list-footer { background:#FFF url(/image/generic/sidebar-container-bottom.png?jcb=1322046990) no-repeat 0 100%; font-size:0; height:3px; } /* * !Gallery (inherit from .gallery in main.css) */ .grid-3 .gallery { background:url(/image/block/gallery/sidebar-back.png?jcb=1322046988) repeat 0 3em; height:253px; width:297px; } .grid-3 .gallery h4 { background:#FFF url(/image/block/gallery/sidebar-title.png?jcb=1322046988) no-repeat 0 100%; } .grid-3 .gallery li { height:73px; width:73px; } .grid-3 .gallery .see-all { display:none; } .grid-3 .gallery .photo-1, .grid-3 .gallery .photo-2, .grid-3 .gallery .photo-3, .grid-3 .gallery .photo-4 { top:30px; } .grid-3 .gallery .photo-5, .grid-3 .gallery .photo-6, .grid-3 .gallery .photo-7, .grid-3 .gallery .photo-8 { top:104px; } .grid-3 .gallery .photo-9, .grid-3 .gallery .photo-10, .grid-3 .gallery .photo-11, .grid-3 .gallery .photo-12 { top:178px; } .grid-3 .gallery .photo-1, .grid-3 .gallery .photo-5, .grid-3 .gallery .photo-9 { left:0 } .grid-3 .gallery .photo-2, .grid-3 .gallery .photo-6, .grid-3 .gallery .photo-10 { left:74px; } .grid-3 .gallery .photo-3, .grid-3 .gallery .photo-7, .grid-3 .gallery .photo-11 { left:148px; } .grid-3 .gallery .photo-4, .grid-3 .gallery .photo-8, .grid-3 .gallery .photo-12 { left:222px; } /* * !Gallery static */ #gallery-static { background:url(/image/block/gallery/sidebar-back.png?jcb=1322046988) repeat 0 26px; margin-bottom:10px; width:297px; } #gallery-static h4 { background:#FFF url(/image/block/gallery/sidebar-title-live.png?jcb=1322046988) no-repeat 0 5px; height:27px; text-indent:-9999em; } #gallery-static ul { overflow:hidden; } #gallery-static li { float:left; height:73px; margin:0 0 1px 1px; overflow:hidden; width:73px; } #gallery-static-lightbox { display:none; } #gallery-static-lightbox.overlay { background:#FFF; display:block; padding:10px; position:absolute; } #gallery-static-lightbox.overlay a { background:url(/image/generic/overlay-close.gif?jcb=1322046990) no-repeat; height:25px; overflow:hidden; position:absolute; right:10px; text-indent:-9999em; top:10px; width:25px; } /* ================================ * !IE Patches (PNG fix, hasLayout triggers, etc.) * IE<6 is not supported * ================================*/ /* !Tags */ .ie6 #tags { zoom:1; } /* * !PSG Videos */ .ie6 #psg-videos, .ie6 #psg-videos-outer, .ie6 #psg-videos-inner, .ie6 #psg-videos-inner-inner { zoom:1; } .ie6 #psg-videos-inner-inner { background:url(/image/block/psg-videos/decoration-ie.gif?jcb=1322046987); } .ie #psg-videos li { margin:-4px 0 0; } /* Remove the fucking space between LIs */ /*---------------------------------------------------------- RSS informations Project: PSG.fr Author: Yannick Croissant (e-TF1) ----------------------------------------------------------*/ /* ================================ * !Sidebar (import) * ================================*/