| @@ -1,338 +0,0 @@ | |||||
| /* | |||||
| Variable Grid System. | |||||
| Learn more ~ http://www.spry-soft.com/grids/ | |||||
| Based on 960 Grid System - http://960.gs/ | |||||
| Licensed under GPL and MIT. | |||||
| */ | |||||
| /* Containers | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 { | |||||
| margin-left: auto; | |||||
| margin-right: auto; | |||||
| width: 756px; | |||||
| } | |||||
| /* Grid >> Global | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .grid_1, | |||||
| .grid_2, | |||||
| .grid_3, | |||||
| .grid_4, | |||||
| .grid_5, | |||||
| .grid_6, | |||||
| .grid_7, | |||||
| .grid_8, | |||||
| .grid_9, | |||||
| .grid_10, | |||||
| .grid_11, | |||||
| .grid_12 { | |||||
| display:inline; | |||||
| float: left; | |||||
| position: relative; | |||||
| margin-left: 20px; | |||||
| margin-right: 20px; | |||||
| } | |||||
| /* Grid >> Children (Alpha ~ First, Omega ~ Last) | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .alpha { | |||||
| margin-left: 0; | |||||
| } | |||||
| .omega { | |||||
| margin-right: 0; | |||||
| } | |||||
| /* Grid >> 12 Columns | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 .grid_1 { | |||||
| width:23px; | |||||
| } | |||||
| .container_12 .grid_2 { | |||||
| width:86px; | |||||
| } | |||||
| .container_12 .grid_3 { | |||||
| width:149px; | |||||
| } | |||||
| .container_12 .grid_4 { | |||||
| width:212px; | |||||
| } | |||||
| .container_12 .grid_5 { | |||||
| width:275px; | |||||
| } | |||||
| .container_12 .grid_6 { | |||||
| width:338px; | |||||
| } | |||||
| .container_12 .grid_7 { | |||||
| width:401px; | |||||
| } | |||||
| .container_12 .grid_8 { | |||||
| width:464px; | |||||
| } | |||||
| .container_12 .grid_9 { | |||||
| width:527px; | |||||
| } | |||||
| .container_12 .grid_10 { | |||||
| width:590px; | |||||
| } | |||||
| .container_12 .grid_11 { | |||||
| width:653px; | |||||
| } | |||||
| .container_12 .grid_12 { | |||||
| width:716px; | |||||
| } | |||||
| /* Prefix Extra Space >> 12 Columns | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 .prefix_1 { | |||||
| padding-left:63px; | |||||
| } | |||||
| .container_12 .prefix_2 { | |||||
| padding-left:126px; | |||||
| } | |||||
| .container_12 .prefix_3 { | |||||
| padding-left:189px; | |||||
| } | |||||
| .container_12 .prefix_4 { | |||||
| padding-left:252px; | |||||
| } | |||||
| .container_12 .prefix_5 { | |||||
| padding-left:315px; | |||||
| } | |||||
| .container_12 .prefix_6 { | |||||
| padding-left:378px; | |||||
| } | |||||
| .container_12 .prefix_7 { | |||||
| padding-left:441px; | |||||
| } | |||||
| .container_12 .prefix_8 { | |||||
| padding-left:504px; | |||||
| } | |||||
| .container_12 .prefix_9 { | |||||
| padding-left:567px; | |||||
| } | |||||
| .container_12 .prefix_10 { | |||||
| padding-left:630px; | |||||
| } | |||||
| .container_12 .prefix_11 { | |||||
| padding-left:693px; | |||||
| } | |||||
| /* Suffix Extra Space >> 12 Columns | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 .suffix_1 { | |||||
| padding-right:63px; | |||||
| } | |||||
| .container_12 .suffix_2 { | |||||
| padding-right:126px; | |||||
| } | |||||
| .container_12 .suffix_3 { | |||||
| padding-right:189px; | |||||
| } | |||||
| .container_12 .suffix_4 { | |||||
| padding-right:252px; | |||||
| } | |||||
| .container_12 .suffix_5 { | |||||
| padding-right:315px; | |||||
| } | |||||
| .container_12 .suffix_6 { | |||||
| padding-right:378px; | |||||
| } | |||||
| .container_12 .suffix_7 { | |||||
| padding-right:441px; | |||||
| } | |||||
| .container_12 .suffix_8 { | |||||
| padding-right:504px; | |||||
| } | |||||
| .container_12 .suffix_9 { | |||||
| padding-right:567px; | |||||
| } | |||||
| .container_12 .suffix_10 { | |||||
| padding-right:630px; | |||||
| } | |||||
| .container_12 .suffix_11 { | |||||
| padding-right:693px; | |||||
| } | |||||
| /* Push Space >> 12 Columns | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 .push_1 { | |||||
| left:63px; | |||||
| } | |||||
| .container_12 .push_2 { | |||||
| left:126px; | |||||
| } | |||||
| .container_12 .push_3 { | |||||
| left:189px; | |||||
| } | |||||
| .container_12 .push_4 { | |||||
| left:252px; | |||||
| } | |||||
| .container_12 .push_5 { | |||||
| left:315px; | |||||
| } | |||||
| .container_12 .push_6 { | |||||
| left:378px; | |||||
| } | |||||
| .container_12 .push_7 { | |||||
| left:441px; | |||||
| } | |||||
| .container_12 .push_8 { | |||||
| left:504px; | |||||
| } | |||||
| .container_12 .push_9 { | |||||
| left:567px; | |||||
| } | |||||
| .container_12 .push_10 { | |||||
| left:630px; | |||||
| } | |||||
| .container_12 .push_11 { | |||||
| left:693px; | |||||
| } | |||||
| /* Pull Space >> 12 Columns | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| .container_12 .pull_1 { | |||||
| left:-63px; | |||||
| } | |||||
| .container_12 .pull_2 { | |||||
| left:-126px; | |||||
| } | |||||
| .container_12 .pull_3 { | |||||
| left:-189px; | |||||
| } | |||||
| .container_12 .pull_4 { | |||||
| left:-252px; | |||||
| } | |||||
| .container_12 .pull_5 { | |||||
| left:-315px; | |||||
| } | |||||
| .container_12 .pull_6 { | |||||
| left:-378px; | |||||
| } | |||||
| .container_12 .pull_7 { | |||||
| left:-441px; | |||||
| } | |||||
| .container_12 .pull_8 { | |||||
| left:-504px; | |||||
| } | |||||
| .container_12 .pull_9 { | |||||
| left:-567px; | |||||
| } | |||||
| .container_12 .pull_10 { | |||||
| left:-630px; | |||||
| } | |||||
| .container_12 .pull_11 { | |||||
| left:-693px; | |||||
| } | |||||
| /* Clear Floated Elements | |||||
| ----------------------------------------------------------------------------------------------------*/ | |||||
| /* http://sonspring.com/journal/clearing-floats */ | |||||
| .clear { | |||||
| clear: both; | |||||
| display: block; | |||||
| overflow: hidden; | |||||
| visibility: hidden; | |||||
| width: 0; | |||||
| height: 0; | |||||
| } | |||||
| /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ | |||||
| .clearfix:after { | |||||
| clear: both; | |||||
| content: ' '; | |||||
| display: block; | |||||
| font-size: 0; | |||||
| line-height: 0; | |||||
| visibility: hidden; | |||||
| width: 0; | |||||
| height: 0; | |||||
| } | |||||
| .clearfix { | |||||
| display: inline-block; | |||||
| } | |||||
| * html .clearfix { | |||||
| height: 1%; | |||||
| } | |||||
| .clearfix { | |||||
| display: block; | |||||
| } | |||||