/* Theme Name: String Cheese Incident Description: Theme for SCI Version: 1.0 Author: Prod4Ever Author URI: http://prod4ever.com/ */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Customized Adjustments of Foundation for WordPress :: Styling Basic WordPress Outputs :: Customize Foundation Style Pagination for WP-Pagenavi :: Your Customized Style */ /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ /* Auto Height for Images for Responsive Design */ img { height: auto; } li { margin-bottom: 2%!important; } /* ZURB Navi for Foundation */ ul.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; font-family: 'EnriquetaBold'; font-size: 13px; text-transform: uppercase;} /*ul.nav dt, ul.nav li { float: left; display: inline; }*/ ul.nav { display: table; width: 96%; margin-left: 4%; } ul.nav > li { display: table-cell; position: relative; } ul.nav dt { color: #fff; font-weight: normal; } ul.nav li a { text-decoration: none; padding: 7px 12px 4px; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;} ul.nav li a:hover, ul.nav li:hover a { background:#1D6F81; } ul.nav li.current-menu-item a, ul.nav li.current-post-ancestor a, ul.nav li.current-menu-parent a, ul.nav li.current-post-parent a, ul.nav li.current_page_parent a, ul.nav li.current_page_item a { background-color: #1D6F81; } .sub-menu { display:none; top:11px; position: absolute; z-index: 100; padding-top: 3px; /* We've reduced the top by 3px so that the menu covers the border radius on the parent link. This padding restores the 3px spacing. */ } ul ul.sub-menu { margin-left: 0; } ul.nav li:hover .sub-menu { display:block;z-index: 500} ul.nav li .sub-menu li {top:0; float:none; display: block; margin-bottom:0!important;} ul.nav li .sub-menu li a {width:120px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: block; background:#1D6F81; font-size: 12px;} ul.nav li .sub-menu li a:hover {text-decoration: underline} ul.nav li .sub-menu li:last-child a {-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} ul.nav li .sub-menu li:first-child a {-moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; padding-top: 9px;} ul.nav li .sub-menu li:only-child a {-moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px;} /* Foundation-specific presentation CSS by ZURB */ body { padding-bottom: 60px; } div.highlight { margin-bottom: 12px; } img.beta { position: absolute; top: 0px; right: 0px; } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Resizing the Blog Post */ .post-box p { line-height: 21px!important; } .post-box { font-size: 14px; line-height: 20px!important; } .post-box h1 { font-weight: bold; font-size: 30px; line-height: 1; margin-bottom: 2px; } .post-box h2 { font-weight: bold; font-size: 26px; line-height: 1; margin-bottom: 2px; } .post-box h3 { font-size: 22px; } .post-box h4 { font-size: 18px; } /* Add Divider for Listed Posts */ .divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; } /* Add Align Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } /* Add HTML5 Caption Class for Images */ figure.figure { display: inline-block; margin: 0 0 18px; } figure.figure figcaption { display: block; padding: 8px 10px; font-size: 13px; line-height: 18px;/* color: #555; */} figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 1.3rem; font-weight: normal; } .footer-nav {top:100px;} .footer-nav li { display: block; float: left; margin-right: 10px; margin-bottom: 0; } .footer-nav a {color:#fff; font-family: 'EnriquetaBold'; text-transform: uppercase; font-size: 9px;} #nav-facebook a,#nav-youtube a, #nav-spotify a, #nav-twitter a {display:block; text-indent: -20000px; background: url(images/sprites/social_footer.gif) no-repeat 0 0; height:20px; width:20px;} #nav-youtube a {background-position: -59px 0} #nav-spotify a {background-position: -88px 0; width:44px;} #nav-prod a {background: transparent url("images/icons/madeinprod-white.png") center center no-repeat; width: 71px; height: 28px; display: block; text-indent: -10000px; overflow: hidden;} #nav-twitter a {background-position: -24px 0; width: 26px;} #nav-facebook a:hover {background-position: 0 bottom} #nav-youtube a:hover {background-position: -59px bottom} #nav-spotify a:hover {background-position: -88px bottom; width:44px;} #nav-twitter a:hover {background-position: -24px bottom;} /* ------------------------------------------------------- Customize Foundation Style Pagination for WP-Pagenavi ---------------------------------------------------- */ div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; } div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; margin-left: 5px; } div.wp-pagenavi span.pages { padding-left: 0; } div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; } div.wp-pagenavi span.unavailable:hover { border-bottom: none; } /* -------------------------- Your Customized Style ----------------------- */ .top15 {top:15px;} /* HEADER */ #header {height:195px; background:url("images/bgs/sky_bg.jpg") repeat-x 0 0;} .splash_sky {background: url("images/bgs/splashtop-bg.jpg") repeat-x center 0 !important; height: 558px !important;} .splash_sky .mtns { top: 390px !important; } .splash_sky .logo { top: 0px !important; max-width: none !important; } #top-bar {background-color: #000; padding:5px 10px; height:40px;} .full-width {height: 0} .trigger-img, #top-bar a {top:3px; cursor: pointer; font-size: 11px; line-height: 1.8; display: inline-block} img.trigger-img {width:354px; height:22px;} .play-radio {text-indent: 30px; margin-right:25px;padding:5px 0; } .play-radio span {background: url(images/sprites/radio_play.png) no-repeat left top; width:24px; height: 21px; display: inline-block; margin-right:5px; position: absolute; left: 0; top:2px;} .play-radio:hover span {background-position: -23px top} .stash {padding-top:5px; margin-right:35px;} .cart {text-indent: -20000px; background: url(images/cart.gif) no-repeat 0 0; width: 23px;height: 20px;top: 0!important;} .cart-items {font-size: 12px; display: inline-block; padding:0 10px; font-weight: bold; top:3px;} .logo {z-index:9; top:38px;} nav {z-index: 15;top: 40px;} .mtns {background:transparent url(images/bgs/mountain_ranges.png) repeat-x 0 0; height:193px; width:100%; position: absolute ; top:103px; z-index: 10;} .mtns.two {background-position: 0 -194px;} .mtns.three {background-position: 0 -388px;} .mtns.four {background-position: 0 -582px;} .mtns.five {background-position: 0 -776px;} .mtns.six {background-position: 0 -970px;} .spotlight {background: url(images/lights.png) no-repeat 0 0; width:406px; height:126px; position: absolute; z-index: 11; left:54%; top:-25px;} .home_thumb.selected {background-color: #2222aa;} /*FOOTER */ #footer {background: #000 url(images/bgs/footer_bg.png) repeat-x 0 0; height:250px; padding:50px 0; } /* HOME PAGE */ .home-fade { background: url(images/bgs/home_fade.png) repeat-x bottom left; height: 433px; position: absolute; z-index: -2; width: 100%; top: 383px; } #content, .content, .reveal-modal, .reveal-modal-wide { background: rgb(28,103,119); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3JSIgc3RvcC1jb2xvcj0iIzFjNjc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(28,103,119,1) 0%, rgba(0,0,0,1) 20%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,103,119,1)), color-stop(20%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(28,103,119,1) 0%,rgba(0,0,0,1) 20%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(28,103,119,1) 0%,rgba(0,0,0,1) 20%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(28,103,119,1) 0%,rgba(0,0,0,1) 20%); /* IE10+ */ background: linear-gradient(top, rgba(28,103,119,1) 0%,rgba(0,0,0,1) 20%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6777', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ z-index: 11; } .home #content {background: transparent!important;} #homepage_gallery .royalControlNavOverflow {display:none;} .royalSlider-copy {position: absolute; width:45%; padding:10px; background: rgba(0,0,0,.3);} .royalSlider-copy h2 {margin-bottom: 5px!important;} .royalSlider .arrow {background: transparent url(images/sprites/gallery_pagination.png) no-repeat top right;} .royalSlider-copy.bottom-right { bottom: 15px; right: 15px; } .royalSlider-copy.bottom-left { bottom: 15px; left: 15px; } .royalSlider-copy.top-right { top: 15px; right: 15px; } .royalSlider-copy.top-left { top: 15px; left: 15px; } .royalSlider-copy.none { display: none; } #slider-nav.block-grid.five-up {margin-left: -.5%; padding-bottom:15px; height:250px;} #slider-nav.block-grid.five-up li {margin-left:.5%; width:19.5%; font-family: 'EnriquetaRegular';} #slider-nav li {padding:10px 5px 50px;} .home_thumb img {width:100%; max-height:106px;} .home_thumb.selected, .home_thumb:hover { position: relative; background: #1D6F81; height: 190px; width: 100%; cursor: pointer; } .home_thumb.selected:before, .home_thumb.selected:after, .home_thumb:hover:before, .home_thumb:hover:after { content: ''; position: absolute; width: 0; height: 0; border-top: 50px solid #1D6F81; border-right: 135px solid transparent; top: 180px; left: 0; z-index: -1; } .home_thumb.selected:after, .home_thumb:hover:after { left: auto; right:0; height: 0; border-top: 50px solid #1D6F81; border-left: 135px solid transparent; border-right:0 } .date-box {width:177px; height:106px; padding: 6px 0 0; background: #000; border:3px double #1D6F81; margin-bottom: 10px; } .news-item {margin-bottom: 35px;} #sidebar_twitter {font-size: 12px;} .tweet {margin-bottom:20px;} a.twitter_action {font-size: 12px; margin-right:10px; text-transform: none; font-family: arial, helvetica, sans-serif; font-weight: bold;} .home .post-item { padding: 7px 0 18px; } /* artist drop down scroll styles */ #twitter-scroll { left:0; background: #000; height:175px; overflow:hidden;} #twitter-srcoll .customScrollBox{position:relative; height:100%; overflow:hidden;} #twitter-scroll .customScrollBox .container{position:relative; top:0; float:left; width:93%;} #twitter-scroll .customScrollBox .content{clear:both;} .touch #twitter-scroll .dragger_container { display: none !important; /* Custom scroller doesn't currently support touch, so hide the scrollbar. */ } #twitter-scroll .dragger_container {position:relative; width:10px; height:175px; float:right; margin:10px 0px 0px 10px; background-color: #134D5A; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer; top:-10px;} #twitter-scroll .dragger{position:absolute; width:8px;left:1px; height:30px; background: #1D6F81; text-align:center; line-height:60px; overflow:hidden; cursor:pointer; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #twitter-scroll .dragger_pressed{position:absolute; width:8px; left:1px; height:30px; background:#3BDDFF; text-align:center; line-height:30px; color:#666; overflow:hidden; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer;} #twitter-scroll .container {padding:0;} #twitter-scroll .content {background:none;} /* post excerpt styles */ .post-item {padding:28px 10px; width:98.5%!important;} .post-item.royalSlider {padding:0 0; left:.75%; margin-bottom: 15px} .post-item.royalSlider:first-child {padding-top:0} .post-item a {font-size: 10px;} .post-item h1 a, .post-item h2 a, .post-item h3 a, .post-item h4 a, .post-item h4 a, .post-item h5 a, .post-item h6 a { font-size: inherit; } .post-item ul { list-style-type: disc; margin-left: 1.5em; } .post-item ul li { margin-bottom: 6px; } .post-item p a {font-size: 14px; font-family: Arial, sans-serif} .post-item:first-child, .post-item.video_row { padding-top: 35px; margin-top:7px; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjYiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4="); background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.26) 1%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.26)), color-stop(92%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.26) 1%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */ } .post-item a h2:hover { color: #3BDDFF !important; } .full-page h2 { color: #3BDDFF; /* As requested by client */ } .news .post-item:first-child, .tour-dates .post-item:first-child, .photo-video .post-item:first-child,.albums_page .post-item:first-child, #scide-projects .post-item:first-child {padding-top:75px;} .post-item:nth-child(even) {background-color: #072C34} .row.on-top .post-item:nth-child(even) {background: transparent;} .post-item.video_row:nth-child(even) {background-color:transparent; padding-top: 50px;} .post-item.no-bg {background: transparent!important;} .date { color: #1D6E80; font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } .copy {margin-bottom:14px; font-size: 12px;} .genre {font-family: arial, sans-serif; font-weight: bold; font-size: 10px; color: #1D6E80;} .name {margin:5px 0 10px; line-height: 1} .share-links + div.date {clear:both;} .fb_iframe_widget iframe{vertical-align:baseline!important} .share-links iframe {height:25px;top:3px;min-width: 85px; max-width: 100px;} #scide-projects h2 {top:17px} #single-news .post-item:first-child, .live-cheese .post-item:first-child {padding-top:16px;} #single-news .share-links {margin-top: -5px; margin-bottom: 65px;} #single-news .comments {margin-top: 60px;} #news-nav, #tour-nav, #visuals-nav, #albums-nav, #scideprojects-nav, .media-nav {position: absolute; z-index: 14; width:320px; left:50%; margin-left:-195px; top:30px;} #news-nav, #visuals-nav, #albums-nav, #scideprojects-nav, #media-nav {top:30px;} .media-nav { width: 70px !important; top: -20px !important; margin-left: -35px !important; } .media-nav a, #albums-nav .button, #scideprojects-nav .button { font-size: 13px !important; } .featured_media_column { margin-top: 20px; } .media h5 { margin-top: 20px; } #visuals-nav { width: 124px !important; margin-left: -62px !important; } #albums-nav { width: 74px; margin-left: -37px; } #scideprojects-nav { width: 130px; margin-left: -65px; } #tour-nav {width:400px; margin-left:-200px;} #news-nav a, #tour-nav a, #visuals-nav a {margin-right:10px;} .video-frame {min-height: 400px;} .sidebar-box:nth-child(even) {margin-top:45} .widget_specialrecentposts {top: 63px;} h4.srp-widget-title {line-height: 1; margin-bottom: 0;} .srp-widget-singlepost {margin: 0; border-bottom:none!important;} .srp-widget-title a::after { content: "" !important; } /* TOUR DATES */ .search-box { background: none repeat scroll 0 0 #1C6777; height: 48px; z-index: 10; } form#search, .mountain_range_bar { background: url(images/bgs/mountain_range_bg.png) no-repeat 0 0!important; display: block; height: 37px; z-index: 1000; margin: 10px; } #search fieldset {border:none; background: #fff; padding: 5px 4px 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; margin:0 5px; width:35%; float:right} #search input.show-search {border:none; background: #fff; font-family: 'EnriquetaRegular'; font-size: 13px; color:#000; width:90%; padding:3px 5px 2px;} #search input.show-search:focus {outline:none; } #search input.submit {text-indent:-20000px; cursor:pointer; position: absolute;right:0; top:0; border:none; background: #3CDDFF url(images/search.gif) no-repeat center center;-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; width:31px; height:31px; background-size: 80%} #search input.submit.ff {top:-5px;right:4px;width:30px;height:30px; background-size: 78% 78%} /* MEDIA PAGE - PHOTO - VIDEO */ .media h2, .photo-video h2 {margin-bottom:0} .media img {clip: rect(10px, 452px, 331px, 0px); position: absolute; top: -10px;} a.image-link {display:block; height:331px;} .media p {font-size: 12px;} .photo-video .photos img,.photo-video .video img {clip: rect(15px, 322px, 222px, 10px);position: absolute;top: -15px; left:-5px;} .media-image, .news-image {background: #000; text-align: center;} .photo-video .date {margin-top:5px;} .photo-video .four a {display:block; height:207px} .video .four a:after, .video .four a:hover:after, .video_icon:after, .video_icon:hover:after {content: url(images/bgs/play_white.png); display:block; width:100px; height:100px; position: absolute; top:50%; margin-top: -50px; left:50%; margin-left: -50px;} .video .four a:hover:after, .video_icon:hover:after {content: url(images/bgs/play_blue.png); } .photos .four a:after, .photos .four a:hover:after, .news .four a:after, .news .four a:hover:after{content:''!important;} .post-item.video_row {padding-left:0; padding-right:0;} .single-videos #content .share-links {top:15px; left:20px;z-index: 10} #comments {margin-top:50px;} #comments .fb-comments {background: #333;width: 100%;padding: 10px;} #media_explorer .share-links {position: absolute;top: 0px;right: 100px;} #media_explorer .royalSlider .arrow.left {background-position: top left;} #media_explorer .royalSlider .arrow.right {background-position: top right;} #media_explorer .royalSlider .arrow.left:hover {background-position: bottom left;} #media_explorer .royalSlider .arrow.right:hover {background-position: bottom right;} /* NEXT - PREV PAGINATION */ .pagination {position: absolute; top:50%; margin-top:-25px; width:100%; } .pagination .next, .pagination .previous { position: absolute; right: -75px; width: 25px; height: 50px; cursor: pointer; background: transparent url(images/sprites/pagination.png) no-repeat top right; text-indent: -20000px } .pagination .previous { background-position:top left; left:-75px; right:auto; } .pagination .next:hover, .pagination .next:focus { background-position: bottom right; } .pagination .previous:hover, .pagination .previous:focus { background-position: bottom left; } /* PAGE NUMBER PAGINATION */ .number-pagination {top:25px;width:100%; text-align: center;} .page-numbers, .page-numbers.next, .page-numbers.prev { border:1px solid #3CDDFF; display: inline-block; text-align: center; padding: 8px 15px 6px; color: #3CDDFF; text-decoration: none; font-weight: normal; line-height: 1; position: relative; cursor: pointer; font-family: 'EnriquetaBold'; text-transform: uppercase; font-size: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-indent: 0; background-image: none; } .page-numbers:hover, .page-numbers.current {background: #196373; color:#000;} /* LIVE CHEESE STUFF */ li.share-links {top:5px;} #featured-shows {margin-bottom: 35px; padding-top:28px;} #albums .post-item {padding-top: 10px;} #slider a {font-family: 'EnriquetaBold'; font-size: 14px; color:#fff;} #slider a:hover {color:#CDBE24;} .show-info {padding:0 5px; line-height: 1.25;} .sidebar-box a .venue {font-family: 'EnriquetaBold';} .show-row {overflow: hidden;padding: 20px 5px 20px 0;} .show-row:nth-child(even) {background: #072C34} .month, .year, .day { color: #CDBE24; font-family: 'EnriquetaBold'; font-size: 12px; letter-spacing: 2px; line-height: 1; text-align: center; } .year {font-size: 14px;} .day {font-family: 'UltraRegular'; font-size: 30px;} a .venue, .venue , .city, .album-title {font-family: 'EnriquetaRegular'; font-size: 20px; color: #39DDFF; padding:5px 0 0; line-height: 1; } .city {color:#fff; font-size: 16px; padding:4px 0 0} .tour-dates .city {font-size: 18px; margin-bottom: 10px;} .tour-dates .venue, .tour-dates .venue a {font-size: 24px;margin-top: 10px; font-family: 'EnriquetaRegular'!important;} .sidebar-box a .venue, .sidebar-box .city {font-size: 14px; text-transform: none;} .sidebar-box a:hover .venue {color:#fff;} #single-show {padding-top: 15px;} #single-show .venue, #tour-dates .venue {font-size: 24px; margin-top: 10px;} #single-show .city, #tour-dates .city, .album-title {font-size: 18px; margin-bottom: 10px;} #single-show .day, #tour-dates .day, .date-box .day, .tour-dates .day {font-size: 62px;/*70px;*/} .big-date {border: 1px solid #1D6E80; padding:5px 0} #also-bought .city {margin: 30px 0 10px;} #setlist, #downloads {font-family: 'EnriquetaRegular'; font-size: 14px;} .duration {color:#666} a.buy-song, #downloads a, a.srp-widget-title-link {color:#8E2E53; font-size: 14px;font-family: 'EnriquetaBold'; } #downloads a, a.srp-widget-title-link {color:#fff;font-family: 'EnriquetaRegular';} #downloads a:hover,a.srp-widget-title-link:hover {text-decoration: underline;} a.buy-song:hover {color:#fff;} a.srp-widget-title-link {text-transform: none;} a.srp-widget-title-link { background: transparent url("images/sprites/triangles.gif") no-repeat left top; display: block; padding-left: 16px; } #albums .date {margin-top: 25px;} .album-title {color:#fff;} #played a {color:#fff; font-size: 14px;} .play-btn, .play-btn.pause, .play-btn.diabled {background: url(images/sprites/play_btns.png) no-repeat top left; display: inline-block; width: 16px; height: 16px; margin-right: 5px; top:3px; cursor: pointer;} .play-btn.pause {background-position:top right;} .play-btn.diabled {background-position: center top;} .play-btn:hover {background-position: left bottom;} .play-btn.pause:hover {background-position: right bottom;} .download-btn {background: url(images/sprites/triangles.gif) no-repeat center bottom; display: inline-block; height: 11px; width:16px; top:0} .heart {display:inline-block; width:19px; height:17px; background: url(images/sprites/heart.png) no-repeat center top; margin-right:10px;} .heart:hover {background-position: center bottom} .share-links-body {margin-bottom:25px;} .share-links-body iframe {height:20px; width:90px!important;} #there .button {top:65px;} h5 .button { position: relative; top: -17px; letter-spacing: 0; font-size: 11px; } #pre-order {display: inline-block;} .trigger a.button {padding-right: 20px;} .trigger a.button:after { content:''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #000; position: relative; left:10px; top:9px; } .trigger .sub {z-index:20; display:none; position: absolute; top:26px; left:0; background: #CDBE24;; margin:0; min-width:186px; padding:10px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius: 0 0 5px 5px;} .trigger:hover .sub {display: block; width: 100%;} .sub a {color:#000;} #tickets .button {width:195px; display: block; margin-bottom: 10px;} #tickets .button:first-child {margin-top:20px;} #tickets .button:last-child {margin-bottom:0;} #tour-dates #tickets .button {top:32px} .count {font-family: 'UltraRegular'; font-size: 14px; color:#CDBE24;} .show-row .button {top: 12px;float: right;} ul.top-list {margin-bottom: 50px;} .top-list li {overflow:hidden; padding:10px 0; border-bottom:1px solid #1D6E80; } .sidebar-box li {overflow: hidden;} #photos img {cursor: pointer;} #show_details li { margin: 0px !important; font-size: 12px; } .album_thumb { height: 250px; background-color: black; } .album_thumb img { width: auto; max-height: 225px; } .album_thumb:nth-child(4n + 1) { margin-left: 0px; } .button { font-weight: normal !important; } .venue a { text-transform: none; } #scide-projects .bullet { font-size: 12px; } .full-page .post-item { padding: 0px !important; } .full-page li { margin-bottom: 0px !important; } .table { } /* SONG IN MY HEAD PAGE */ /* basics */ .futura-book { font-family: "futura-pt",sans-serif; font-weight: 400; } .futura-book-bold { font-family: "futura-pt",sans-serif; font-weight: 700; } .futura-condensed-bold { font-family: "futura-pt-condensed",sans-serif; font-weight: 700; } .clearthis { clear: both; height: 1px; line-height: 1px; } .simh-text { float: left; width: 425px; margin: 0; text-align: center; } /* grid & misc */ @media only screen and (min-width: 768px) { .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */ .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */ .threecol { width: 22.928176794%; } /* 22.05%; } /* grid_3 */ .fourcol { width: 31.491712705%; } /* 30.75%; } /* grid_4 */ .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */ .sixcol { width: 48.618784527%; } /* 48%; } /* grid_6 */ .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */ .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */ .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */ .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */ .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */ .twelvecol { width: 99.999999993%; } /* 100%; } /* grid_12 */ // layout & column defaults .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; } .first { margin-left: 0; float: left; } .last { float: right; } } /* grid & misc end */ /* SIMH mains */ .simh-wrapper {} .marginBottom20px { margin-bottom: 15px; } #song-in-my-head #header { background: none !important; height: auto !important; text-align: center; } #song-in-my-head #footer { } .simh-news { width: 100%; height: auto; clear: both; } .simh-news .hentry h2 { margin-bottom: 5px; } .simh-news .hentry h2 a, .simh-news .hentry h2 a:visited { font-family: 'Lato', sans-serif; font-size: 1.3em; line-height: 1em; color: #fff; font-weight: 400; } .simh-news .hentry h2 a:hover { color: #ced76f; } .simh-news .hentry .date { font-size: 1.3em; color: #777; font-weight: 400; font-style: oblique; font-family: 'Lato', sans-serif; } .simh-news .hentry p { font-size: 16px; line-height: 24px; color: #ccc; } #song-in-my-head p { font-family: 'Lato', sans-serif; } #song-in-my-head #header a { display: block; margin: 0 auto; text-indent: -9999px; outline: none; } .video-container { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 0; } .simh-videowrapper { padding: 10px; width: auto; background-color: #c6a1ca; background: rgba(198, 161, 202, 0.8); } .simh-bluewrapper { padding: 20px 10px; background-color: #3aafe5; background: rgba(58, 175, 229, .9); } .simh-bluewrapper h2 { color: #000; font-size: 24px; font-size: 2.4rem; margin: 0; line-height: .85em; } .simh-bluewrapper h5 { color: #000; font-size: 11px; font-size: 1.1rem; margin: 0 0 15px 0; border: 0; letter-spacing: 0; } .simh-bluewrapper h3 { color: #fff; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; margin: 0; line-height: .85em; } .simh-bluewrapper h4 { color: #fff; font-size: 13px; font-size: 1.4rem; margin: 0; } .simh-yellowwrapper { padding: 10px; background-color: #c4d162; background: rgba(196, 209, 98, .9); } .simh-yellowwrapper h2, .simh-blankwrapper h2 { text-align: center; margin-bottom: 8px; } .simh-yellowwrapper .first { line-height: 1px; } .simh-yellowwrapper .last, .simh-yellowwrapper h2 { color: black; font-size: 26px; font-size: 2.6rem; } .simh-yellowwrapper p, .simh-yellowwrapper h2 { color: #000; } .simh-yellowwrapper p, .simh-blankwrapper p { font-family: 'Lato', sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 24px; margin-bottom: 10px; } .simh-blankwrapper { padding: 10px; background-color: #4a5bad; background: rgba(74, 91, 173, .9); } .simh-blankwrapper iframe { max-width: 100%; } .topspin-widget { line-height: 1px; } .button-purple a { background-color: #4454a4; color: #fff; font-size: 18px; font-size: 1.8rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; float: left; margin: 4px 8px 6px 0; padding: 2px 10px 0 10px; line-height: 2em; } .button-purple a:hover { color: #000; } .simh-news h5 { margin-bottom: 20px; font-size: 13px; font-size: 1.3rem; padding-bottom: 10px; } .simh-news .marginBottom30px { margin-bottom: 30px !important; } .simh-news .post-thumbnail { float: left; margin: 0 10px 10px 0; border: 1px solid #333; line-height: 1px; z-index: 100; } .simh-news .post-thumbnail a { display: block; } .simh-news .hentry { padding-bottom: 35px; margin: 0; } .twitter-timeline { width: 100%; } .enter-the-site { padding: 0; margin: 0; clear: both; text-align: center; } .enter-the-site a { display: block; width: 100%; height: 90px; line-height: 90px; background-color: #000; color: #fff; text-align: center; font-size: 2.0em; margin: 0; } .enter-the-site a:hover { background-color: #4a5bad; background: rgba(74, 91, 173, .9); color: #fff; } #song-in-my-head #post-nav { top: 0 !important; padding-bottom: 40px; } #song-in-my-head .bit-description-links { display: none !important; } #song-in-my-head .bit-date { padding-left: 0 !important; } #song-in-my-head .bit-date, #song-in-my-head .bit-concert .venue a, #song-in-my-head a.bit-buy-tix, #song-in-my-head td.bit-concert div.location a.bit-event-data { font-size: 12px !important; } #song-in-my-head .bit-concert .location { padding: 3px 0 !important; } #song-in-my-head .padding10 { padding: 10px !important; background-color: #fff; } .row .four.columns, .row .four-alt.columns { width: 30.4%; } @media only screen and (max-width:400px) { .simh-news { padding-top: 230px; } .simh-news .post-thumbnail { float: none; width: 100%; border: 0; padding: 0; margin: 0 0 15px 0; text-align: center; } .simh-news .post-thumbnail img { width: 100%; max-width: 300px; height: auto; } .simh-news .hentry h2 a { font-size: .9em; line-height: .7em; } .simh-news .hentry .date { font-size: .9em; } .simh-news .hentry p { font-size: 15px; line-height: 22px; } } @media only screen and (min-width: 401px) and (max-width: 479px) { .simh-bluewrapper h2 { font-size: 30px; font-size: 3.0rem; line-height: .85em; } .simh-bluewrapper h5 { font-size: 13px; font-size: 1.35rem; } .simh-bluewrapper h3 { font-size: 30px; font-size: 3.0rem; line-height: .85em; } .simh-bluewrapper h4 { font-size: 17px; font-size: 1.75rem; } .simh-news .post-thumbnail { float: none; width: 100%; border: 0; padding: 0; margin: 0 0 15px 0; text-align: center; } .simh-news .post-thumbnail img { width: 300px; max-width: 300px; height: auto; } .simh-news { padding-top: 280px; } .simh-news .hentry h2 { line-height: 1.1em; } .simh-news .hentry h2 a { font-size: .9em; } .simh-news .hentry .date { font-size: .9em; } .simh-news .hentry p { font-size: 15px; line-height: 22px; } } @media only screen and (max-width:479px) { #song-in-my-head #header a { width: 300px; height: 113px; background: url(images/simh/simh-title-320.png) no-repeat top; background-size: 100% auto; } .song-in-my-head-wrap { background: none; background-color: #a1624b; } .simh-news { background: url(images/simh/bandphoto-480.jpg) no-repeat top; background-size: 100% auto; } } @media only screen and (min-width: 480px) { .simh-bluewrapper h2 { font-size: 38px; font-size: 3.8rem; line-height: .85em; } .simh-bluewrapper h5 { font-size: 17px; font-size: 1.7rem; } .simh-bluewrapper h3 { font-size: 36px; font-size: 3.6rem; line-height: .85em; } .simh-bluewrapper h4 { font-size: 21px; font-size: 2.15rem; } .simh-yellowwrapper, .simh-blankwrapper { padding: 20px; } } @media only screen and (min-width: 480px) and (max-width: 649px) { .simh-news .post-thumbnail img { width: 165px; max-width: 165px; height: auto; } } @media only screen and (min-width:480px) and (max-width: 767px) { #footer { padding-top: 20px; } #song-in-my-head #header a { width:480px; height: 180px; background: url(images/simh/simh-title-480.png) no-repeat top; background-size: 100% auto; } .song-in-my-head-wrap { background: none; background-color: #a1624b; } .simh-news { padding-top: 350px; background: url(images/simh/bandphoto-768.jpg) no-repeat top; background-size: 100% auto; } .simh-news .hentry h2 a { font-size: 1.0em; line-height: .7em; } .simh-news .hentry .date { font-size: .9em; } .simh-news .hentry p { font-size: 15px; line-height: 22px; } } @media only screen and (min-width:650px) and (max-width: 767px) { .simh-news { padding-top: 420px; } .simh-news .hentry h2 a { font-size: 1.2em; line-height: .9em; } .simh-news .hentry .date { font-size: 1em; } .simh-news .hentry p { font-size: 16px; line-height: 24px; } .simh-news .post-thumbnail img { width: 170px; max-width: 170px; height: auto; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .song-in-my-head-wrap { background: url(images/simh/simh-1024.jpg) repeat-x top; } .simh-news { padding-top: 634px; background: url(images/simh/bandphoto-1024.jpg) no-repeat top; } .simh-news .hentry h2 a { font-size: 1.1em; line-height: .9em; } .simh-news .hentry .date { font-size: 1.1em; } .simh-news .hentry p { font-size: 15px; line-height: 22px; } } @media only screen and (max-width: 767px) { #song-in-my-head .simh-wrapper, #song-in-my-head .simh-news .row, #footer.row.wide .row { width: 90%; max-width: 90%; min-width: 90%; margin: 0 auto; } #footer.row.wide { min-width: 100%; } #song-in-my-head #content { background: none !important; } .simh-bluewrapper img { float: none; margin: 20px auto 0 auto; } .simh-yellowwrapper h2 { margin-top: 20px; } #song-in-my-head .container { padding-bottom: 30px; } .simh-text { width: 100%; } .simh-bluewrapper .centered { text-align: center; } .simh-news .columns { padding-left: 0; padding-right: 0; } .topspin-widget { text-align: center; padding: 15px 0px; background-color: #000; margin-bottom: 15px; } .simh-news .four .sidebar-box { width: 100%; clear: both; } } @media only screen and (min-width: 768px) { #song-in-my-head .simh-wrapper, #song-in-my-head .simh-news .row, #footer.row.wide .row { width: 94%; max-width: 94%; min-width: 94%; margin: 0 auto; } #footer.row.wide { min-width: 100%; } #song-in-my-head #header a { width: 650px; height: 235px; background: url(images/simh/simh-title.jpg) no-repeat top; } #song-in-my-head .simh-wrapper, #song-in-my-head .simh-wrapper#content { width: 650px; max-width: 650px; min-width: 650px; margin: 0 auto; background: none !important; background-color: none !important; } .simh-bluewrapper img { float: right; margin: 0 5% 0 0; } #song-in-my-head .container { padding-bottom: 30px; } .simh-news .post-thumbnail img { width: 200px; max-width: 200px; height: auto; } } @media only screen and (max-width: 1023px) { } @media only screen and (min-width: 1024px) { .song-in-my-head-wrap { background: url(images/simh/simh-desktop.jpg) repeat-x top; } .simh-news { padding-top: 875px; background: url(images/simh/bandphoto.jpg) no-repeat top; } #song-in-my-head .simh-news .row, #footer.row.wide .row { width: 960px; max-width: 960px; min-width: 960px; margin: 0 auto; } .simh-news .hentry h2 a { font-size: 1.3em; line-height: 1em; } .simh-news .hentry .date { font-size: 1.3em; } .simh-news .hentry p { font-size: 16px; line-height: 24px; } } /* SIMH single page, Post Thumbnail */ .single .post-thumbnail { line-height: 1px; margin: 0 0 20px 0; } .single .post-thumbnail img { max-width: 100%; height: auto; } /* SIMH album on the sidebar */ .simh-sidebar { margin-bottom: 20px; } .simh-sidebar img { width: 40%; float: left; margin: 0 5% 10px 0; } .simh-sidebar h3 { margin: 0 0 10px 0; line-height: 28px; } .simh-sidebar h3 a, .simh-sidebar h3 a:visited { font-size: 24px; margin: 0; line-height: 28px; font-weight: 700; color: #fff; } .simh-sidebar h3 a:hover { color: #be92c2; } .simh-sidebar h4 { color: #ced76f; font-size: 16px; font-weight: 400; margin: 0; }