root / drupal7 / sites / all / themes / responsive / css / layout.css @ cc7b6b59
| 1 |
/*
|
|---|---|
| 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 |
} |