/** * * BoldR Lite WordPress Theme by Iceable Themes | http://www.iceablethemes.com * * Copyright 2013 Mathieu Sarrasin - Iceable Media * * Media Queries CSS * */ /* #Tablet (Portrait) ================================================== */ @media only screen and (min-width: 768px) and (max-width: 959px) { #main-wrap.boxed { width: 768px; margin: 20px auto; } .sub-footer-left { margin-left: 15px; } .sub-footer-right { margin-right: 15px; } #logo { padding: 40px 15px; } #navbar, #slider-wrap { width: 738px; } h1.page-title, h1.entry-title { width: 718px; margin: 0 15px 40px 15px; } #navbar > .menu-container { width: 587px; } #nav-search { width: 150px; } #nav-search #s { width: 112px; } #searchform #searchsubmit { left: 122px; } #searchform #s { width: 131px; } #sidebar #searchform #s { width: 117px; } #calendar_wrap td { padding: 1px 3px; } .thumbnail { max-width: 200px; height: auto; } .single-post .thumbnail { max-width: 460px; height: auto; } .post-contents, .single-post .post-contents { width: 460px; } #sidebar-container.right { width: 161px; margin-right: 15px!important; } #sidebar-container.left { width: 161px; margin-left: 15px!important; } #footer .container { width: 768px; } } /* #Mobile (Portrait) ================================================== */ @media only screen and (max-width: 767px) { #main-wrap.boxed { width: 310px; margin: 20px auto; } #logo { text-align: center } #navbar > .menu-container { width: 300px; } #nav-search { display: none; } #sidebar #searchform #s { width: 245px; } #sidebar #searchform #searchsubmit { left: 255px; } #calendar_wrap td { padding: 3px 12px; } #sidebar .partner-thumb { width: 275px; } h1.page-title, h1.entry-title { margin: 0 0px 40px 0px; width: 285px; } .post-contents, .single-post .post-contents { width: 190px; } .single-post .thumbnail { max-width: 190px; } .sub-footer-left, .sub-footer-right { float: none; text-align: center; margin-bottom: 20px } } /* #Mobile (Landscape) ================================================== */ @media only screen and (min-width: 480px) and (max-width: 767px) { #main-wrap.boxed { width: 440px; margin: 20px auto; } #navbar > .menu-container { width: 420px; } #sidebar #searchform #s { width: 365px; } #sidebar #searchform #searchsubmit { left: 375px; } #calendar_wrap td { padding: 5px 20px; } h1.page-title, h1.entry-title { margin: 0 0px 40px 0px; width: 405px; } .post-contents, .single-post .post-contents { width: 310px; } .single-post .thumbnail { max-width: 310px; } }