/*Theme Name: DavidMusikTheme URI: http://www.davidmusik.comVersion: 1.0Description: 2 Column themeAuthor: David DupréAuthor URI: http://www.davidmusil.com*/ /*************************************************************************************************************************************************** Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html****************************************************************************************************************************************************/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}:focus {/* remember to define focus styles! */ outline: 0;}body { background: #fff; line-height: 1;}ol, ul { list-style: none;}table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0;}caption, th, td { font-weight: normal; text-align: left;}blockquote:before, blockquote:after,q:before, q:after { content: "";}blockquote, q { quotes: "" "";}a img { border: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}/*************************************************************************************************************************************************** Elements globaux****************************************************************************************************************************************************/body { background-color: #2C2C2C; background-repeat: repeat-x; color: #ffffff; font: 76% "Trebuchet MS","Lucida Grande",Verdana,Georgia,Sans-Serif; margin: 0; padding: 0;}pre, blockquote { background-color: #4F4F4F; border: 1px solid #404040; line-height: 1.8em; margin: 20px 30px; overflow: auto; padding: 0 10px;}pre:hover, blockquote:hover { background-color: #4F4F4F; border: 1px solid #404040;}pre { padding-bottom: 10px; padding-top: 10px;}code { color: #779900; font-family: Consolas,Verdana,"Courier New",Sans-Serif;}abbr, acronym { border-bottom: 1px dotted #333333; cursor: help; font-style: normal;}del { color: #999999; text-decoration: line-through;}ins { color: #009977; text-decoration: none;}/*************************************************************************************************************************************************** Titres****************************************************************************************************************************************************/ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%;}h2 { font-size: 28px;}h3 { font-size: 24px;}h4, h5, h6 { font-size: 20px;} /*************************************************************************************************************************************************** Liens****************************************************************************************************************************************************/ a:link { color: #E77927; text-decoration: none;} a:visited { color: #E77927; text-decoration: none;} a:hover, a:active { color: #DCC08E;}/*************************************************************************************************************************************************** Layout****************************************************************************************************************************************************/#global-wrapper { margin-left: auto; margin-right: auto; width: 970px; overflow: hidden;}#wrapper { clear: both; color: #B6B6B6; float: left; width: 100%;}#header { position: relative; padding-bottom: 20px;}#content-wrapper { float: left; margin-right: 20px; width: 670px;}#content { float: left;}#navigation { overflow: hidden;}#sidebar-wrapper { float: right; width: 280px;}#sidebar { float: right; margin-right: 0; width: 100%;}/*************************************************************************************************************************************************** Menu****************************************************************************************************************************************************/#navigation ul { list-style-type: none; margin: 0; overflow: hidden; padding: 35px 0 0;}#navigation li { float: left;}#navigation li a:link, #navigation li a:visited { color: #FFFFFF; font-size: 18px; margin-right: 4px; margin-top: 4px; padding: 5px 10px 5px 0; text-transform: uppercase;}#navigation li a:hover, #navigation li a:active { color: #DCC08E; font-size: 18px; margin-top: 4px;}#navigation li.current-menu-item a:link, #navigation li.current-menu-item a:visited ,#navigation li.current-menu-item a:hover, #navigation li.current-menu-item a:active { color: #DCC08E; font-size: 18px; margin-top: 4px;}/*************************************************************************************************************************************************** Raccourcis haut****************************************************************************************************************************************************/#raccourcis { clear: both; float: right; position: absolute; right: 0; top: 5px; font-size: 13px;}#raccourcis UL { float: right; list-style-type: none;}#raccourcis LI { float: left; padding-left: 5px; line-height: 13px;}#raccourcis LI A:link, #raccourcis LI A:visited { color: #B7B7B7; background-position: 0 -18px; background-repeat: no-repeat; display: inline-block; height: 16px; margin-right: 5px; padding-left: 20px; text-decoration: none; vertical-align: middle; width: auto; }#raccourcis LI A:hover { text-decoration:none; color: #8B8C90;}#raccourcis .rcc_twitter a { background-image: url("images/twitter_rcc.png");}#raccourcis .rcc_twitter a:hover { background-position: 0 0;}#raccourcis .rcc_email a { background-image: url("images/email.png");}#raccourcis .rcc_email a:hover { background-position: 0 0;}#raccourcis .rcc_mon_home_studio a { background-image: url("images/home-studio.png");}#raccourcis .rcc_mon_home_studio a:hover { background-position: 0 0;}#raccourcis .rcc_rss a { background-image: url("images/rss.png");}#raccourcis .rcc_rss a:hover { background-position: 0 0;}#raccourcis .rcc_davidmusik a { background-image: url("images/davidmusik.png");}#raccourcis .rcc_davidmusik a:hover { background-position: 0 0;}/*************************************************************************************************************************************************** Bandeau****************************************************************************************************************************************************/#header h1.titre-page, #header p.titre-page { float: left; padding-left: 0; padding-top: 15px; font-size: 32px;}#header h1.titre-page a, #header p.titre-page a { color: #ffffff;}.slogan { clear: both; color: #BABABA; font-size: 13px;}/*************************************************************************************************************************************************** Posts - liste de posts****************************************************************************************************************************************************/.post-wrapper { background-color: #494949; border-radius: 4px 4px 4px 4px; margin-bottom: 13px; padding: 15px 15px 13px; overflow: hidden;}.post-date { background-color: #444444; border: 1px solid #545454; float: left; height: 57px; margin-right: 15px; width: 57px;}.post-date .month { color: #DFDFDF; display: block; font-size: 10px; font-weight: bold; margin-bottom: 3px; margin-top: 5px; padding: 2px 0; text-align: center; text-transform: uppercase;}.post-date .day { color: #BABABA; display: block; font: 2.3em Georgia; margin-top: -8px; padding-top: 0; text-align: center;}.post-title{ font-size: 25px; font-weight: normal; text-decoration: none; width: 100%;}.post-content { clear: both; padding-bottom: 15px; padding-top: 10px;}.post-content p { padding-bottom: 10px;}/*************************************************************************************************************************************************** Contenu****************************************************************************************************************************************************/#content .post p.img { float: left; margin: 0 15px 0 0;}#content .post p.img img { background-color: #EEEEEE; border: 1px solid #D0D0D0; padding: 8px;}#content .post-footer { background-color: #444444; border: 1px solid #545454; clear: both; color: #888888; font-size: 90%; padding: 5px 5px 5px 15px;}#content h3 { color: #ffffff;}/*************************************************************************************************************************************************** Sidebar****************************************************************************************************************************************************/#sidebar ul { padding-left: 15px;} #sidebar .aktt_tweets ul { padding-left: 0px;}.sideblock { background-color: #4F4F4F; border: 1px solid #404040; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 5px 10px;}.sideblock h3 { color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 5px; text-transform: uppercase; padding-bottom: 10px;}#sidebar a:link { color: #8b8c90; text-decoration: none;}#sidebar a:hover,#sidebar a:active { color: #bcbec3; !important;}#sidebar dt { color: #666666; font-weight: bold; margin: 0; padding-top: 5px;}#sidebar dd { line-height: 1.8em; margin: 0 0 5px; padding-bottom: 5px;}#sidebar dd a:link { border-bottom: medium none; font-weight: normal; text-decoration: none;}#sidebar dd a:visited { border-bottom: medium none; font-weight: normal; text-decoration: none;}#sidebar dd a:hover, #sidebar dd a:active { border-bottom: medium none; text-decoration: none;} /*************************************************************************************************************************************************** Footer****************************************************************************************************************************************************/#footer { clear: both; color: #FFFFFF; float: left; font-size: 11px; margin-top: 20px; margin-bottom: 20px; text-align: center; width: 100%;} /*************************************************************************************************************************************************** Widgets spécifiques****************************************************************************************************************************************************/.aktt_tweets li { background-image: url("images/twitter_icon_s.png"); background-repeat: no-repeat; list-style: none outside none; padding-left: 25px; background-position: 0px 1px;}#recentcomments li { margin-bottom: 8px; list-style: disc;}/*************************************************************************************************************************************************** Commentaires****************************************************************************************************************************************************/.commentlist li { border-bottom: 1px solid #494949; margin-bottom: 1.5em; padding-bottom: 1em;}.commentlist { margin-bottom:10px;}#commentform { margin: 1em auto; width: 549px;}#commentform input, #commentform textarea { color: #B6B6B6; margin-bottom: 6px; margin-right: 6px; padding-left: 3px; background-color: #4F4F4F; border: 1px solid #545454; border-radius: 3px 3px 3px 3px; }#commentform input{ height: 21px;}#commentform textarea { width: 100%;}#commentform input:focus, #commentform textarea:focus{ border: 1px solid #DCC08E;}#commentform input[type=submit] { background-color: #E77927; border: 1px solid #DCC08E; border-radius: 5px 5px 5px 5px; color: #FFFFFF; cursor: pointer; font-weight: bold; height: 26px; margin-top: 10px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}/*************************************************************************************************************************************************** Wordpress éléments****************************************************************************************************************************************************/.pagination .precedent { background: none repeat scroll 0 0 #A4A4A4; border: 1px solid #2F2218; border-radius: 5px 5px 5px 5px; float: left; padding: 3px 6px; text-decoration: none;}.pagination .suivant { background: none repeat scroll 0 0 #A4A4A4; border: 1px solid #2F2218; border-radius: 5px 5px 5px 5px; float: right; padding: 3px 6px; text-decoration: none;}.pagination a:link, .pagination a:visited, .pagination a:active { color: #2F2218; font-size: 12px; font-weight: normal; text-decoration: none;}.wp-pagenavi { clear: both; margin-top: 17px; text-align: center;}.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: medium none; font-size: 20px; padding: 3px 5px; margin: 2px; color: #ffffff;}.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #DCC08E;}.wp-pagenavi span.current { font-weight: bold;} /*************************************************************************************************************************************************** Wordpress éléments****************************************************************************************************************************************************/#extras { background-color: #F5F5F5; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; color: #444444; float: left; margin: 10px 12px 20px; padding: 0 10px 10px; text-align: left; width: 780px;} #extras h6 { color: #B6B6B6; font-size: 14px; text-transform: uppercase;} #friends { float: left; margin-left: 20px; margin-right: 10px; width: 150px;}#friends ul { padding-left: 20px;} #links { float: left; margin-right: 50px; width: 275px;} #about { float: left; margin-right: 20px; width: 250px;} #links dl, #links dt, #links dd { margin: 0; padding: 0;} #links dt { font-weight: bold; padding-top: 5px;} #links dd { border-bottom: 1px dotted #999999; margin-bottom: 5px; padding-bottom: 5px; } #left { float: left; width: 60px;} .alignleft { float: left;} .wp-caption { background-color: #A4A4A4; border-color: #2F2218; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; margin: 10px; padding-top: 4px; text-align: center;} .wp-caption IMG { border-color: -moz-use-text-color; border-style: none; border-width: 0; margin: 0; padding: 0;} .wp-caption-text { color: #2F2218;}/*************************************************************************************************************************************************** Google Adsence****************************************************************************************************************************************************/.post_adsense { background-color: #8B8C90; border-radius: 2px 2px 2px 2px; margin: 0 auto; padding-bottom: 4px; padding-left: 11px; padding-top: 2px; margin-top: 10px;}.post_adsense_article { margin: 0 auto; padding-bottom: 10px; width: 468px;}#sidebar .adSense { background-color: #8B8C90;}/*************************************************************************************************************************************************** Template du moteur de recherche****************************************************************************************************************************************************/.page-template-page-recherche-php .post-date { display: none;}.page-template-page-recherche-php #content { width: 100%;}.page-template-page-recherche-php #content-wrapper { margin-right: 0; width: 100%;}/*************************************************************************************************************************************************** Share social****************************************************************************************************************************************************/a.shareit { height: 16px; margin-left: 5px; width: 16px;}a.shareit:hover { margin-top: -2px;}div.shareit{ width:67px;}div.shareit, a.shareit { display: block; float: right;}