Template:NTUGlobal
From 2009.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
/* Containers | /* Containers | ||
----------------------------------------------------------------------------------------------------*/ | ----------------------------------------------------------------------------------------------------*/ | ||
- | .container_12 {margin-left: auto;margin-right: auto;width: | + | .container_12 {margin-left: auto;margin-right: auto;width: 960px;} |
/* Grid >> Global | /* 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;margin-left: | + | .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;margin-left: 10px;margin-right: 10px;} |
/* Grid >> Children (Alpha ~ First, Omega ~ Last) | /* Grid >> Children (Alpha ~ First, Omega ~ Last) | ||
----------------------------------------------------------------------------------------------------*/ | ----------------------------------------------------------------------------------------------------*/ | ||
.alpha {margin-left: 0;} | .alpha {margin-left: 0;} | ||
- | .omega {margin-right: 0;} | + | .omega { margin-right: 0;} |
/* Grid >> 12 Columns | /* Grid >> 12 Columns | ||
----------------------------------------------------------------------------------------------------*/ | ----------------------------------------------------------------------------------------------------*/ | ||
- | .container_12 .grid_1 {width: | + | .container_12 .grid_1 {width:60px;} |
- | .container_12 .grid_2 {width: | + | .container_12 .grid_2 {width:140px;} |
- | .container_12 .grid_3 {width: | + | .container_12 .grid_3 {width:220px;} |
- | .container_12 .grid_4 {width: | + | .container_12 .grid_4 {width:300px;} |
- | .container_12 .grid_5 {width: | + | .container_12 .grid_5 {width:380px;} |
- | .container_12 .grid_6 {width: | + | .container_12 .grid_6 {width:460px;} |
- | .container_12 .grid_7 {width: | + | .container_12 .grid_7 {width:540px;} |
- | .container_12 .grid_8 {width: | + | .container_12 .grid_8 {width:620px;} |
- | .container_12 .grid_9 {width: | + | .container_12 .grid_9 {width:700px;} |
- | .container_12 .grid_10 {width: | + | .container_12 .grid_10 {width:780px;} |
- | .container_12 .grid_11 {width: | + | .container_12 .grid_11 {width:860px;} |
- | .container_12 .grid_12 {width: | + | .container_12 .grid_12 {width:940px;} |
/* Prefix Extra Space >> 12 Columns | /* Prefix Extra Space >> 12 Columns | ||
----------------------------------------------------------------------------------------------------*/ | ----------------------------------------------------------------------------------------------------*/ | ||
- | .container_12 .prefix_1 { | + | .container_12 .prefix_1 {padding-left:80px;} |
- | .container_12 .prefix_2 { | + | .container_12 .prefix_2 {padding-left:160px;} |
- | .container_12 .prefix_3 { | + | .container_12 .prefix_3 {padding-left:240px;} |
- | .container_12 .prefix_4 { | + | .container_12 .prefix_4 {padding-left:320px;} |
- | .container_12 .prefix_5 { | + | .container_12 .prefix_5 {padding-left:400px;} |
- | .container_12 .prefix_6 { | + | .container_12 .prefix_6 {padding-left:480px;} |
- | .container_12 .prefix_7 { | + | .container_12 .prefix_7 {padding-left:560px;} |
- | .container_12 .prefix_8 { | + | .container_12 .prefix_8 {padding-left:640px;} |
- | .container_12 .prefix_9 { | + | .container_12 .prefix_9 {padding-left:720px;} |
- | .container_12 .prefix_10 { | + | .container_12 .prefix_10 {padding-left:800px;} |
- | .container_12 .prefix_11 { | + | .container_12 .prefix_11 {padding-left:880px;} |
/* Suffix Extra Space >> 12 Columns | /* Suffix Extra Space >> 12 Columns | ||
----------------------------------------------------------------------------------------------------*/ | ----------------------------------------------------------------------------------------------------*/ | ||
- | .container_12 .suffix_1 { | + | .container_12 .suffix_1 {padding-right:80px;} |
- | .container_12 .suffix_2 { | + | .container_12 .suffix_2 {padding-right:160px;} |
- | .container_12 .suffix_3 { | + | .container_12 .suffix_3 {padding-right:240px;} |
- | .container_12 .suffix_4 { | + | .container_12 .suffix_4 {padding-right:320px;} |
- | .container_12 .suffix_5 { | + | .container_12 .suffix_5 {padding-right:400px;} |
- | .container_12 .suffix_6 { | + | .container_12 .suffix_6 {padding-right:480px;} |
- | .container_12 .suffix_7 { | + | .container_12 .suffix_7 {padding-right:560px;} |
- | .container_12 .suffix_8 { | + | .container_12 .suffix_8 {padding-right:640px;} |
- | .container_12 .suffix_9 { | + | .container_12 .suffix_9 {padding-right:720px;} |
- | .container_12 .suffix_10 { | + | .container_12 .suffix_10 {padding-right:800px;} |
- | .container_12 .suffix_11 { | + | .container_12 .suffix_11 {padding-right:880px;} |
/* Clear Floated Elements | /* Clear Floated Elements |
Revision as of 00:26, 14 June 2009