/* ==================================================================================================== Theme Name: Muse - Child Theme Theme URI: http://themes.grandpixels.com/muse Description: Child theme for a Muse: Music Band Responsive WordPress Theme by Pavel of Grand Pixels Version: 1.0.3 Author: Pavel Richter / Grand Pixels Author URI: http://grandpixels.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: muse ==================================================================================================== IF YOU PLAN TO MAKE SOME MODIFICATIONS TO THE CODE OF THE THEME, WILL BE BETTER TO MAKE THEM VIA THIS CHILD THEME. IF YOU WILL MAKE MODIFICATION DIRECTLY TO THE PARENT THEME, YOU WILL LOSE THOSE MODIFICATIONS WHEN THE THEME IS UPDATED. WHEN YOU MAKE MODIFICATIONS INSIDE OF THE CHILD THEME INSTEAD, YOU CAN UPDATE THE PARENT THEME WITHOUT LOOSING ANY CHANGE YOU HAVE MADE. MORE INFORMATION ABOUT CHILD THEMES YOU CAN FIND IN WORDPRESS CODEX: http://codex.wordpress.org/child_themes. ==================================================================================================== */ @import url('../muse/style.css'); .grid-post-home { background-color: #000 !important; } /* Put your CSS below */ .ui-tabs-panel a { color: #1A0404; } .socials li.social-facebook a { background-image: url("/wordpress/wp-content/uploads/2013/10/tellerTwitter.png"); } .socials li.social-vk:not(.social-facebook) a { background-image: url("/wordpress/wp-content/themes/muse/images/icons/social/facebook.png"); background-color: #4E729A; } .socials li.social-vk.social-facebook a { background-image: url("http://www.pennandteller.com/wordpress/wp-content/themes/muse/images/icons/social/facebook.png"); } .socials li.social-twitter a { background-image: url("/wordpress/wp-content/uploads/2013/10/pennTwitter.png"); } .grid-callout-home .post .post-image { opacity: 0.8; } .grid-blog-home .post-date, li.post-date { display: none; } .toolbar-header p { margin: 0; } .navigation-primary li, .navigation-primary li a { background-color: #89181A; background-color: transparent; color: #FFFFFF !important; background: none !important; } .navigation-primary li:hover a, .navigation-primary li a:hover { color: #FFFFFF !important; background: none !important; } .navigation-primary li:hover a { } div.wpcf7 img.ajax-loader { display: none; } #timsVermeerHome { /* height: 125px; original */ height:105px; overflow: hidden; width: 100%; } #timsVermeerHome img { width: 100%; margin-top: -1.5%; } #timInspecting img { width: 100%; } a#timInspecting { margin: 0; } #mofoEventsImage { width: 282px; height: 291px; background: url("/wordpress/wp-content/themes/muse-child/img/MOFO_reversed.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: auto; margin-bottom: 30px; } ==================================================================================================== Responsive ==================================================================================================== */ /* ---------------------------------------------------------------------------------------------------- Tiles & Containers ---------------------------------------------------------------------------------------------------- */ /* > 1681 */ @media only screen and (min-width: 1681px) { #movieGraphic { float: right; margin: 0.5em 9em; } #movieGraphic img { height: 85px; } } /* 1441 > 1680 */ @media only screen and (min-width: 1441px) and (max-width: 1680px) { #movieGraphic { float: right; margin: 0.5em 9em; } #movieGraphic img { height: 85px; } } /* 1281 > 1440 */ @media only screen and (min-width: 1281px) and (max-width: 1440px) { #movieGraphic { float: right; margin: 0.5em 6em; } #movieGraphic img { height: 85px; } } /* 1025 > 1280 */ @media only screen and (min-width: 1025px) and (max-width: 1280px) { #movieGraphic { float: right; margin: 0.5em 5em; } } /* 769 > 1024 */ @media only screen and (min-width: 769px) and (max-width: 1024px) { #movieGraphic { float: right; margin: 0.5em 5em; } } /* 481 > 768 */ @media only screen and (min-width: 480px) and (max-width: 768px) { } /* < 480 */ @media only screen and (max-width: 480px) { } /* ---------------------------------------------------------------------------------------------------- Content ---------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 1620px) { #timsVermeerHome { height: 152px; overflow: hidden; width: 100%; } } /* 1281 > 1440 */ @media only screen and (min-width: 1281px) and (max-width: 1440px) { #movieGraphic { float: right; margin: 0.5em 6em; } #movieGraphic img { height: 85px; } } @media only screen and (min-width: 1025px) and (max-width: 1280px) { /* Posts > Callout Grid Home */ .grid-callout-home { height: 100px; } .grid-callout-home .post { height: 100px; } .grid-callout-home .post .post-image, .grid-callout-home .post .post-image a { height: 100px; } .grid-callout-home .post .post-title { padding: 20px 20px; font-size: 1.7em; } .grid-callout-home .post.post-no-1, .grid-callout-home .post.post-no-2, .grid-callout-home .post.post-no-3 { width: 20%; } .grid-callout-home .post.post-no-3 { width: 20%; } .grid-callout-home .post.post-no-4, .grid-callout-home .post.post-no-5 { width: 20%; display: block; } } /* < 1280px */ @media only screen and (max-width: 1280px) { .grid-callout-home .post.post-no-1, .grid-callout-home .post.post-no-2, .grid-callout-home .post.post-no-3 { width: 20%; } .grid-callout-home .post.post-no-3 { width: 20%; } .grid-callout-home .post.post-no-4, .grid-callout-home .post.post-no-5 { width: 20%; display: block; } #movieGraphic { float: right; margin: 0.5em 4em; } #movieGraphic img { height: 85px; } #timsVermeerHome { height: 100px; overflow: hidden; width: 100%; } } /* < 1024px */ @media only screen and (max-width: 1024px) { #movieGraphic img { height: 70px; } #movieGraphic { float: right; margin: 0.5em 1em; } #timsVermeerHome { height: 100px; overflow: hidden; width: 100%; } #timsVermeerHome img { /* margin-top: -4%; */ } } /* < 768px */ @media only screen and (max-width: 768px) { /* Callout Grid Home */ .grid-callout-home .post.post-no-1, .grid-callout-home .post.post-no-2, .grid-callout-home .post.post-no-3 { width: 33.3%; display: block;} .grid-callout-home .post.post-no-4, .grid-callout-home .post.post-no-5 { display: none; } #movieGraphic img { height: 60px; } #movieGraphic { float: right; margin: 0.75em 1em; } #timsVermeerHome img { /* margin-top: -4%; */ } #timsVermeerHome { height: 80px; width: 114%; margin-left: -13%; } } /* < 480px */ @media only screen and (max-width: 480px) { #movieGraphic { display: none; visibility: hidden; } } /* -------------------------------------------------- Small Heights -------------------------------------------------- */ @media only screen and (max-height: 360px) { } @media only screen and (max-height: 640px) { } /* -------------------------------------------------- Retina -------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) { } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min-resolution: 192dpi) and (max-width: 480px), only screen and (min-resolution: 2dppx) and (max-width: 480px) { }