/* Theme Name: Jazz Heaven Theme URI: http://pithemes.com/ Description: Child theme for Thesis 1.8+. Thesis must be installed in a folder called thesis. Author: piThemes Author URI: http://pithemes.com/ Template: thesis Version: 1.0 */ /* important Thesis stylesheet */ @import url('../thesis/style.css'); /* main style & typography */ body.custom { background: #222F4E; } .custom #container { background: url(images/bg.jpg) repeat-y 0 600px !important; margin: 0 auto 10px; overflow: hidden; width: 1000px; } .custom #page { background: url(images/headers/jazzheaven.jpg) no-repeat 0 0; position: relative; } .sp_header_jazzdrumheaven #page { background: url(images/headers/jazzdrumheaven.jpg) no-repeat 0 0; } .sp_header_jazzguitarheaven #page { background: url(images/headers/jazzguitarheaven.jpg) no-repeat 0 0; } .sp_header_jazzpianoheaven #page { background: url(images/headers/jazzpianoheaven.jpg) no-repeat 0 0; } .sp_header_electricbassheaven #page { background: url(images/headers/electricbassheaven.jpg) no-repeat 0 0; } .sp_header_jazzsaxophoneheaven #page { background: url(images/headers/jazzsaxophoneheaven.jpg) no-repeat 0 0; } .sp_header_jazztrumpetheaven #page { background: url(images/headers/jazztrumpetheaven.jpg) no-repeat 0 0; } .sp_header_jazzbassheaven #page { background: url(images/headers/jazzbassheaven.jpg) no-repeat 0 0; } .sp_header_jazztromboneheaven #page { background: url(images/headers/jazztromboneheaven.jpg) no-repeat 0 0; } .sp_header_jazzvocalheaven #page { background: url(images/headers/jazzvocalheaven.jpg) no-repeat 0 0; } .sp_header_jazztheoryheaven #page { background: url(images/headers/jazztheoryheaven.jpg) no-repeat 0 0; } .sp_header_keyboardheaven #page { background: url(images/headers/keyboardheaven.jpg) no-repeat 0 0; } /* header area */ .custom #header { height: 310px; padding: 0; position: relative; z-index: 40; } .custom #header #logo a { display: block; height: 280px; text-indent: -9999px; width: 100%; } .custom #header #tagline { display: none; } /* choose your instrument */ #sp_instrument { background: url(images/nav_instrument.png) no-repeat 0 0; height: 71px; left: 33px; position: absolute; top: 45px; width: 140px; } #sp_instrument ul { background: url(images/nav_instrument_hover.png) repeat-y 0 0; display: none; left: 0; list-style: none; padding-bottom: 5px; position: absolute; top: 54px; width: 200px; } #sp_instrument:hover ul { display: block; } /* Supporting drop-down menu on touchscreens: Rule was originally just #sp_instrument:hover ul. But on touchscreen devices, the hover pseudoclass doesn't work well for this particular drop-down menu, so on touch devices suppress the :hover pseudoclass and check for the hover/not-hover classes instead (as handled by scripts.js). */ #sp_instrument.touch.hover ul { display: block; } #sp_instrument.touch.not-hover:hover ul { display: none; } #sp_instrument ul li { font-size: 1.2em; padding: 5px 10px 5px 20px; } #sp_instrument ul li a:hover { text-decoration: underline; } /* navigation */ .custom .menu { position: absolute; left: 0; top: 0; width: auto !important; } .custom .menu > li > a { background: none; letter-spacing: normal; padding: 0; position: absolute; text-indent: -9999px; text-transform: none; } .custom .menu > li > a:hover { background-color: none; } .custom .menu .tab-1 > a { background: url(images/nav_artists.png) no-repeat 0 0 !important; height: 39px; left: 275px; top: 100px; width: 66px; } .custom .menu .tab-2 > a { background: url(images/nav_free.png) no-repeat 0 0 !important; height: 39px; left: 338px; top: 116px; width: 98px; } .custom .menu .tab-3 > a { background: url(images/nav_courses.png) no-repeat 0 0 !important; height: 33px; left: 378px; top: 80px; width: 79px; } .custom .menu .tab-4 > a { background: url(images/nav_blog.png) no-repeat 0 0 !important; height: 30px; left: 455px; top: 122px; width: 58px; } .custom .menu .tab-5 > a { background: url(images/nav_community.png) no-repeat 0 0 !important; height: 37px; left: 486px; top: 80px; width: 109px; } .custom .menu .tab-6 > a { background: url(images/nav_interviews.png) no-repeat 0 0 !important; height: 37px; left: 532px; top: 124px; width: 114px; z-index: 60; } .custom .menu .tab-7 > a { background: url(images/nav_funny.png) no-repeat 0 0 !important; height: 72px; left: 612px; top: 84px; width: 118px; z-index: 55; } /* content area */ .custom #content_box { padding: 0 40px 20px; position: relative; width: 920px; z-index: 30; } .custom .post_box, .custom .teasers_box { clear: both; margin: 0 1.5em; } .custom .top { padding-top: 0; } .custom .teaser .format_teaser .thumb { float: left; margin-right: 10px; } .custom .headline_area { margin-bottom: 1em; } .custom #comments { margin: 0 1.5em; } .custom #commentform { border: none; } .custom .prev_next { clear: both; margin: 0 1.5em; padding: 1.5em 0; } /* sidebar */ .custom .sidebar ul.sidebar_list { padding: 0; } .custom .sidebar li.widget { background: #E6E6E6; margin-bottom: 20px; padding: 10px; width: 230px; } .custom .sidebar li.widget_blank { background: none; padding: 0; width: 250px; } .custom .sidebar li.widget_blank > div, .custom .sidebar li.widget_blank > ul { background: #E6E6E6; padding: 10px; } .custom .sidebar li.widget_blank .sp_social { background: none; } .custom li.thesis_widget_search p { margin-bottom: 0; } .custom li.widget .sp_email p { margin-bottom: 0; } .custom li.widget .sp_email p.desc { margin-bottom: 3px; text-align: center; } .custom li.widget .sp_email input[type="input"] { background: #FFFFFF; width: 150px; } .custom li.widget .sp_email p.center { padding-top: 6px; } .custom li.widget .sp_email input[type="submit"] { background: #122857; border-color: #000; color: #FFF; cursor: pointer; display: block; font-weight: bold; margin: 0 auto; width: 150px; } .custom li.widget .sp_email p.small { font-size: 0.86em; text-align: center; } .custom li.widget_tag_cloud div { line-height: normal; } /* footer area */ .custom #footer { background: url(images/footer.jpg) no-repeat 0 0; height: 16px; padding: 0; } .custom #foonav { color: #999999; margin: 0 auto; padding-bottom: 10px; text-align: center; width: 1000px; } .custom .foonav { font-size: 1em; } .custom #foonav a { color: #6c9be7; } .custom #foonav a:hover { text-decoration: underline; } .custom #foonav p { margin-bottom: 10px; } /* additional style & typography */ .custom :focus { outline: none; } .custom .format_text input { width: auto; } .custom .nomargin { margin: 0 !important; } .custom .nopadding { padding: 0 !important; } .custom .sp_video { margin-bottom: 1.667em; } .custom .sexy-bookmarks { margin-bottom: 1.667em; } .custom.no_tweetmeme .format_text .tweetmeme_button, .custom.no_tweetmeme .format_text .sexy-bookmarks { display: none; } /* home */ .custom .home_instrument { float: left; position: relative; z-index: 15; } .custom .home_instrument:hover ul { display: block; } .custom .home_instrument ul { background: #FFF; display: none; left: -6px; list-style: none; margin: 0; position: absolute; top: 20px; z-index: 300; } .custom .home_instrument li { padding: 3px 6px; } .sp_custom_template .format_text h2 { margin-top: 0; } .sp_custom_template .sp_home_blog h2 { font-weight: bold; text-transform: uppercase; } .sp_custom_template .sp_courses h2 { font-weight: bold; text-transform: uppercase; } .sp_custom_template .sharebox { padding: 0 !important; } .sp_custom_template #fbWrap { margin: 0 !important; } /* thumbnails */ .custom .pi_thumbnail { float: left; margin: 0 15px 5px 0; width: 130px; } .custom .pi_thumb_wrap { float: left; width: 476px; } /* disqus */ .custom #disqus_thread { margin: 0 1.5em; padding: 3em 0; } .custom .dsq-brlink { margin: 0 1.5em; } /* facebook and twitter */ .custom .social-wrap-float { float: left; height: 30px; margin-right: 9px; } /* facebook comments */ .custom #fbWrap { margin: 0 1.5em; } .custom #fbWrap #fbTitle { font-size: 1.6em; font-weight: bold; margin: 30px 0 15px; } .custom #fbWrap #fbTitle span { color: #3B5998; } /* sharethis */ .custom .sharebox { clear: both; padding: 15px 0 0; } /* yarrp */ .custom h3.yarpp { font-weight: bold; margin-bottom: 1em; } .custom ul.yarpp { clear: both; float: left; list-style: none; margin: 0; width: 100%; } .custom ul.yarpp li { float: left; margin-left: 30px; width: 150px; } .custom ul.yarpp li:first-child { margin-left: 0; } .custom ul.yarpp a { color: #000; display: block; text-decoration: none; } /* flowplayer */ .custom .sp_player { margin-bottom: 1.667em; position: relative; z-index: 90; } .custom .sp_player a.player { background: #000; clear: both; display: block; float: left; height: 336px; overflow: hidden; width: 592px; } /* playlist - multiple videos */ .custom .sp_player .clips { border-left: 1px solid #000; clear: both; float: left; width: 591px; } .custom .sp_player .clips a { background: #222F4E; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #FFF; display: block; padding: 3px 10px; text-decoration: none; } .custom .sp_player .clips a span { color: #448ccb; display: block; } .custom .sp_player .clips a:hover { background-color: #ADBAC9 !important; } .custom .sp_player .clips a.playing { background: #2e3c5f url(images/play.png) no-repeat 90% 50%; } .custom .sp_player .clips a.paused { background: #2e3c5f url(images/pause.png) no-repeat 90% 50%; } /* playlist - chapters */ .custom .sp_player .chapters { border-left: 1px solid #000; clear: both; float: left; width: 591px; } .custom .sp_player .chapters table { border-collapse: collapse; width: 100%; } .custom .sp_player .chapters tr { background: #222F4E; border-right: 1px solid #000; border-bottom: 1px solid #000; color: #FFF; } .custom .sp_player .chapters tr:hover { background: #ADBAC9; cursor: pointer; } .custom .sp_player .chapters td { padding: 3px 10px; } .custom .sp_player_fullwidth { margin: 0 auto 1.667em; width: 800px; } .custom .sp_player_fullwidth a.player { width: 800px; height: 448px; } .custom .sp_player_fullwidth .clips { width: 799px; } .custom #media { text-align: center; } /* EVP */ .custom .evp-video-wrap { margin: 6px auto 0; } /* AnythingSlider */ .custom #slider-home-videos { height: 390px; } .custom #slider-featured-title { font-size: 1.833em; font-weight: bold; line-height: 1.364em; margin-bottom: .909em; padding-top: .909em; text-transform: uppercase; } .custom #slider-featured-courses { background: #E6E6E6; } .custom #slider-featured-courses .slider-dvd { float: left; margin: 15px 0 0 40px; text-align: center; width: 150px; } .custom #slider-featured-courses .slider-dvd a { color: #000; display: block; text-decoration: none; } .custom .slider-content-wrap { clear: both; overflow: hidden; margin-left: -25px; position: relative; width: 671px; z-index: 5; } .custom div.anythingWindow { overflow: hidden; } .custom .slider-content-wrap a.start-stop { display: none; } .custom .slider-side-wrap div.anythingSlider { padding: 0; } .custom .slider-side-wrap .anythingWindow { border: none; } .custom .slider-side-wrap .anythingControls { display: none !important; } .custom .slider-side-wrap li { position: relative; } .custom .slider-side-wrap .textoverlay { background: #777; bottom: 0; color: #FFF; display: block; left: 0; opacity: .75; padding: 5px 10px; position: absolute; width: 210px; } /* clearing */ .clear { clear: both; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; } /* AnythingSlider BASE CSS */ .anythingSlider { width: 621px; height: 150px; margin: 0 auto; } div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a { background: #777; color: #FFF; } div.anythingSlider .anythingWindow { border-top: 3px solid #777; border-bottom: 3px solid #777; } div.anythingSlider .start-stop { background-color: #777; color: #fff; } div.anythingSlider .start-stop.playing { background-color: #777; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #ddd; } /* anythingSlider viewport window */ div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; z-index: 10; } div.anythingSlider { position: relative; padding: 0 0 28px; } .custom ul.anythingBase { background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } ul.anythingBase li.panel { background: transparent; display: block; float: left; padding: 0; margin: 0; } /* Navigation Arrows */ div.anythingSlider .arrow { top: 50%; position: absolute; display: block; z-index: 15; } div.anythingSlider .arrow a { display: block; height: 60px; margin: -42px 0 0 0; width: 25px; text-align: center; outline: 0; background: url(images/arrows-default.png) no-repeat; text-indent: -9999px; } div.anythingSlider .forward { right: -25px; } div.anythingSlider .back { left: -25px; } div.anythingSlider .forward a { background-position: 0 -20px; } div.anythingSlider .back a { background-position: -42px -20px; } div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -120px; } div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -42px -120px; } /* Navigation Links */ div.anythingSlider .anythingControls { outline: 0; } div.anythingSlider .thumbNav { margin: 0; } div.anythingSlider .thumbNav li { display: inline; } div.anythingSlider .thumbNav a { font-size: 11px; display: inline-block; text-decoration: none; padding: 2px 8px; line-height: 18px; height: 18px; margin: 0 5px 0 0; background-image: url(images/cellshade.png); background-repeat: repeat-x; text-align: center; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div.anythingSlider .thumbNav a:hover { background-image: none; } /* slider autoplay right-to-left, reverse order of nav links to look better */ div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */ div.anythingSlider.rtl .thumbNav { float: left; } /* move nav link group to left */ /* Autoplay Start/Stop button */ div.anythingSlider .start-stop { background-image: url(images/cellshade.png); background-repeat: repeat-x; background-position: center top; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; } div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; }