Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- * 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
- */
- /* #Tablet (Portrait)
- ================================================== */
- /* Note: Design for a width of 768px */
- @media only screen and (min-width: 768px) and (max-width: 959px) {
- #main.container {
- padding: 0 20px;
- }
- #backsketch {
- max-width: 100%;
- }
- #footer1 {
- display: none;
- }
- #footer2 {
- margin-left: 20px;
- }
- #main {
- margin-bottom: 40px;
- }
- #header.navbar {
- width: 100%;
- }
- body #header.navbar #logo {
- width: 23%;
- }
- #header.navbar #menu {
- width: 75%;
- }
- .jt-menu li {
- margin-bottom: 5px;
- }
- #header.navbar {
- z-index: 1;
- }
- #header.navbar #search, #header.navbar #social_icons {
- margin-top: 10px;
- }
- #social_sharing, #live_comments, #featured_boxes .boxes span.description, #fss-strip1 {
- display: none;
- }
- .featured_boxes_carousel .viewport {
- width: 100%;
- }
- .featured_boxes_carousel .overview li {
- width: 187px;
- height: 187px;
- }
- .featured_boxes .boxes {
- width: 127px;
- height: 127px;
- }
- #front_centered {
- position: inherit;
- margin-left: 0;
- }
- #footer {
- position: relative;
- }
- .featured_boxes_carousel {
- height: auto;
- margin-bottom: 10px;
- }
- .hg-portfolio-sortable #sorting {
- margin-bottom: 25px;
- }
- }
- /* #Mobile (Portrait)
- ================================================== */
- /* Note: Design for a width of 320px */
- @media only screen and (max-width: 767px) {
- #main.container {
- padding: 0 20px;
- }
- .jt-menu {
- display: none;
- }
- .core_team {
- width: 100%;
- }
- #header.navbar #search {
- display: none;
- }
- #tinynav1 {
- display: block;
- width: 90%;
- margin: 15px auto -5px;
- }
- img, #backsketch {
- max-width: 100%;
- }
- #footer1 {
- display: none;
- }
- #footer2 {
- margin-left: 20px;
- width: auto;
- }
- #main {
- margin-bottom: 40px;
- }
- #header.navbar {
- width: 100%;
- }
- body #header.navbar #logo {
- width: 100%;
- position: inherit !important;
- }
- #header.navbar #menu {
- width: 100%;
- }
- #header.navbar {
- z-index: 1;
- }
- #header.navbar #search, #header.navbar #social_icons {
- margin-top: 40px;
- }
- #mainboxes {
- margin-bottom: 20px;
- display: block !important;
- }
- #social_sharing, #live_comments, #footer3, #footer4, .supersized_slider, .thumbContainer, #arrow_indicator,
- .sq_controls, .mb_YTVPBar .buttonBar, #social_icons, .featured_boxes_carousel .carousel_bullets, #fss-strip1 {
- display: none !important;
- }
- .featured_boxes_carousel .overview {
- width: 100% !important;
- position: relative !important;
- }
- .featured_boxes_carousel .viewport {
- height: auto;
- overflow: visible;
- width: 100%;
- }
- .featured_boxes_carousel .overview li {
- width: 295px;
- height: 300px;
- }
- .featured_boxes .boxes {
- width: 240px;
- height: 240px;
- }
- #featured_boxes .boxes h5.title {
- font-size: 16px;
- }
- #featured_boxes .boxes span.description {
- font-size: 14px;
- }
- #front_centered {
- position: inherit;
- margin-left: 0;
- }
- #footer {
- position: relative;
- }
- .noSidebars #mainbody {
- padding-right: 10px;
- }
- .hg-portfolio-sortable #sorting {
- margin-bottom: 25px;
- }
- .page-template-page-template-ffslider-php #footer, .page-template-page-template-supersized-php #footer,
- .page-template-page-template-gridgallery-php #footer, .page-template-page-template-sequence-php #footer {
- position: fixed;
- }
- }
- /* #Mobile (Landscape)
- ================================================== */
- /* Note: Design for a width of 480px */
- @media only screen and (min-width: 480px) and (max-width: 767px) {
- #main.container {
- padding: 0 20px;
- }
- img, #backsketch {
- max-width: 100%;
- }
- #footer2 {
- width: 205px;
- }
- .jt-menu {
- display: none;
- }
- #tinynav1 {
- display: block;
- margin-bottom: 5px;
- margin-top: 25px;
- width: 90%;
- }
- #footer1 {
- display: none;
- }
- #footer2 {
- margin-left: 20px;
- width: auto;
- }
- #main {
- margin-bottom: 40px;
- }
- #header.navbar {
- width: 100%;
- }
- #logo {
- width: 100%;
- }
- #header.navbar #search, #header.navbar #social_icons {
- margin-top: 40px;
- }
- #mainboxes {
- margin-bottom: 20px;
- display: block !important;
- }
- #social_sharing, #live_comments, #footer3, #footer4, .supersized_slider, .thumbContainer, #arrow_indicator,
- .sq_controls, .mb_YTVPBar .buttonBar , #social_icons, .featured_boxes_carousel .carousel_bullets,
- #featured_boxes .boxes span.description, #fss-strip1 {
- display: none !important;
- }
- .featured_boxes_carousel .overview {
- width: 100% !important;
- position: relative !important;
- }
- .featured_boxes_carousel .viewport {
- height: auto;
- overflow: visible;
- width: 100%;
- }
- .featured_boxes_carousel .overview li {
- width: 209px;
- height: 209px;
- }
- .featured_boxes .boxes {
- width: 151px;
- height: 151px;
- }
- #front_centered {
- position: inherit;
- margin-left: 0;
- }
- #footer {
- position: relative;
- }
- .featured_boxes_carousel {
- height: auto;
- margin-bottom: 10px;
- }
- .noSidebars #mainbody {
- padding-right: 10px;
- }
- .hg-portfolio-sortable #sorting {
- margin-bottom: 25px;
- }
- .page-template-page-template-ffslider-php #footer, .page-template-page-template-supersized-php #footer,
- .page-template-page-template-gridgallery-php #footer, .page-template-page-template-sequence-php #footer {
- position: fixed;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement