/* * 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 ================================================== */ /* #Media Queries ================================================== */ div.responsive-menu-wrapper{ display: none; } div.gdl-likebox img{ width: auto; } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { div.gdl-likebox{ display: none; } div.search-wrapper{ width: auto; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { div.gdl-widget-tab-header-item a { padding: 8px 9px; display: block; } .innerpage .blog-thumbnail-image{float:left; width:220px; /*height:165px;*/ overflow:hidden;} .innerpage .blog-thumbnail-context{padding:0 0 0 20px; width:220px; min-height:50px; text-align:center; float:left;} .innerpage .sixteen.columns{width:auto !important;} .event .image{float:left; width:220px; min-heigh:50px; text-align:center; background:#fff;} .event .event-content{width:220px; float:left; padding:0 0 0 20px;} .wrapper-inner{max-width:788px; background: url('../png/page-bg-repeat-768.png') repeat-y center top;} .home .blog-item{float:left !important; width:244px; margin:0 10px;} .home .blog-item .blog-thumbnail-image img{width:100%;} .footer-wrapper{max-width:788px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { div.responsive-menu-wrapper{ display: block; padding:20px;} div.responsive-menu-wrapper select{ width: 100%; height: 30px; margin: 0px; background:#f6f6f6;} div.navigation-top-gimmick, div.navigation-wrapper{ display: none; } div.logo-wrapper { text-align: center; margin-top: 35px; margin-bottom: 20px; } div.top-banner-wrapper, div.social-wrapper{ margin-top: 0px; margin-bottom: 20px; } div.social-wrapper{ float: none; } div.social-icon-wrapper{ display: inline-block; } div.logo-wrapper{ max-width: 100%; } /* blog-item */ div.blog-header-wrapper{ margin-left: 0px; margin-right: 0px; } /* blog-item-full */ div.blog-item-holder .blog-item-full .blog-thumbnail-image, div.blog-item-holder .blog-item-full .blog-thumbnail-slider, div.blog-item-holder .blog-item-full .blog-thumbnail-video{ margin: 0px; float: none; width: auto; padding-right: 0px; padding-bottom: 10px; } /* stunning text */ div.stunning-text-button-wrapper{ float: none; } div.stunning-text-content-wrapper{ text-align: center; } a.stunning-text-button{ float: none; display: inline-block; margin: 0px auto 10px !important; } /* slider */ div.flex-caption{ display: none; } div.pika-stage .caption{ display: none !important; } .innerpage .blog-thumbnail-image{margin: 0px; float: none; width: auto; padding-right: 0px; padding-bottom: 10px;} div.bkp-frame img, div.bkp-frame-wrapper img, div.page-bkp-frame-wrapper.gallery img{ max-width: 100%; height: auto; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { div.search-wrapper input[type="text"] { width: 364px; } div.comment-wrapper input[type="text"], input[type="password"] { width: 260px !important; } div.comment-wrapper .comment-form-captcha input{ width: 145px !important; } .tagline{text-align:center; padding:10px 0 20px;} .wrapper-inner{max-width:440px; background: url('../png/page-bg-repeat-480.png') repeat-y center top;} .home .blog-item{float:left !important; width:410px; margin:0;} .home .blog-item .blog-thumbnail-image img{width:100%;} .footer-wrapper{width:440px;} div.footer-widget-wrapper .footer-nav{margin:25px 0 0;} div.footer-widget-wrapper .social-links{margin:25px 0 0;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { div.search-wrapper input[type="text"] { width: 244px; } div.comment-wrapper input[type="text"], input[type="password"] { width: 150px !important; } div.comment-wrapper .comment-form-captcha input{ width: 35px !important; } div.responsive-menu-wrapper{ display: block; padding:10px;} .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .four.columns, .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .eight.columns, .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .twelve.columns, .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .sixteen.columns, .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .one-third.column, .container .sidebar-included .gdl-page-item .page-bkp-frame-wrapper .two-thirds.column{width:auto !important;} .wrapper-inner{max-width:320px; background: url('../png/page-bg-repeat-320.png') repeat-y center top;} .tagline{text-align:center; padding:10px 0 20px;} .footer-wrapper{width:320px;} div.footer-widget-wrapper .footer-inner .one-third{width:auto;} div.footer-widget-wrapper .footer-inner .one-third ul li{width:100%;} div.footer-widget-wrapper .footer-nav{margin:25px 0 0;} div.footer-widget-wrapper .social-links{margin:25px 0 0;} } @media only screen and (min-width: 959px) { div.gdl-widget-tab-header-item a { padding: 8px 9px; display: block; } .innerpage .blog-thumbnail-image{float:left; width:220px; /*height:165px;*/ overflow:hidden;} .innerpage .blog-thumbnail-context{padding:0 0 0 20px; width:360px; float:left;} .event .image{float:left; width:220px; min-heigh:50px; text-align:center; background:#fff;} .event .event-content{width:360px; float:left; padding:0 0 0 20px;} .innerpage .sixteen.columns{width:auto !important;} .wrapper-inner{max-width:980px;} .home .blog-item{float:left !important; width:310px; margin:0 10px;} .home .blog-item .blog-thumbnail-image img{width:100%;} .footer-wrapper{width:980px;} }