Created
May 9, 2012 19:44
-
-
Save betweenbrain/2648292 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-size: 76%; | |
| } | |
| #body-container { | |
| width: 96%; | |
| } | |
| #body-container .gutter { | |
| margin: 0 2%; | |
| } | |
| /* ============================================================================= | |
| grid.css | |
| ========================================================================== */ | |
| @media only screen and (min-width: 750px) { | |
| ul.menu li.item-435 a:before{ | |
| content: "min-width: 750px "; | |
| } | |
| #body-container, | |
| #header-above { | |
| margin: 0 auto; | |
| padding: 0; | |
| } | |
| #load-first, | |
| #footer-above { | |
| float: left; | |
| } | |
| #footer-above { | |
| width: 100%; | |
| } | |
| .main-only #content-main { | |
| float: left; | |
| width: 100%; | |
| } | |
| .main-only #load-first { | |
| width: 100%; | |
| } | |
| .alpha-1-main #load-first { | |
| width: 100%; | |
| } | |
| .alpha-1-main #content-main { | |
| float: right; | |
| width: 81%; | |
| } | |
| .alpha-1-main #column-group-alpha { | |
| float: left; | |
| width: 17%; | |
| } | |
| .alpha-2-main #load-first { | |
| width: 100%; | |
| } | |
| .alpha-2-main #content-main { | |
| float: right; | |
| width: 62%; | |
| } | |
| .alpha-2-main #column-group-alpha { | |
| float: left; | |
| width: 36%; | |
| } | |
| .main-beta-1 #content-main { | |
| float: left; | |
| width: 100%; | |
| } | |
| .main-beta-1 #load-first { | |
| width: 81%; | |
| } | |
| .main-beta-1 #column-group-beta { | |
| float: right; | |
| width: 17%; | |
| } | |
| .main-beta-2 #content-main { | |
| float: left; | |
| width: 100%; | |
| } | |
| .main-beta-2 #load-first { | |
| width: 62%; | |
| } | |
| .main-beta-2 #column-group-beta { | |
| float: right; | |
| width: 36%; | |
| } | |
| .alpha-1-main-beta-1 #load-first { | |
| width: 81%; | |
| } | |
| .alpha-1-main-beta-1 #content-main { | |
| float: right; | |
| width: 74.2%; | |
| } | |
| .alpha-1-main-beta-1 #column-group-alpha { | |
| float: left; | |
| width: 23.8%; | |
| } | |
| .alpha-1-main-beta-1 #column-group-beta { | |
| float: right; | |
| width: 17%; | |
| } | |
| .alpha-2-main-beta-1 #load-first { | |
| width: 81%; | |
| } | |
| .alpha-2-main-beta-1 #content-main { | |
| float: right; | |
| width: 62%; | |
| } | |
| .alpha-2-main-beta-1 #column-group-alpha { | |
| float: left; | |
| width: 36%; | |
| } | |
| .alpha-2-main-beta-1 #column-group-beta { | |
| float: right; | |
| width: 17%; | |
| } | |
| .alpha-1-main-beta-2 #load-first { | |
| width: 62%; | |
| } | |
| .alpha-1-main-beta-2 #content-main { | |
| float: right; | |
| width: 65.5%; | |
| } | |
| .alpha-1-main-beta-2 #column-group-alpha { | |
| float: left; | |
| width: 32.5%; | |
| } | |
| .alpha-1-main-beta-2 #column-group-beta { | |
| float: right; | |
| width: 36%; | |
| } | |
| .alpha-2-main-beta-2 #load-first { | |
| width: 62%; | |
| } | |
| .alpha-2-main-beta-2 #content-main { | |
| float: right; | |
| width: 38%; | |
| } | |
| .alpha-2-main-beta-2 #column-group-alpha { | |
| float: left; | |
| width: 60%; | |
| } | |
| .alpha-2-main-beta-2 #column-group-beta { | |
| float: right; | |
| width: 36%; | |
| } | |
| /* ============================================================================= | |
| spacing rules | |
| ========================================================================== */ | |
| .gutter { | |
| margin: 0; | |
| } | |
| #column-group-alpha .gutter { | |
| margin: 0 2% 0 0; | |
| } | |
| #column-group-beta .gutter { | |
| margin: 0 0 0 2%; | |
| } | |
| /* ============================================================================= | |
| dynamic module widths | |
| ========================================================================== */ | |
| .count-1 { | |
| float: left; | |
| width: 100%; | |
| } | |
| .count-2 { | |
| float: left; | |
| width: 50%; | |
| } | |
| .count-3 { | |
| float: left; | |
| width: 33.3%; | |
| } | |
| .count-4 { | |
| float: left; | |
| width: 25%; | |
| } | |
| .count-5 { | |
| float: left; | |
| width: 20%; | |
| } | |
| .count-6 { | |
| float: left; | |
| width: 16.6%; | |
| } | |
| /* ============================================================================= | |
| column widths | |
| ========================================================================== */ | |
| .cols-1 { | |
| display: block; | |
| float: none !important; | |
| margin: 0 !important; | |
| } | |
| .cols-2 .item { | |
| width: 49%; | |
| } | |
| .cols-2 .item + .item { | |
| padding-left: 2%; | |
| } | |
| .cols-3 .item { | |
| width: 32%; | |
| } | |
| .cols-3 .item + .item { | |
| padding-left: 2%; | |
| } | |
| .cols-4 .item { | |
| width: 23.5%; | |
| } | |
| .cols-4 .item + .item { | |
| padding-left: 2%; | |
| } | |
| .cols-5 .item { | |
| width: 18.4%; | |
| } | |
| .cols-5 .item + .item { | |
| padding-left: 2%; | |
| } | |
| .cols-6 .item { | |
| width: 15%; | |
| } | |
| .cols-6 .item + .item { | |
| padding-left: 2%; | |
| } | |
| .cols-2 .item, | |
| .cols-3 .item, | |
| .cols-4 .item, | |
| .cols-5 .item, | |
| .cols-6 .item { | |
| float: left; | |
| } | |
| .column-1, | |
| .items-more { | |
| clear: both; | |
| } | |
| .alpha-2-main-beta-2 #column-group-alpha { | |
| width: 31%; | |
| } | |
| .alpha-2-main-beta-2 #load-first { | |
| width: 74%; | |
| } | |
| .alpha-2-main-beta-2 #column-group-beta { | |
| width: 25%; | |
| } | |
| .alpha-2-main-beta-2 #content-main { | |
| width: 67%; | |
| } | |
| } | |
| /* 2x */ | |
| @media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
| only screen and (-o-min-device-pixel-ratio: 3/2), | |
| only screen and (min-device-pixel-ratio: 1.5) { | |
| } | |
| @media only screen and (min-width:480px) and (max-width:749px){ | |
| ul.menu li.item-435 a:before{ | |
| content: "min-width:480px and max-width: 749px "; | |
| } | |
| #content-main, | |
| .load-first{ | |
| width:100% | |
| } | |
| .alpha-1-main #column-group-alpha, | |
| .alpha-1-main-beta-1 #column-group-alpha{ | |
| width:50% | |
| } | |
| .alpha-1-main #column-1, | |
| .alpha-1-main #column-2, | |
| .main-beta-1 #column-3, | |
| .main-beta-1 #column-4, | |
| .alpha-1-main-beta-1 #column-1, | |
| .alpha-1-main-beta-1 #column-2, | |
| .alpha-1-main-beta-1 #column-3, | |
| .alpha-1-main-beta-1 #column-4, | |
| .alpha-1-main-beta-2 #column-1, | |
| .alpha-1-main-beta-2 #column-2, | |
| .alpha-1-main-beta-2 #column-3, | |
| .alpha-1-main-beta-2 #column-4, | |
| .alpha-2-main-beta-1 #column-1, | |
| .alpha-2-main-beta-1 #column-2, | |
| .alpha-2-main-beta-1 #column-3, | |
| .alpha-2-main-beta-1 #column-4, | |
| .alpha-2-main-beta-2 #column-1, | |
| .alpha-2-main-beta-2 #column-2, | |
| .alpha-2-main-beta-2 #column-3, | |
| .alpha-2-main-beta-2 #column-4 { | |
| float:left; | |
| width:50%; | |
| } | |
| } | |
| @media only screen and (max-width:479px){ | |
| ul.menu li.item-435 a:before{ | |
| content: "max-width: 479px "; | |
| } | |
| #load-first, | |
| .footer-above, | |
| .main-only #content-main, | |
| .main-only #load-first, | |
| .alpha-1-main #load-first, | |
| .alpha-1-main #content-main, | |
| .alpha-1-main #column-group-alpha, | |
| .alpha-2-main #load-first, | |
| .alpha-2-main #content-main, | |
| .alpha-2-main #column-group-alpha, | |
| .main-beta-1 #content-main, | |
| .main-beta-1 #load-first, | |
| .main-beta-1 #column-group-beta, | |
| .main-beta-2 #content-main, | |
| .main-beta-2 #load-first, | |
| .main-beta-2 #column-group-beta, | |
| .alpha-1-main-beta-1 #load-first, | |
| .alpha-1-main-beta-1 #content-main, | |
| .alpha-1-main-beta-1 #column-group-alpha, | |
| .alpha-1-main-beta-1 #column-group-beta, | |
| .alpha-2-main-beta-1 #load-first, | |
| .alpha-2-main-beta-1 #content-main, | |
| .alpha-2-main-beta-1 #column-group-alpha, | |
| .alpha-2-main-beta-1 #column-group-beta, | |
| .alpha-1-main-beta-2 #load-first, | |
| .alpha-1-main-beta-2 #content-main, | |
| .alpha-1-main-beta-2 #column-group-alpha, | |
| .alpha-1-main-beta-2 #column-group-beta, | |
| .alpha-2-main-beta-2 #load-first, | |
| .alpha-2-main-beta-2 #content-main, | |
| .alpha-2-main-beta-2 #column-group-alpha, | |
| .alpha-2-main-beta-2 #column-group-beta, | |
| .count-1, | |
| .count-2, | |
| .count-3, | |
| .count-4, | |
| .count-5, | |
| .count-6, | |
| .cols-2 .item, | |
| .cols-3 .item, | |
| .cols-4 .item, | |
| .cols-5 .item, | |
| .cols-6 .item{ | |
| width:100% | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment