root / drupal7 / sites / all / themes / responsive / css / layout.css @ 4b706e38
| 1 | cc7b6b59 | Julien Enselme | /*
|
|---|---|---|---|
| 2 | * Skeleton V1.1
|
||
| 3 | * Copyright 2011, Dave Gamache
|
||
| 4 | * www.getskeleton.com
|
||
| 5 | * Free to use under the MIT license.
|
||
| 6 | * http://www.opensource.org/licenses/mit-license.php
|
||
| 7 | * 8/17/2011
|
||
| 8 | */
|
||
| 9 | |||
| 10 | /* Table of Content
|
||
| 11 | ==================================================
|
||
| 12 | #Site Styles
|
||
| 13 | #Page Styles
|
||
| 14 | #Media Queries
|
||
| 15 | #Font-Face */
|
||
| 16 | |||
| 17 | /* #Site Styles
|
||
| 18 | ================================================== */
|
||
| 19 | |||
| 20 | /* #Page Styles
|
||
| 21 | ================================================== */
|
||
| 22 | |||
| 23 | /* #Media Queries
|
||
| 24 | ================================================== */
|
||
| 25 | |||
| 26 | /* Smaller than standard 960 (devices and browsers) */
|
||
| 27 | @media only screen and (max-width: 959px) {} |
||
| 28 | |||
| 29 | /* Tablet Portrait size to standard 960 (devices and browsers) */
|
||
| 30 | @media only screen and (min-width: 768px) and (max-width: 959px) {} |
||
| 31 | |||
| 32 | /* All Mobile Sizes (devices and browser) */
|
||
| 33 | @media only screen and (max-width: 767px) {} |
||
| 34 | |||
| 35 | /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
||
| 36 | @media only screen and (min-width: 480px) and (max-width: 767px) { |
||
| 37 | |||
| 38 | #headright{
|
||
| 39 | margin:0px 0px!important; |
||
| 40 | width:420px; |
||
| 41 | } |
||
| 42 | |||
| 43 | #logo{
|
||
| 44 | width:420px; |
||
| 45 | margin-left:0px; |
||
| 46 | } |
||
| 47 | |||
| 48 | #front-welcome h2{ |
||
| 49 | font-size:18px!important; |
||
| 50 | } |
||
| 51 | |||
| 52 | #front-welcome p{ |
||
| 53 | font-size:15px!important; |
||
| 54 | } |
||
| 55 | |||
| 56 | #mobileMenu_mm1{
|
||
| 57 | width:380px; |
||
| 58 | } |
||
| 59 | |||
| 60 | } |
||
| 61 | |||
| 62 | /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
||
| 63 | @media only screen and (max-width: 479px) { |
||
| 64 | |||
| 65 | #headright{
|
||
| 66 | margin:0px 0px!important; |
||
| 67 | width:300px; |
||
| 68 | } |
||
| 69 | |||
| 70 | #logo{
|
||
| 71 | width:300px; |
||
| 72 | margin-left:0px; |
||
| 73 | } |
||
| 74 | |||
| 75 | #front-welcome h2 { |
||
| 76 | font-size:18px!important; |
||
| 77 | } |
||
| 78 | |||
| 79 | #front-welcome p{ |
||
| 80 | font-size:15px!important; |
||
| 81 | } |
||
| 82 | |||
| 83 | #mobileMenu_mm1{
|
||
| 84 | width:260px; |
||
| 85 | } |
||
| 86 | |||
| 87 | } |