| /* |
| 960 Grid System ~ Core CSS. |
| Learn more ~ http://960.gs/ |
| |
| Licensed under GPL and MIT. |
| */ |
| |
| /* =Containers |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12, |
| .container_16 |
| { |
| margin-left: auto; |
| margin-right: auto; |
| width: 960px; |
| } |
| |
| /* =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, |
| .grid_13, |
| .grid_14, |
| .grid_15, |
| .grid_16 |
| { |
| display: inline; |
| float: left; |
| margin-left: 10px; |
| margin-right: 10px; |
| } |
| |
| .container_12 .grid_3, |
| .container_16 .grid_4 |
| { |
| width: 220px; |
| } |
| |
| .container_12 .grid_6, |
| .container_16 .grid_8 |
| { |
| width: 460px; |
| } |
| |
| .container_12 .grid_9, |
| .container_16 .grid_12 |
| { |
| width: 700px; |
| } |
| |
| .container_12 .grid_12, |
| .container_16 .grid_16 |
| { |
| width: 940px; |
| } |
| |
| /* =Grid >> Children (Alpha ~ First, Omega ~ Last) |
| --------------------------------------------------------------------------------*/ |
| |
| .alpha |
| { |
| margin-left: 0; |
| } |
| |
| .omega |
| { |
| margin-right: 0; |
| } |
| |
| /* =Grid >> 12 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12 .grid_1 |
| { |
| width: 60px; |
| } |
| |
| .container_12 .grid_2 |
| { |
| width: 140px; |
| } |
| |
| .container_12 .grid_4 |
| { |
| width: 300px; |
| } |
| |
| .container_12 .grid_5 |
| { |
| width: 380px; |
| } |
| |
| .container_12 .grid_7 |
| { |
| width: 540px; |
| } |
| |
| .container_12 .grid_8 |
| { |
| width: 620px; |
| } |
| |
| .container_12 .grid_10 |
| { |
| width: 780px; |
| } |
| |
| .container_12 .grid_11 |
| { |
| width: 860px; |
| } |
| |
| /* =Grid >> 16 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_16 .grid_1 |
| { |
| width: 40px; |
| } |
| |
| .container_16 .grid_2 |
| { |
| width: 100px; |
| } |
| |
| .container_16 .grid_3 |
| { |
| width: 160px; |
| } |
| |
| .container_16 .grid_5 |
| { |
| width: 280px; |
| } |
| |
| .container_16 .grid_6 |
| { |
| width: 340px; |
| } |
| |
| .container_16 .grid_7 |
| { |
| width: 400px; |
| } |
| |
| .container_16 .grid_9 |
| { |
| width: 520px; |
| } |
| |
| .container_16 .grid_10 |
| { |
| /* width: 580px; */ |
| } |
| |
| .container_16 .grid_11 |
| { |
| /* width: 640px; */ |
| } |
| |
| .container_16 .grid_13 |
| { |
| width: 760px; |
| } |
| |
| .container_16 .grid_14 |
| { |
| width: 820px; |
| } |
| |
| .container_16 .grid_15 |
| { |
| width: 880px; |
| } |
| |
| /* =Prefix Extra Space >> Global |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12 .prefix_3, |
| .container_16 .prefix_4 |
| { |
| padding-left: 240px; |
| } |
| |
| .container_12 .prefix_6, |
| .container_16 .prefix_8 |
| { |
| padding-left: 480px; |
| } |
| |
| .container_12 .prefix_9, |
| .container_16 .prefix_12 |
| { |
| padding-left: 720px; |
| } |
| |
| /* =Prefix Extra Space >> 12 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12 .prefix_1 |
| { |
| padding-left: 80px; |
| } |
| |
| .container_12 .prefix_2 |
| { |
| padding-left: 160px; |
| } |
| |
| .container_12 .prefix_4 |
| { |
| padding-left: 320px; |
| } |
| |
| .container_12 .prefix_5 |
| { |
| padding-left: 400px; |
| } |
| |
| .container_12 .prefix_7 |
| { |
| padding-left: 560px; |
| } |
| |
| .container_12 .prefix_8 |
| { |
| padding-left: 640px; |
| } |
| |
| .container_12 .prefix_10 |
| { |
| padding-left: 800px; |
| } |
| |
| .container_12 .prefix_11 |
| { |
| padding-left: 880px; |
| } |
| |
| /* =Prefix Extra Space >> 16 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_16 .prefix_1 |
| { |
| padding-left: 60px; |
| } |
| |
| .container_16 .prefix_2 |
| { |
| padding-left: 120px; |
| } |
| |
| .container_16 .prefix_3 |
| { |
| padding-left: 180px; |
| } |
| |
| .container_16 .prefix_5 |
| { |
| /* padding-left: 300px; */ |
| } |
| |
| .container_16 .prefix_6 |
| { |
| padding-left: 360px; |
| } |
| |
| .container_16 .prefix_7 |
| { |
| padding-left: 420px; |
| } |
| |
| .container_16 .prefix_9 |
| { |
| padding-left: 540px; |
| } |
| |
| .container_16 .prefix_10 |
| { |
| padding-left: 600px; |
| } |
| |
| .container_16 .prefix_11 |
| { |
| padding-left: 660px; |
| } |
| |
| .container_16 .prefix_13 |
| { |
| padding-left: 780px; |
| } |
| |
| .container_16 .prefix_14 |
| { |
| padding-left: 840px; |
| } |
| |
| .container_16 .prefix_15 |
| { |
| padding-left: 900px; |
| } |
| |
| /* =Suffix Extra Space >> Global |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12 .suffix_3, |
| .container_16 .suffix_4 |
| { |
| padding-right: 240px; |
| } |
| |
| .container_12 .suffix_6, |
| .container_16 .suffix_8 |
| { |
| padding-right: 480px; |
| } |
| |
| .container_12 .suffix_9, |
| .container_16 .suffix_12 |
| { |
| padding-right: 720px; |
| } |
| |
| /* =Suffix Extra Space >> 12 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_12 .suffix_1 |
| { |
| padding-right: 80px; |
| } |
| |
| .container_12 .suffix_2 |
| { |
| padding-right: 160px; |
| } |
| |
| .container_12 .suffix_4 |
| { |
| padding-right: 320px; |
| } |
| |
| .container_12 .suffix_5 |
| { |
| padding-right: 400px; |
| } |
| |
| .container_12 .suffix_7 |
| { |
| padding-right: 560px; |
| } |
| |
| .container_12 .suffix_8 |
| { |
| padding-right: 640px; |
| } |
| |
| .container_12 .suffix_10 |
| { |
| padding-right: 800px; |
| } |
| |
| .container_12 .suffix_11 |
| { |
| padding-right: 880px; |
| } |
| |
| /* =Suffix Extra Space >> 16 Columns |
| --------------------------------------------------------------------------------*/ |
| |
| .container_16 .suffix_1 |
| { |
| padding-right: 60px; |
| } |
| |
| .container_16 .suffix_2 |
| { |
| padding-right: 120px; |
| } |
| |
| .container_16 .suffix_3 |
| { |
| padding-right: 180px; |
| } |
| |
| .container_16 .suffix_5 |
| { |
| padding-right: 300px; |
| } |
| |
| .container_16 .suffix_6 |
| { |
| padding-right: 360px; |
| } |
| |
| .container_16 .suffix_7 |
| { |
| padding-right: 420px; |
| } |
| |
| .container_16 .suffix_9 |
| { |
| padding-right: 540px; |
| } |
| |
| .container_16 .suffix_10 |
| { |
| padding-right: 600px; |
| } |
| |
| .container_16 .suffix_11 |
| { |
| padding-right: 660px; |
| } |
| |
| .container_16 .suffix_13 |
| { |
| padding-right: 780px; |
| } |
| |
| .container_16 .suffix_14 |
| { |
| padding-right: 840px; |
| } |
| |
| .container_16 .suffix_15 |
| { |
| padding-right: 900px; |
| } |
| |
| /* =Clear Floated Elements |
| --------------------------------------------------------------------------------*/ |
| |
| /* http://sonspring.com/journal/clearing-floats */ |
| |
| html body * span.clear, |
| html body * div.clear, |
| html body * li.clear, |
| html body * dd.clear |
| { |
| background: none; |
| border: 0; |
| clear: both; |
| display: block; |
| float: none; |
| font-size: 0; |
| list-style: none; |
| margin: 0; |
| padding: 0; |
| overflow: hidden; |
| visibility: hidden; |
| width: 0; |
| height: 0; |
| } |
| |
| /* http://www.positioniseverything.net/easyclearing.html */ |
| |
| .clearfix:after |
| { |
| clear: both; |
| content: '.'; |
| display: block; |
| visibility: hidden; |
| height: 0; |
| } |
| |
| .clearfix |
| { |
| display: inline-block; |
| } |
| |
| * html .clearfix |
| { |
| height: 1%; |
| } |
| |
| .clearfix |
| { |
| display: block; |
| } |