/* ------------------------------------------------------------------------ Theme Name:Musiquepub Theme URI:http://musiquepub.com Description:De la pub et du gros son Version:1.0 Author:Boris et Nono Author URI:http://musiquepub.com ------------------------------------------------------------------------ */ /* ----------------------------------------- RESET ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} ol, ul, li{list-style:none} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal} q:before, q:after{content:''} strong{font-weight:bold} em{font-style:italic} a img{border:none} h1, h2, h3, h5, h5, h6{font-weight:bold} /* ----------------------------------------- LAYOUT ----------------------------------------- */ .aligncenter{display:block; margin:0 auto} .alignleft{float:left} .alignright{float:right;} .floatLeft{float:left} .floatRight{float:right} .clear{clear:both} /* ----------------------------------------- STRUCTURE ----------------------------------------- */ html, body{height:100%;} body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#222; margin:0 auto -80px; text-align:center; background: #F2F2F2;} #page-wrap{position: relative; background: white; width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto; padding: 20px 40px 40px; text-align:left} .content{width:680px; float:left} /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ p {color:#222; font-size:1.4em; line-height:1.6em; margin-top:1.4em; margin-bottom:1.4em;} p a, p a:visited, li a, li a:visited, .tags a, .tags a:visited {border-bottom:1px solid #E0E0E0; color:black; text-decoration:none} p a:hover, li a:hover, .tags a:hover{color:#3bd8ff; border-bottom:1px solid #3bd8ff; text-decoration:none} h1 {font-size:1.4em; font-weight:bold} .post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-bottom:1em; margin-top:1em;} h4, h2 {font-size:1.8em; color:#222; text-transform:uppercase; padding-bottom:4px; border-bottom:4px solid #ECECEC; margin-top:28px; margin-bottom:28px; font-weight:bold} h2 a {color:#222; text-decoration: none; cursor: default;} h2 a:hover {text-decoration: none} h2 span {color: #3bd8ff;} .post h1 {border-bottom:4px solid #ECECEC; color:#222; font-size:2.6em; font-weight:bold; margin-top:19px; padding-bottom:4px} h3 a{text-decoration:none; color:#222} .post ul li, .post ol li{font-size:1.4em; line-height:1.6em;} .post ul li {list-style-type:square; margin:8px 0 8px 15px} .post ol li {list-style-type: decimal; margin:8px 0 8px 25px} #reply, #crp_related h3{border-bottom:4px solid #ECECEC; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px} /* Captions */ .wp-caption-text { margin-top: 0px; margin-left: 0px; padding-top: 4px; padding-bottom: 4px; width: 100%; font-size: 11px; background-color: #ECECEC; text-align:center; font-style:italic; max-width:680px; color:#494A49; } /* ----------------------------------------- TOP ----------------------------------------- */ #top{margin-top:30px; padding-bottom:45px} h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none} #nav{float:right; margin-top:-8em} #nav ul{list-style-type:none; width:100%} #nav li{display:block; display:inline} #nav a:link, #nav a:visited{padding:5px; display:block; color:grey; margin-left:10px; float:left; text-decoration:none; font-size:1.3em; font-weight:bold; text-transform:uppercase; border: 0;} #nav a:hover{color:#fff; background:#000} ul#nav li.current_page_item a:link, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000} /* ----------------------------------------- FEATURED ----------------------------------------- */ #featured .date{float:right; padding-right:1px;} #tout_frais{ margin-top:12px; margin-bottom:16px;} .moretext {position:relative; margin-top:0.2em;} .front-post{width:303px; margin: 0 8px 0 9px; float:left} .front-post-last{width:303px; float:left} .featured-content{font-size: 0.85em; height: 55px; width:303px;} .featured-content p {margin:2em 0 0 0;} .artistes-content {position:relative; width:200px; padding-top: 5px;} .chansons-content {position:relative; width:200px; float:left} .icon-content{position:relative; height: 30px; width:100px; float:left;} .icon-content-like {width:25px; float:left; background: url(images/icone-play-home.gif)no-repeat center center; } .icon-content-play {width:25px; float:left; margin-left: 5px; background: url(images/icone-play-home.gif) no-repeat center center; } .icon-content-itunes { width:25px; clear:both; margin-left : 5px; background: url(images/icone-itunes-home.gif) no-repeat center center; } .sociable-content{width:70px; float:clear;} .featured-post{position:relative; width:303px; height:231px; margin:1.2em 0} .featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0} .featured-title h2 a{font-size:1.1em; display:block; color:#fff; text-decoration:none; border-bottom:0} .featured-title h2 a:hover{color:#3bd8ff} .featured-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2} .featured-image{position:absolute; z-index:1} .featured-post-title a {display:block; font-size:1.3em; text-decoration:none; font-weight:bold; color:#222; margin-bottom:5px} .featured-post-title a:hover {color: #3bd8ff;} /* ----------------------------------------- SIDEBAR ----------------------------------------- */ #sidebar{float:right; width:240px; padding-left:40px; padding-top:10px; overflow:hidden} #sidebar li a{display:block; width:240px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222} #sidebar a{color:#e6e6e6; text-decoration:none} #sidebar a:hover{color:#fff; background-color:#282828} #sidebar h2{font-size:1.4em; color:grey; text-align:right; text-transform:uppercase; border-bottom:4px solid #ECECEC; margin-top:24px; margin-bottom:0} #sidebar .best-of{height:594px; padding: 0; margin: 0;} #sidebar .best-of h2{margin-bottom:5px;} #sidebar .best-of h2 a{border:none; color:grey; display:block; font-size:1.0em; margin:0; padding:0;text-decoration:none;width:auto;} #sidebar .best-of h2 a:hover{ background:none;} #sidebar .recherche{ margin-bottom:12px;} #sidebar .categories{ padding-bottom:20px;} #sidebar .sidebar-content{height:57px; padding-top: 5px;} #sidebar-rss-icon {display: block; float:left; width: 56px; height: 57px; background: url(images/icone-rss-final.png) no-repeat left top; outline: 0; border: none;} #sidebar-twitter-icon {display: block; float:left; width: 56px; height: 57px; background: url(images/icone-twitter-final.png) no-repeat left top; outline: 0; border: none;} #sidebar-mail-icon {display: block; float:left; width: 56px; height: 57px; background: url(images/icone-mail-final.png) no-repeat left top; outline: 0; border: none;} .sidebar-link-rss{float:left;} .sidebar-link-twitter{float:left; } .sidebar-link-mail{float:left;} #sidebar a img {border:none; display:none} /*empeche l'affichage des images popular dans la sidebarpost*/ /* ----------------------------------------- ERREUR 404 ----------------------------------------- */ #h2_404{margin-bottom:5px;} #erreur_404 p{margin-bottom:0.3em;margin-top:0.8em;} #erreur_404 .main, #erreur_404 .categories{font-size:15px; margin-bottom:15px;font-weight:bold;} #erreur_404 #searchform {margin-left:20px; font-size:11px; width:258px;} #erreur_404 ul li ul {margin-left:20px; font-size:14px; margin-top:5px;font-weight:normal;} #erreur_404 .categories ul {margin-top:3px;font-weight:normal;} #erreur_404 .categories ul li {display:inline-block; margin-right:8px; margin-bottom:3px;font-weight:normal;} #erreur_404 .latest-post-wrap{float:left; width:162px; margin-right:8px; margin-top:5px; margin-bottom:0px;} #erreur_404 .latest-post{position:relative; width:162px; height:118px;} #erreur_404 .latest-content{font-size: 10px; height:10px;} #erreur_404 .latest-image{position:absolute; z-index:1; background:none; border:none;} #erreur_404 .latest-image a{margin-left:0px; margin-top:0px; padding-bottom:0px; padding-top:0px; padding-left:0px;border:none;} #erreur_404 .latest-image a:hover{background:none; border:none;} #erreur_404 .latest-title h2{margin:8px 10px 7px; line-height:1.5em; font-size:0.9em; text-transform:none; padding-bottom:0; border-bottom:0} #erreur_404 .latest-title h2 a{display:block; color:#fff; text-decoration:none; border:none; width:140px; text-align:left; padding-left:1px; padding-top:1px; padding-bottom:1px; padding-right:1px; font-size:1.2em;} #erreur_404 .latest-title h2 a:hover{color:#3bd8ff; background:none;} #erreur_404 .latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; margin-left:0px; position:absolute; z-index:2; font-size:10px;} /* ----------------------------------------- Partager & fb like ----------------------------------------- */ .sharelinks {margin-top: 40px;} .fblike {float:left; width: 60px;} .partager {float: right; width: 275px; padding-top:4px; margin-right:-32px;} .partager strong {font-size:12px; line-height:18px; font-weight:700; padding-right: 2px;} .partager strong, .partager ul, .partager ul li {float: left;} .partager ul {} .partager ul li {list-style: none; padding: 0 0 0 10px; margin: 0;} .partager a, .partager a:hover {outline:0; border-bottom: 0px solid white !important;} .partager .email a {display: block; width: 16px; height 18px; background: url(images/email.gif) no-repeat 0 2px; text-indent: -5000px; padding-right: 2px;} .partager .fbshare a {display: block; width: 75px; height 18px; background: url(images/fb-share.gif) no-repeat 0 0; text-indent: -5000px;} /* ----------------------------------------- LATEST ----------------------------------------- */ #front-bottom{} #latest-wrap{float:left; width:680px} #latest-wrap h2{margin-bottom:16px;} #latest-wrap .h2in{margin-bottom:5px;} .latest-post-wrap{float:left; width:162px; margin-right:8px; margin-bottom:16px;} .latest-post{position:relative; width:162px; height:118px} .latest-image{position:absolute; z-index:1} .latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0} .latest-title h2 a{display:block; color:#fff; text-decoration:none} .latest-title h2 a:hover{color:#3bd8ff} .latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2} .latest-content{position:relative; width:162px; height:200px; margin-bottom:20px} .latest-content h2{margin-top:15px} .latest-content h2 a{color:#0b96d0; text-decoration:none} .latest-content h2 a:hover{color:#000} .latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left} #sidebar .latest-post-wrap{float:left; width:240px; margin-right:8px; margin-top:6px; margin-bottom:5px;} #sidebar .latest-post{position:relative; width:240px; height:180px;} #sidebar .latest-image{position:absolute; z-index:1; background:none; border:none;} #sidebar .latest-image a{margin-left:0px; margin-top:0px; padding-bottom:0px; padding-top:0px; padding-left:0px;border:none;} #sidebar .latest-image a:hover{background:none; border:none;} #sidebar .latest-title h2{margin:8px 10px 7px; line-height:1.5em; font-size:0.9em; text-transform:none; padding-bottom:0; border-bottom:0} #sidebar .latest-title h2 a{display:block; color:#fff; text-decoration:none; border:none; width:220px; text-align:left; padding-left:1px; padding-top:1px; padding-bottom:1px; padding-right:1px; font-size:1.2em;} #sidebar .latest-title h2 a:hover{color:#3bd8ff; background:none;} #sidebar .latest-title{background:#000; display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; margin-left:0px; position:absolute; z-index:2} /* ----------------------------------------- FOOTER ----------------------------------------- */ #push{height:80px} #footer{background: white; padding:20px 40px; width:960px; margin:0 auto; height:40px; color:#8A8A8A} #footer p{font-size:1.2em; color:#8A8A8A; line-height:1.5em; margin-bottom:0; margin-top:0.6em} #footer p a{color:#8A8A8A; border: none !important;} #footer p a:hover{text-decoration:underline;} /* ----------------------------------------- POSTMETA ----------------------------------------- */ .postMeta{font-size:1.2em; margin-bottom:16px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9} .postMeta-featured{margin-top:8px; font-size:1.2em; width:303px} .postMeta-front{margin-top:8px; font-size:1.2em} .postMeta-post{font-size:1.2em; margin-bottom:18px; margin-top:8px; } .postMeta-post-cat {font-family: Courier, Verdana; font-size: 1em; text-transform:uppercase; border-top:1px solid #c9c9c9; padding-top:10px !important; color:#ABABAB !important;} .postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date{color:#8a8a8a; float:left; font-size:0.9em;} .postMeta span.comments a, .postMeta span.date a, .postMeta-post span.comments a, .postMeta-post span.date a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none} .postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px} .postMeta-post a, .postMeta-post a:visited {color:#ABABAB !important; border: none;} .postMeta-post a:hover {color:#3bd8ff !important; border-bottom:1px solid #3bd8ff;} /* ----------------------------------------- POSTS ----------------------------------------- */ .post-category{color:#ABABAB; clear:left; float:left; margin-bottom:8px} .post-tags{color:#ABABAB; float:left} .post-category p, .post-tags p{color:#ABABAB; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none} .post-category p a, .post-tags p a{color:#ABABAB;} .post-category p a:hover, .post-tags p a:hover{color:#3bd8ff;} .post img{margin:0;} .post blockquote p{margin-left:2.6em; font-style:italic} /* ----------------------------------------- COMMENTS ----------------------------------------- */ .comment-heading{margin-bottom:2px; text-transform:none; border:none} .commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px} .commentpost{float:right; width:510px} .commentpost p{margin-top:0} .commentmetadata{float:left; text-align:right; width:165px; color:#2F2B23; line-height:1.5em; padding-right:5px; color:#999; font-size:1.1em} .commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0} .commentmetadata li a, .commentmetadata li a:visited{border-bottom:1px solid #c9c9c9; color:#000000; text-decoration:none} .commentmetadata li a:hover, .commentmetadata li a:active{border-bottom:1px solid #3bd8ff; color:#3bd8ff; text-decoration:none} .warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px} .author_link_a{font-size:1.4em; font-weight:bold;} #comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px} #comments label span{line-height:27px} #comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em} #comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left} #comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px} #comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5} #respond label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:210px; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #respond label span{line-height:17px} #respond label small, #commentform p small{font-family:"Lucida Sans Unicode"; font-size:0.7em} #respond label, #commentform p {font-family:"Lucida Sans Unicode"; font-size:1.3em;} #respond p label{font-family:"Lucida Sans Unicode"; font-size:0.9em; margin-left:4px;} #respond p{margin-top:0.6em; margin-bottom:0.3em;} #respond_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left} #respond-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px} #respond textarea{margin-top:2px; padding:5px 4px; width:98%; border:1px solid #E5E5E5; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px;} .button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px;} .children {} .children div {border:none} .children .commentwrap {border-top: 1px solid #C9C9C9;} .children .commentmetadata {padding-right:0px} .children .commentpost {text-align:left; float:right; width:78%} /* ----------------------------------------- SEARCH ----------------------------------------- */ #searchform{float:right; margin-top:1em; height:2.3em; width:340px} #searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.2em; padding:2px 4px; text-transform:uppercase; float:right; background-color:#F0F0F0} #s{float:left; width:25em; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.0em; margin-left: 0px;} #c{float:right; margin-left: 0px} #search_content .postMeta-front{ margin-top:240px;} #search_content .latest-content{height:200px; width:303px;} #search_content .featured-post{height:380px;} #search_content .featured-title{bottom:149px;} /* ----------------------------------------- Boris ad ----------------------------------------- */ a.logo, h2.logo {display: block; text-indent:-5000px; width: 313px; height: 37px; background: url(images/logo-musiquepub.gif) no-repeat left top; outline: 0; border: none;} .pagerbox {text-align: center; margin-top:45px;} .pagerbox a {padding:6px 8px !important;} /* ----------------------------------------- SEO super comments ----------------------------------------- */ #seosupercomments {} #seosupercomments blockquote {font-size: 10px !important; font-style:italic !important; padding-right:30px;} #seosupercomments h1, #seosupercomments h4 {font-size:14px !important; text-transform: none !important;} /* ----------------------------------------- sociable ----------------------------------------- */ .sociable strong {font-size:11px; font-weight:700;} .sociable_tagline, .sociable ul, .sociable ul li {float: left;} .sociable ul li {list-style: none; padding: 0 5px; margin: 0;} .sociable a:hover {border-bottom: none;} /* ----------------------------------------- ads ----------------------------------------- */ #ad-haut {color:#A2A2A2; height:337px !important; line-height: 1.8em; margin: 0 0 -8px 0; width:400px;} /* ----------------------------------------- taxonomy list shortcode style des listes ----------------------------------------- */ .mf_taxonomy_list ul li{list-style-type: none !important;}