/* Theme Name: Virage Radio Theme URI: http://www.virageradio.com/ Description: Thème Virage Radio Version: 1.0 Author: EG Ingénierie Author URI: http://eg-ingenierie.com/ Tags: *{ border: 1px solid red !important;} */ body { background: url("images/bg.png") repeat-x #000; font-family: Arial; font-size: 12px; padding-bottom: -47px; overflow-x: hidden; } a { cursor: pointer; text-decoration: none; color: #b55780; } a:hover { color: #d76496; } #postlist a:hover, .single #post a:hover { text-decoration: underline; } a.button { display: inline-block; padding: 5px 8px 0 8px; height: 17px; font-size: 11px; background-image: url("images/bg_button.png"); color: white; border: 0; } a.button:hover { background: url("images/bg_button.png") repeat-x 0 -22px; color: white; } a.button.readmore { float: right; } input[type=submit].button { padding: 0 8px 0 8px; height: 22px; font-size: 11px; background-image: url("images/bg_button.png"); color: white; border: 0; } input[type=submit].button:hover { background: url("images/bg_button.png") repeat-x 0 -22px; color: white; cursor: pointer; } small { font-size: 11px; } input[type=text] { color: #868585; font-size: 11px; } .clear { clear: both; } .bonplan-content { min-height: 200px !important; } #beta-banner { position: absolute; top: 0; left: 0; } #wrap { margin: 0 auto; width: 1000px; min-height:100%; position:relative; } #header { height: 60px; background: url("images/bg_header.png") repeat-x; border-left: 1px solid #444444; } #header div.connect { width: 131px; height: 20px; background: url("images/bg_header_connect.png") no-repeat; padding: 2px 0 0 14px; margin: 0 0 0 20px; color: #e9e9e9; } #header div.connect a { color: #e9e9e9; font-size: 10px; } #header div.connected { float: left; height: 19px; background: #272727; padding: 2px 14px 0 14px; margin: 0 0 0 20px; color: #e9e9e9; border-bottom: 1px solid #727272; } #header div.connected a { color: #e9e9e9; font-size: 10px; } #header #last-songs { float: left; width: 482px; height: 52px; margin: -26px 0 0 485px; background: url('images/last_songs_middle.png') repeat-x bottom; } #header #last-songs #current-song { float: left; width: 220px; height: 60px; color: #FFF; margin-left: 10px; } #header #last-songs #current-song #current-song-pochette img { float: left; margin-top: 10px; border: 1px solid #5C5C5C; } #header #last-songs #current-song #current-song-details { float: left; display: block; margin: 10px 0 0 12px; line-height: 1.2em; } #header #last-songs #current-song #current-song-details span.no-song { display: block; font-size: 12px; font-weight: bold; } #header #last-songs #current-song #current-song-details span.chanteur { display: block; text-transform: capitalize; font-size: 12px; font-weight: bold; } #header #last-songs #current-song #current-song-details span.chanson { display: block; font-size: 11px; padding-top: 2px; color: #c9c9c9; } #header #last-songs #current-song-none { float: left; color: #FFF; font-size: 12px; padding: 10px; font-weight: bold; } #header #last-songs #previous-songs { float: left; width: 200px; height: 49px; margin-top: 2px; color: #C9C9C9; font-size: 10px; } #header #last-songs #previous-songs ul li { display: list-item; padding: 4px 6px 0 8px; } #header #last-songs #previous-songs ul li span { text-transform: capitalize; } #header #last-songs #launch-radio h2 { } #header #last-songs #launch-radio h2 a { display: block; float: left; width: 31px; height: 33px; background: url("images/bg_play.png") 0 0; margin: 10px 0 0 10px; text-indent: -999px !important; color: transparent !important; } #header #last-songs #launch-radio h2 a:hover { background-position: 0 -33px; } #top { height: 110px; background: url("images/bg_top.png") repeat-x; border-left: 1px solid #d76b9c; border-right: 1px solid #d66b9b; } #top #logo h1 { text-indent: -999px; color: transparent; } #top #logo h1 a { display: block; float: left; width: 147px; height: 79px; margin: 15px 0 0 30px; background-image: url("images/logo2.png"); background-repeat: no-repeat; color: transparent; background-color: transparent; } #top #logo h1 a:hover { background-position: 0 -79px; } #top #pub-top { float: left; margin: 10px 0 0 62px; padding: 0; width: 728px; height: 90px; /* background: url("images/ad_rectangle.png"); */ } #nav { height: 40px; } #nav ul li { display: block; float: left; } #nav ul li h2 { text-indent: -999px; color: transparent; } #nav ul li a { display: block; height: 40px; background: url("images/bg_nav.png"); text-indent: -999px; color: transparent; } #nav ul li.radio a { width: 128px; } #nav ul li.radio a:hover { background-position: 0 -40px; } #nav ul li.videos a { width: 128px; background-position: -128px 0; } #nav ul li.videos a:hover { background-position: -128px -40px; } #nav ul li.musique a { width: 144px; background-position: -256px 0; } #nav ul li.musique a:hover { background-position: -256px -40px; } #nav ul li.news a { width: 112px; background-position: -400px 0; } #nav ul li.news a:hover { background-position: -400px -40px; } #nav ul li.facebook a { width: 156px; background-position: -512px 0; } #nav ul li.facebook a:hover { background-position: -512px -40px; } #nav ul li.twitter a { width: 127px; background-position: -668px 0; } #nav ul li.twitter a:hover { background-position: -668px -40px; } #nav ul li.search { display: block; height: 40px; background: url("images/bg_nav.png"); width: 205px; background-position: -795px 0; } #nav ul li.search input { margin: 12px 0 0 44px; width: 110px; background: none; border: none; } #subnav { height: 29px; } #subnav .radio { margin-left: 22px; } #subnav .videos { margin-left: 140px; } #subnav .musique { margin-left: 270px; } #subnav .news { margin-left: 410px; } #subnav .item { display: none; } #subnav .item .left { float: left; width: 6px; height: 29px; background: url("images/bg_subnav_left.png") repeat-x; } #subnav .item .right { float: left; width: 7px; height: 29px; background: url("images/bg_subnav_right.png") repeat-x; } #subnav .item .content { float: left; height: 29px; background: url("images/bg_subnav_main.png") repeat-x; } #subnav .item .content ul { margin-top: 8px; } #subnav .item .content ul li { display: inline; } #subnav .item .content ul li a { font-weight: normal; color: #c9c9c9; font-size: 12px; padding: 0 12px 0 12px; } #subnav .item .content ul li a:hover { color: #F6F6F6; } #middle { float: left; height: 310px; } #middle #coverflow-preloader { float: left; position: absolute; width: 640px; height: 300px; padding: 0; background-image: url("images/ajax_loader.gif"); background-color: black; background-repeat: no-repeat; background-position: 220px 124px; z-index: 1000; } #middle #coverflow { float: left; display: block; width: 590px; height: 300px; margin: 0 0 0 40px; padding: 0; z-index: 100; } #middle #pub-coverflow { float: left; width: 300px; height: 250px; /* background: url("images/ad_square.png") no-repeat; */ margin: 10px 0 0 36px; } #main { width: 100%; margin-top: 10px; } #main .top { width: 1000px; height: 11px; background: url("images/bg_main_top.png") no-repeat; } #main .middle { height: 100%; border-left: 1px solid white; border-right: 1px solid white; background-color: #D1D1D1; } #main .container { float: left; width: 616px; height: 100%; margin: 10px 0 0 30px; } #main .container h2 { font-size: 24px; } #main .container p { color: #5e5e5e; margin: 10px 0 15px 0; line-height: 1.4em; } #main .container .post-content ul { color: #5e5e5e; margin: 10px 0 15px 0; line-height: 1.4em; list-style-type: disc; padding-left: 20px; } #main .bottom { height: 11px; background: url("images/bg_main_bottom.png") no-repeat; padding: 0 0 77px 0; } #main .container .pagination { height: 20px; width: 100%; } #main .container .pagination .pagination-left a, #main .container .pagination .pagination-right a { display: block; height: 19px; width: 112px; border: 1px solid #5b5b5b; text-align: center; font-weight: bold; color: #3a3a3a; font-size: 11px; background: url("images/bg_pagination.png") repeat-x; line-height: 1.8em; } #main .container .pagination .pagination-left { float: left; } #main .container .pagination .pagination-right { float: right; margin-right: 5px; } /*-- #playlists --*/ #home #main #playlists { } #home #main #playlists a { color: #c9c9c9; } #home #main #playlists .playlist-titles { width: 393px; height: 26px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #home #main #playlists .playlist-titles ul li { display: inline; } #home #main #playlists .playlist-titles ul li a { background: url("images/bg_playlists_head.png"); display: inline-block; float: left; height: 26px; text-indent: -999px; color: transparent; padding: 0; margin: 0; } #home #main #playlists .playlist-titles ul li#playlist-nouveautes a { width: 101px; } #home #main #playlists .playlist-titles ul li#playlist-nouveautes a:hover { width: 101px; background-position: 0 -26px; } #home #main #playlists .playlist-titles ul li#playlist-nouveautes a.active { width: 101px; background-position: 0 -52px; } #home #main #playlists .playlist-titles ul li#playlist-top-20 a { width: 69px; background-position: -101px 0; } #home #main #playlists .playlist-titles ul li#playlist-top-20 a:hover { width: 69px; background-position: -101px -26px; } #home #main #playlists .playlist-titles ul li#playlist-top-20 a.active { width: 69px; background-position: -101px -52px; } #home #main #playlists .playlist-titles ul li#playlist-electro a { width: 72px; background-position: -168px 0; } #home #main #playlists .playlist-titles ul li#playlist-electro a:hover { width: 72px; background-position: -168px -26px; } #home #main #playlists .playlist-titles ul li#playlist-electro a.active { width: 72px; background-position: -168px -52px; } #home #main #playlists .playlist-titles ul li#playlist-rock a { width: 57px; background-position: -240px 0; } #home #main #playlists .playlist-titles ul li#playlist-rock a:hover { width: 57px; background-position: -240px -26px; } #home #main #playlists .playlist-titles ul li#playlist-rock a.active { width: 57px; background-position: -240px -52px; } #home #main #playlists .playlist-titles ul li#playlist-annees-80 a { width: 94px; background-position: -301px 0; } #home #main #playlists .playlist-titles ul li#playlist-annees-80 a:hover { width: 94px; background-position: -301px -26px; } #home #main #playlists .playlist-titles ul li#playlist-annees-80 a.active { width: 94px; background-position: -301px -52px; } #home #main #playlists #hole-playlist-link { float: right; margin-top: -20px; } #home #main #playlists #hole-playlist-link a { color: #434343; font-size: 11px; } #home #main #playlists #hole-playlist-link a span#fill-me { text-decoration: underline; color: black; font-size: 11px; } #home #main #playlists .playlist-cover, #home #main #playlists #cover { float: left; width: 136px; height: 137px; min-height: 90px; background: #5e5e5e; border-left: 1px solid #363636; border-top: 1px solid #363636; border-bottom: 1px solid #363636; border-right: none; } #home #main #playlists .playlist-cover img, #home #main #playlists #cover img { padding: 8px; } #home #main #playlists .playlist-tracks, #home #main #playlists #tracks { float: left; width: 477px; min-height: 137px; background: #5e5e5e; color: #c9c9c9; border: 1px solid #363636; } #home #main #playlists .playlist-tracks ul li, #home #main #playlists #tracks ul li { height: 23px; background: url("images/bg_playlist_track.png") repeat-x #5e5e5e; color: #c9c9c9; font-size: 11px; line-height: 2em; padding: 0 0 0 12px; } #home #main #playlists .playlist-tracks ul li img.triangle, #home #main #playlists #tracks ul li img.triangle { float: left; padding-right: 4px; } #playlists .playlist .playlist-content .track .track-links { color: #C9C9C9; font-size: 11px; float: right; padding: 10px 12px 0 0; } #playlists .playlist .playlist-content .track .track-links ul li { margin: 0 0 6px 0; } #playlists .playlist .playlist-content .track .track-links a { color: #FFF !important; } #playlists .playlist .playlist-content .track .track-links a:hover { color: #FFF !important; text-decoration: underline; } /*-- .playlist --*/ #playlists.container .playlist { float: left; width: 616px; margin: 0; padding-bottom: 10px; } #playlists.container .playlist .playlist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #playlists.container .playlist .playlist-content .track { height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; } #playlists.container .playlist .playlist-content .track .track-pic { float: left; margin: 12px; } #playlists.container .playlist .playlist-content .track .track-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } #playlists.container .playlist .playlist-content .track .track-info h4 { color: white; } #playlists.container .playlist .playlist-content .track .track-info h4 a { color: white; } #playlists.container .playlist .playlist-content .track .track-info p { font-size: 11px; margin: 4px 0 0 0; padding: 0; color: #C9C9C9; } #playlists.container .playlist .playlist-content .track .track-links p { margin: 4px 0 0 0; padding: 0; color: #C9C9C9; } /*-- #programmation --*/ #programmation-form { background: #FFF; padding: 10px; border: 1px solid #c1c1c1; } #programmation { float: left; width: 616px; margin: 0; padding-bottom: 10px; } #programmation .programmation-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #programmation .programmation-content .track { height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; } #programmation .programmation-content .track span.heure { color: #FFF; } #programmation .programmation-content .track .track-pic { float: left; margin: 12px; } #programmation .programmation-content .track .track-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } #programmation .programmation-content .track .track-info h4 { color: white; } #programmation .programmation-content .track .track-info h4 a { color: white; } #programmation .programmation-content .track .track-info p { font-size: 11px; margin: 4px 0 0 0; padding: 0; color: #C9C9C9; } #programmation .programmation-content .track .track-links p { margin: 4px 0 0 0; padding: 0; color: #C9C9C9; } #programmation .programmation-content .track .track-links { color: #C9C9C9; font-size: 11px; float: right; padding: 10px 12px 0 0; } #programmation .programmation-content .track .track-links ul li { margin: 0 0 6px 0; } #programmation .programmation-content .track .track-links a { color: #FFF !important; } #programmation .programmation-content .track .track-links a:hover { color: #FFF !important; text-decoration: underline; } /*-- #tracklist --*/ #tracklist { float: left; width: 560px; margin: 10px 0 0 0; padding-bottom: 10px; } #tracklist #tracklist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #tracklist #tracklist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #tracklist #tracklist-content .tracklist-item { height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; } #tracklist #tracklist-content .tracklist-item .tracklist-pic { float: left; margin: 12px; } #tracklist #tracklist-content .tracklist-item .tracklist-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } #tracklist #tracklist-content .tracklist-item .tracklist-info h4 { color: white; } #tracklist #tracklist-content .tracklist-item .tracklist-info h4 a { color: white; } #tracklist #tracklist-content .tracklist-item .tracklist-info p { font-size: 11px; margin: 4px 0 0 0; padding: 0; color: #C9C9C9; } /*-- #newsletter --*/ #home #main #appstore { float: left; width: 300px; margin: 10px 0 10px 21px; } #home #main #newsletter { float: left; width: 300px; margin: 10px 0 0 20px; } #home #main #newsletter #newsletter-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #home #main #newsletter #newsletter-form { height: 50px; background: #5e5e5e; border: 1px solid #363636; } #home #main #newsletter #newsletter-form form input[type=text] { width: 120px; height: 24px; margin: 12px 0 0 12px; padding: 0 20px 0 12px; border: 0; background: transparent url("images/bg_input.png") no-repeat; } /* #frequences */ #frequences { float: left; margin-left: 30px; display: block; border: 1px solid #E056A0; padding: 10px; background-color: #ffe0f1; } /*-- #bonsplans --*/ #home-bonsplans { float: right; width: 300px; margin: 20px 32px 0 0; padding: 0 0 10px 0; } #home-bonsplans #bonsplans-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #home-bonsplans #bonsplans-content { background: #5e5e5e; border: 1px solid #363636; padding: 10px; min-height: 194px; } #home-bonsplans {} #home-bonsplans h4 { margin: 10px 0 0 12px !important; } #home-bonsplans h4 a { color: white; } #home-bonsplans p { font-size: 11px; padding: 0 10px 10px 10px; } #home-bonsplans p img { float: left; padding: 10px 10px 10px 0; } #home-bonsplans p a.button { padding: 2px 8px 0 8px !important; } #main #bonplan { } #main #bonplan.container .bonplan-content { width: 590px; min-height: 175px; margin: 10px 0 10px 0; padding: 0 10px 10px 10px; border-top: 1px solid white; border-bottom: 1px solid #8C8C8C; background: #FFFFFF url('images/bg_post_content.png') repeat-x top left; text-align: left; line-height: 1.4em; } #main #bonplan .bonplan-content img { float: left; width: 125px; padding-right: 10px; } /*-- #concours --*/ #home #main #concours { float: left; width: 355px; margin: 20px 0 0 30px; padding: 0 0 10px 0; } #home #main #concours #concours-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #home #main #concours #concours-head a { color: #494949; } #home #main #concours #concours-head a:hover { text-decoration: underline; } #home #main #concours #concours-content { background: #5e5e5e; border: 1px solid #363636; min-height: 288px; } #home #main #concours #concours-content h4 { margin: 10px 0 0 12px !important; color: white; } #home #main #concours #concours-content h4 a { color: white; } #home #main #concours #concours-content h4 a:hover { text-decoration: underline; } #home #main #concours #concours-content p { font-size: 11px; color: #C6C9C9; padding: 10px 10px 0 10px; line-height: 1.4em; } #home #main #concours #concours-content img { padding: 10px 10px 0 10px; } #home #main #concours #concours-content #concours-cache-image { height: 200px; overflow: hidden; } #concours-info { display: block; border: 1px solid #E056A0; padding: 10px; background-color: #ffe0f1; } #post.concours.container .post-content { min-height: 300px; } h4.concours-list-title { margin-top: 8px; } .postlist-participation { float: right; margin-top: 5px; color: #cccccc; padding: 10px 15px 10px 10px; } /*-- #postlist --*/ #postlist-title span.more { float: right; padding-right: 10px; font-weight: normal; font-size: 11px; clear: both; } #postlist-title span.more a { color: #FFF; } #home #main #postlist { float: left; width: 560px; margin: 20px 0 0 20px; padding-bottom: 10px; } #home #main #postlist #postlist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #home #main #postlist #postlist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #home #main #postlist #postlist-content .postlist-item { height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; } #home #main #postlist #postlist-content .postlist-item .postlist-pic { float: left; margin: 12px; } #home #main #postlist #postlist-content .postlist-item .postlist-info { float: left; margin: 12px 0 6px 0; color: #a6a6a6; } #home #main #postlist #postlist-content .postlist-item .postlist-info h4 { width: 500px; } #home #main #postlist #postlist-content .postlist-item .postlist-info h4 a { color: white; } #home #main #postlist #postlist-content .postlist-item .postlist-info p { font-size: 11px; margin-top: 3px; } /* .single #post */ .single #post {} .single #main #post.container .post-content { width: 590px; padding: 1px 10px 1px 10px; border-top: 1px solid white; border-bottom: 1px solid #8C8C8C; background: #FFFFFF url('images/bg_post_content.png') repeat-x top left; } .single #post p.postmeta small { display: block; margin-top: -6px; font-size: 10px; } /* .single #post #postlist */ .single #post.container #postlist { float: left; width: 610px !important; margin: 10px 0 0 0 !important; padding-bottom: 10px; } .single #post.container #postlist #postlist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } .single #post.container #postlist #postlist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } .single #post.container #postlist #postlist-content .postlist-item { float: left; width: 100%; height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; padding: 0 !important; } .single #post.container #postlist #postlist-content .postlist-item .postlist-pic { float: left; margin: 12px; } .single #post.container #postlist #postlist-content .postlist-item .postlist-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } .single #post.container #postlist #postlist-content .postlist-item .postlist-info h4 a { color: white; } .single #post.container #postlist #postlist-content .postlist-item .postlist-info p { display: block; font-size: 11px; margin-top: 4px; color:#C9C9C9; } /* .author #post */ .author #post {} .author #main #post.container .post-content { width: 590px; padding: 1px 10px 1px 10px; border-top: 1px solid white; border-bottom: 1px solid #8C8C8C; background: #FFFFFF url('images/bg_post_content.png') repeat-x top left; } .author #post p.postmeta small { display: block; margin-top: -6px; font-size: 10px; } .author #post h2 a { color: #000; } .author #post h2 a:hover { color: #242424; } .author #post p a.button { padding: 3px 6px 2px 6px; } /* .author #post #postlist */ .author #post.container #postlist { float: left; width: 610px !important; margin: 10px 0 0 0 !important; padding-bottom: 10px; } .author #post.container #postlist #postlist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } .author #post.container #postlist #postlist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } .author #post.container #postlist #postlist-content .postlist-item { float: left; width: 100%; height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; padding: 0 !important; } .author #post.container #postlist #postlist-content .postlist-item .postlist-pic { float: left; margin: 12px; } .author #post.container #postlist #postlist-content .postlist-item .postlist-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } .author #post.container #postlist #postlist-content .postlist-item .postlist-info h4 a { color: white; } .author #post.container #postlist #postlist-content .postlist-item .postlist-info p { display: block; font-size: 11px; margin-top: 4px; color:#C9C9C9; } /* Commentaires */ h3#comments { font-size: 16px; font-weight: bold; } h3#comments, .commentlist { margin-top: 20px; } .comment { margin-top: 10px; } .comment p { margin-top: 10px !important; padding: 10px; width: 410px; height: 100%; background: #f1f1f1; border: 1px solid white; } .comment-meta, .comment-meta a { font-size: 10px; color: #5a5a5a; } .depth-2 { margin-left: 70px; } .depth-3 { margin-left: 100px; } .comment-reply-login, .comment-reply-link { font-size: 10px; } .comment-author { font-size: 14px; font-weight: bold; } #respond { background: url("images/bg_reply.png") repeat-x #5a5a5a; width: 590px; height: 130px; padding: 10px; margin: 20px 0 0 0; border-bottom: 1px solid white; border-top: 1px solid #939393; /* border-left: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; */ } #respond #comment { height: 62px; width: 588px;} #respond h3 { font-size: 16px; color: #484848; } /* Rˇsultats de recherche */ .container ul.search-results li { margin-top: 10px; } .container ul.search-results li a { font-size: 14px; font-weight: bold; color: #3b3b3b; } .container ul.search-results li a:hover { color: #6a6a6a; } /* .page #post + .search #post */ .page #post {} .page #main #post.container .post-content, .search #main #post.container .post-content { width: 590px; padding: 1px 10px 1px 10px; border-top: 1px solid white; border-bottom: 1px solid #8C8C8C; background: #FFFFFF url('images/bg_post_content.png') repeat-x top left; } .page #post p.postmeta small, .search #post p.postmeta small { display: block; margin-top: -6px; font-size: 10px; } /* .page #post #postlist */ .page #post.container #postlist, .search #post.container #postlist { float: left; width: 610px !important; margin: 20px 0 0 0 !important; padding-bottom: 10px; } .page #post.container #postlist #postlist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } .page #post.container #postlist #postlist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } .page #post.container #postlist #postlist-content .postlist-item { float: left; width: 100%; height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; padding: 0 !important; } .page #post.container #postlist #postlist-content .postlist-item .postlist-pic { float: left; margin: 12px; } .page #post.container #postlist #postlist-content .postlist-item .postlist-info { float: left; margin: 12px 0 8px 0; color: #a6a6a6; } .page #post.container #postlist #postlist-content .postlist-item .postlist-info h4 a { color: white; } .page #post.container #postlist #postlist-content .postlist-item .postlist-info p { display: block; font-size: 11px; margin-top: 4px; color:#C9C9C9; } /* #video */ #video {} #main #video.container .video-content { width: 590px; padding: 0; border: none; background: transparent; } #video p.postmeta small { display: block; margin-top: -6px; font-size: 10px; } /* .page #post #postlist */ #video.container #videolist { float: left; width: 610px !important; margin: 10px 0 0 0 !important; padding-bottom: 10px; } #video.container #videolist #videolist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #video.container #videolist #videolist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #video.container #videolist #videolist-content .videolist-item { float: left; width: 100%; height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; padding: 0 !important; } #video.container #videolist #videolist-content .videolist-item .videolist-pic { float: left; margin: 12px; } #video.container #videolist #videolist-content .videolist-item .videolist-info { float: left; margin: 12px 0 8px 12px; color: #a6a6a6; } #video.container #videolist #videolist-content .videolist-item .videolist-info h4 a { color: white; } #video.container #videolist #videolist-content .videolist-item .videolist-info p { display: block; font-size: 11px; margin-top: 4px; color:#C9C9C9; } /* #clips */ #clips {} #main #clips.container .clips-content { width: 590px; padding: 0; border: none; background: transparent; } #clips.container #clipslist { float: left; width: 610px !important; margin: 20px 0 0 0; padding-bottom: 10px; } #clips.container #clipslist #clipslist-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } #clips.container #clipslist #clipslist-content { height: 100%; background: #5e5e5e; border-top: 1px solid #363636; border-left: 1px solid #363636; border-right: 1px solid #363636; border-bottom: 0; } #clips.container #clipslist #clipslist-content .clipslist-item { float: left; width: 100%; height: 56px; background: url("images/bg_postlist_item.png") repeat-x; border-top: 1px solid #797979; border-bottom: 1px solid #434343; padding: 0 !important; } #clips.container #clipslist #clipslist-content .clipslist-item .clipslist-info { float: left; margin: 12px 0 8px 16px; color: #a6a6a6; } #clips.container #clipslist #clipslist-content .clipslist-item .clipslist-info h4 a { color: white; } #clips.container #clipslist #clipslist-content .clipslist-item .clipslist-info p { display: block; font-size: 11px; margin-top: 4px; color:#C9C9C9; } /* news */ #main #post.news.container {} #main #post.news.container h2 a { color: #000; } #main #post.news.container h2 a:hover { color: #242424; /* background: #e5e5e5; */ } #sidebar { float: left; } #sidebar #sidebar-pub { width: 300px; height: 250px; margin: 10px 0 10px 20px; } #sidebar #sidebar-appstore { width: 300px; height: 103px; margin: 10px 0 10px 20px; border: none; } /*-- .module + #sidebar .module --*/ .module, #sidebar .module { float: right; width: 300px; margin: 20px 0 0 20px; padding: 0 0 10px 0; } .module .module-head, #sidebar .module .module-head { height: 26px; background: url("images/bg_module_head.png") repeat-x; font-weight: bold; color: #494949; font-size: 12px; line-height: 2.2em; padding-left: 12px; border-left: 1px solid #363636; border-right: 1px solid #363636; } .module .module-content, #sidebar .module .module-content { background: #5e5e5e; border: 1px solid #363636; height: 100%; } .module .module-content p, .module .module-content ul #sidebar .module .module-content p, #sidebar .module .module-content ul, #sidebar .module .module-content form { padding: 0 10px 10px 12px; line-height: 1.4em; color: #c9c9c9; } .module .module-content .module-first-item, #sidebar .module .module-content .module-first-item { padding-top: 10px; } .module-head ul li span.more { float: right; padding-right: 10px; font-weight: normal; font-size: 11px; clear: both; } .module-head ul li span.more a { color: #FFF; } .module-head ul li span.more a:hover { color: #FFF; text-decoration: underline !important; } #sidebar #author-posts.module .author-posts-item { border-top: 1px solid #797979; border-bottom: 1px solid #363636; padding: 10px; margin: 0 !important; background: url("images/bg_postlist_item.png") repeat-x; } #sidebar #author-posts.module .author-posts-item h4 { margin: 0; } #sidebar #author-posts.module .author-posts-item h4 a { color: white; } #sidebar #author-posts.module .author-posts-item p { font-size: 10px; margin: 4px 0 0 0; padding: 0; } #sidebar #sidebar-bonsplans {} #sidebar #sidebar-bonsplans h4 { margin: 0 !important; } #sidebar #sidebar-bonsplans h4 a { color: white; } #sidebar #sidebar-bonsplans p { font-size: 11px; } #sidebar #sidebar-bonsplans a.bonsplans-more { color: #C9C9C9; } #sidebar .sidebar-bonsplans-item { padding: 10px 10px 0 12px; } #sidebar .sidebar-bonsplans-item p { padding: 0 10px 10px 0; } #sidebar .sidebar-bonsplans-item p img { float: left; padding: 10px 10px 0 0; } #sidebar #sidebar-prog form { margin: 10px 0 0 0; } #sidebar #sidebar-prog form legend { font-size: 11px; } #sidebar #sidebar-prog form select { margin: 0 10px 10px 0; } #sidebar #sidebar-frequences { font-size: 11px; } #footer { position:absolute; bottom: 0; width: 100%; height: 47px; } #footer .top { height: 11px; background: url("images/bg_footer_top.png") no-repeat top left; } #footer .content { height: 36px; background: url("images/bg_footer_content.png"); color: white; line-height: 24px; } #footer .content a { color: white; margin-top: 20px; } #footer .content ul { margin: 0 0 0 20px; } #footer .content ul li { display: inline; padding: 0 10px 0 10px; }