/* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* #Page Styles ================================================== */ #mobilemenu{display:none;} #navigation .menu{display:inline-block;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #mobilemenu{display:none;} .isotope-item{width:auto!important;} img.shortcode {height:auto !important;} /*this allows the images to scale in height when fixed height is there for js reasons*/ #menu li:last-child ul { left:-80px!important; } .flex-control-nav li a { background-position: 0px 0px!important; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #mobilemenu{display:none;} #menu li:last-child ul { left:-80px!important; } .isotope-item{width:239px!important;} img.shortcode {height:auto !important;} .flexslider { overflow:hidden!important; } .flex-caption{height:auto!important;background:transparent!important;padding: 30px 40px 0px 40px!important;} .flex-direction-nav li .next { right: 50px!important;left:auto!important;bottom:auto!important;top:35px !important;} .flex-direction-nav li .prev { right: 80px!important;left:auto!important;bottom:auto!important;top:35px !important;} .captioncenter {display: table-cell;vertical-align: middle;padding: 8px 40px 0px 0px!important;} .boxed_caption { width: 60%!important;bottom: 0!important; } .slidershadow{display:none;} #container{height:auto !important;margin-bottom:30px!important;} #menu a { margin: 0px 15px 0px 15px!important;} #menu {margin-right: -15px!important; } #menu ul {left:13px!important;} #menu ul ul { left:-172px!important; } .parent{background-position: 15px 52px!important;} .flex-control-nav{bottom:0px!important;margin-top:5px!important;} .cinfo-details {width: 126px!important; } .flex-control-nav li a { background-position: 0px 1px!important; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #navigation .menu{display:none;} #mobilemenu{display:inline-block;} #mobilemenu select{width:420px;margin-bottom:10px!important;} .isotope-item{width:201px!important;} img.shortcode {height:auto !important;} .flexslider { overflow:hidden!important; } .flex-caption{height:auto!important;background:transparent!important;padding: 30px 40px 0px 40px!important;} .flex-caption{visibility:hidden!important;} .flex-direction-nav li .next { right: 25px!important;left:auto!important;bottom:auto!important;top:22px !important;} .flex-direction-nav li .prev { right: 55px!important;left:auto!important;bottom:auto!important;top:22px !important;} .slidershadow{display:none;} #container{height:auto !important;margin-bottom:30px!important;} .menu{margin-top:25px;margin-bottom: 10px;} #menu a { margin: 0px 15px 0px 0px!important;} #menu {margin-right: -15px!important; } #menu ul {left:13px!important;} #menu ul ul { left:-172px!important; } .parent{background-position: 15px 54px!important;} .flex-control-nav{bottom:0px!important;} .full-width, .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width: 100%!important;margin-bottom: 30px!important;} .resize {display: none!important;} .flat .right{float:left!important;} .right .widge{display:none;} .seven.columns.flat{margin-bottom:5px!important;} .nine.columns.flat{display:none!important;} .flat .thshpr_social_media ul li {padding-left: 0px!important;padding-right:10px !important;} .logoholder{margin-top: 15px!important;margin-bottom: 30px!important;} #contentback .columns,{margin-bottom:20px!important;} #topbar .thick_divider_30{margin-bottom: 10px!important;} .boxed_caption{display:none!important;} } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #navigation .menu{display:none;} #mobilemenu{display:inline-block;} #mobilemenu select{width:420px;} .isotope-item{width:201px!important;} .logoholder{padding-bottom:8px!important;} img.shortcode {height:auto !important;} .flexslider { overflow:hidden!important; } .flex-caption{visibility:hidden!important;} .flex-direction-nav li .next { right: 50px!important;left:auto!important;bottom:auto!important;top:22px !important;} .flex-direction-nav li .prev { right: 80px!important;left:auto!important;bottom:auto!important;top:22px !important;} .slidershadow{display:none;} #container{height:auto !important;margin-bottom:30px!important;} .flat .right{display:none!important;} .top_divider{margin-bottom:5px!important;} .logoholder{margin-bottom: 10px!important;} #menu a {margin: 0px 25px 0px 0px!important;} .arrow_tabs{float: left!important; margin-top: -18px!important; margin-bottom: 10px!important;margin-left: -18px!important;} .fancy-hover { margin-bottom: 30px!important; } .flex-control-nav{display:none !important;} .full-width, .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width: 100%!important;} .resize {display: none!important;} /* prettyPhoto styling for small screens */ .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; } a.pp_close { right: 10px!important; top: 4px!important;} .pp_content_container .pp_details { float: none; margin: 17px 0 16px 0; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #navigation .menu{display:none;} #mobilemenu{display:inline-block;} #mobilemenu select{width:300px;} .isotope-item{width:300px!important;} .logoholder{padding-bottom:8px!important;} img.shortcode {height:auto !important;} .flexslider { overflow:hidden!important; } .flex-caption{visibility:hidden!important;} .flex-direction-nav li .next { right: 50px!important;left:auto!important;bottom:auto!important;top:22px !important;} .flex-direction-nav li .prev { right: 80px!important;left:auto!important;bottom:auto!important;top:22px !important;} .slidershadow{display:none;} #container{height:auto !important;margin-bottom:30px!important;} .flat .right{display:none!important;} .top_divider{margin-bottom:5px!important;} .logoholder{margin-bottom: 10px!important;} .arrow_tabs{float: left!important; margin-top: -18px!important; margin-bottom: 10px!important;margin-left: -18px!important;} .fancy-hover { margin-bottom: 30px!important; } .flex-control-nav{display:none !important;} .full-width, .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {width: 100%!important;} .resize {display: none!important;} /* prettyPhoto styling for small screens */ .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; } div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } .pp_content { width: 100%!important; height: auto!important; } .pp_fade { width: 100%!important; height: 100%!important; } a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; } #pp_full_res img { width: 100%!important; height: auto!important; } .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; } a.pp_close { right: 10px!important; top: 4px!important;} .pp_content_container .pp_details { float: none; margin: 17px 0 16px 0; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */