/*---------------------------------------------------------- PSG TV videos Project: PSG.fr Author: e-TF1 Web Agency Summary : /*---------------------------------------------------------- /* ================================ * !Sidebar (import) * ================================*/ @import "sidebar.css"; /* ================================ * !Layout (wtf ?) * ================================*/ .ginv { display:none; } .mask { width:985px; } #content { background:#FFF url(/image/block/videos-gallery/bg-videos-gallery.png) no-repeat; width:98em; } #content.twoparts .part1 { margin-left:-1em; min-height:446px; width:67em; } /* ================================ * !Breadcrumb * ================================*/ #breadcrumb { background-image:url(/image/breadcrumb/psgtv-all-videos.png); } /* ================================ * !Gallery video * ================================*/ #gallery-video h2 { background:#FFF; color:#1E365B; font-size:2.2em; font-weight:bold; padding:5px; } #gallery-video #nb-resultat { background:#FFF; border:1px solid #E3001B; color:#1E365B; font-size:1.2em; margin:0 0 0 8px; padding:2px 5px; } /* !Onglets */ #gallery-video ul#menu-tabs { margin:12px 3px 0; overflow:hidden; } #gallery-video ul#menu-tabs li { background-image:url(/image/block/videos-gallery/background-videos-tabs.png); background-repeat:no-repeat; display:block; float:left; height:26px; margin:0 1px 0; text-indent:-9999px; } #gallery-video ul#menu-tabs li a { display:block; height:26px; } li#cat_0 { background-position:0 0; width:134px; } li#cat_1 { background-position:-134px 0; width:74px; } li#cat_2 { background-position:-289px 0; width:97px; } li#cat_3 { background-position:-386px 0; width:93px; } li#cat_4 { background-position:-479px 0; width:95px; } li#cat_5 { background-position:-574px 0; width:76px; } li#cat_6 { background-position:-208px 0; width:81px; } li#cat_0.active { background-position:0 -26px; } li#cat_1.active { background-position:-134px -26px; } li#cat_2.active { background-position:-289px -26px; } li#cat_3.active { background-position:-386px -26px; } li#cat_4.active { background-position:-479px -26px; } li#cat_5.active { background-position:-574px -26px; } li#cat_6.active { background-position:-208px -26px; } /* !Vignettes des vidéos */ #gallery-video ul#list-videos { background:#FFF; padding:18px 0 18px 18px; min-height:446px; overflow:hidden; } #gallery-video ul#list-videos li { display:block; float:left; height:170px; margin:0 20px 20px 0; position:relative; width:143px; } #gallery-video ul#list-videos li div.video { border:1px solid #8F070C; } #gallery-video ul#list-videos li div.video img { display:block; height:105px; width:141px; } #gallery-video ul#list-videos li div.video .free { background:url(/image/block/videos-gallery/free.png) no-repeat; height:12px; left:6px; position:absolute; top:6px; text-indent:-9999em; width:53px; } #gallery-video ul#list-videos li div.rub-date { color:#DD0019; font-size:1.1em; margin-top:5px; } #gallery-video ul#list-videos li h5 { color:#1F355C; font-size:1.2em; font-weight:bold; } #gallery-video ul#list-videos li h6 a { color:#1F355C; font-size:1.2em; } #gallery-video ul#list-videos li div.period { color:#DD0019; font-size:1.1em; } /* !Pagination */ #gallery-video ul.nav-page { display:block; float:right; margin:0 23px; overflow:hidden; } #gallery-video ul.nav-page li { display:block; float:left; margin:0 0 0 5px; } #gallery-video ul.nav-page li a, #gallery-video ul.nav-page li div { border:1px solid #F5B2BA; color:#E11F35; display:block; font-weight:bold; height:19px; letter-spacing:-1px; line-height:19px; margin:0; padding:0; text-align:center; width:21px; } #gallery-video ul.nav-page li a { background:#FCE5E8; } #gallery-video ul.nav-page li div { background:#F5B2BA; } #gallery-video ul.nav-page li a.previous { background:#FCE5E8 url(/image/block/videos-gallery/page-prev.png) no-repeat 50% 50%; } #gallery-video ul.nav-page li a.next { background:#FCE5E8 url(/image/block/videos-gallery/page-next.png) no-repeat 50% 50%; } /* * ! Moteur de recherche des vidéos */ #search-block { background:url(/image/block/search/bg_search.png) no-repeat; height:200px; margin-bottom:10px; padding:13px 7px; } #search-block h3.search { background:url(/image/block/search/rechercher.png); display:block; height:21px; margin:0 0 10px; text-indent:-9999px; width:110px; } #search-block fieldset { display:block; margin:0 0 5px; overflow:hidden; } #search-block fieldset#season { margin:0 0 15px; } #search-block label { color:#FFFFFF; float:left; font-size:1.1em; width:100px; } #search-block select { width:170px; } #search-block button { background:url(/image/generic/button-search-2.png) no-repeat; display:block; height:22px; margin:20px auto 0; width:103px; } /* * ! Remontées des vidéos (sidebar) */ .part2 #psg-tv { background:url(/image/generic/bg-famous-videos.png) no-repeat; height:272px; margin-bottom:31px; overflow:hidden; padding:16px 0 0; position:relative; } .part2 #psg-tv h2 { background:url(/image/generic/les-plus-populaires.png); height:16px; margin:0 10px 10px; text-indent:-9999px; width:175px; } #psg-tv .inner li { min-height:46px; padding:22px 10px 0 89px; } #psg-tv h3 { color:#FFF; font-weight:bold; } #psg-tv img { left:10px; top:8px; } #psg-tv .entry-category { left:-9999em; right:auto; } #psg-tv .entry-date { left:89px; top:7px; } #psg-tv .entry-infos { color:#FFF; font-size:1.1em; left:91px; position:absolute; top:8px; } #psg-tv .see-all { left:-9999em; } #psg-tv .nav-page { bottom:4px; position:absolute; right:-27px; width:200px; } #psg-tv .nav-page div { background:none; border:0; cursor:pointer; margin:0 10px; padding:4px 0; } .IE #psg-tv .nav-page div { padding:0; margin:0 2px; } #psg-tv .nav-page a.previous, #psg-tv .nav-page a.previous:visited { background-image:url(/image/generic/previous-2.gif); height:15px; padding:2px 10px; } #psg-tv .nav-page a.next, #psg-tv .nav-page a.next:visited { background-image:url(/image/generic/next-2.gif); height:15px; padding:2px 10px; } #psg-tv .nav-page a, #psg-tv .nav-page a:visited { background-color:#B6000F; border:1px solid #800; color:#FFF; padding:2px 7px; } #psg-tv .nav-page a.active { background-color:#8A0000; } .IE #psg-tv .nav-page a { margin:0; } .IE8 #psg-tv .nav-page a { background-position:50% 8px; }