Template:NTUGlobal

From 2009.igem.org

(Difference between revisions)
Line 3: Line 3:
/* Containers
/* Containers
----------------------------------------------------------------------------------------------------*/
----------------------------------------------------------------------------------------------------*/
-
.container_12 {margin-left: auto;margin-right: auto;width: 972px;}
+
.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: 5px;margin-right: 5px; padding-left:5px; padding-right:5px;}
+
.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:61px;}
+
.container_12 .grid_1 {width:60px;}
-
.container_12 .grid_2 {width:142px;}
+
.container_12 .grid_2 {width:140px;}
-
.container_12 .grid_3 {width:223px;}
+
.container_12 .grid_3 {width:220px;}
-
.container_12 .grid_4 {width:304px;}
+
.container_12 .grid_4 {width:300px;}
-
.container_12 .grid_5 {width:385px;}
+
.container_12 .grid_5 {width:380px;}
-
.container_12 .grid_6 {width:466px;}
+
.container_12 .grid_6 {width:460px;}
-
.container_12 .grid_7 {width:547px;}
+
.container_12 .grid_7 {width:540px;}
-
.container_12 .grid_8 {width:628px;}
+
.container_12 .grid_8 {width:620px;}
-
.container_12 .grid_9 {width:709px;}
+
.container_12 .grid_9 {width:700px;}
-
.container_12 .grid_10 {width:790px;}
+
.container_12 .grid_10 {width:780px;}
-
.container_12 .grid_11 {width:871px;}
+
.container_12 .grid_11 {width:860px;}
-
.container_12 .grid_12 {width:952px;}
+
.container_12 .grid_12 {width:940px;}
/* Prefix Extra Space >> 12 Columns
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
----------------------------------------------------------------------------------------------------*/
-
.container_12 .prefix_1 {margin-left:81px;}
+
.container_12 .prefix_1 {padding-left:80px;}
-
.container_12 .prefix_2 {margin-left:162px;}
+
.container_12 .prefix_2 {padding-left:160px;}
-
.container_12 .prefix_3 {margin-left:243px;}
+
.container_12 .prefix_3 {padding-left:240px;}
-
.container_12 .prefix_4 {margin-left:324px;}
+
.container_12 .prefix_4 {padding-left:320px;}
-
.container_12 .prefix_5 {margin-left:405px;}
+
.container_12 .prefix_5 {padding-left:400px;}
-
.container_12 .prefix_6 {margin-left:486px;}
+
.container_12 .prefix_6 {padding-left:480px;}
-
.container_12 .prefix_7 {margin-left:567px;}
+
.container_12 .prefix_7 {padding-left:560px;}
-
.container_12 .prefix_8 {margin-left:648px;}
+
.container_12 .prefix_8 {padding-left:640px;}
-
.container_12 .prefix_9 {margin-left:729px;}
+
.container_12 .prefix_9 {padding-left:720px;}
-
.container_12 .prefix_10 {margin-left:810px;}
+
.container_12 .prefix_10 {padding-left:800px;}
-
.container_12 .prefix_11 {margin-left:891px;}
+
.container_12 .prefix_11 {padding-left:880px;}
/* Suffix Extra Space >> 12 Columns
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
----------------------------------------------------------------------------------------------------*/
-
.container_12 .suffix_1 {margin-right:81px;}
+
.container_12 .suffix_1 {padding-right:80px;}
-
.container_12 .suffix_2 {margin-right:162px;}
+
.container_12 .suffix_2 {padding-right:160px;}
-
.container_12 .suffix_3 {margin-right:243px;}
+
.container_12 .suffix_3 {padding-right:240px;}
-
.container_12 .suffix_4 {margin-right:324px;}
+
.container_12 .suffix_4 {padding-right:320px;}
-
.container_12 .suffix_5 {margin-right:405px;}
+
.container_12 .suffix_5 {padding-right:400px;}
-
.container_12 .suffix_6 {margin-right:486px;}
+
.container_12 .suffix_6 {padding-right:480px;}
-
.container_12 .suffix_7 {margin-right:567px;}
+
.container_12 .suffix_7 {padding-right:560px;}
-
.container_12 .suffix_8 {margin-right:648px;}
+
.container_12 .suffix_8 {padding-right:640px;}
-
.container_12 .suffix_9 {margin-right:729px;}
+
.container_12 .suffix_9 {padding-right:720px;}
-
.container_12 .suffix_10 {margin-right:810px;}
+
.container_12 .suffix_10 {padding-right:800px;}
-
.container_12 .suffix_11 {margin-right:891px;}
+
.container_12 .suffix_11 {padding-right:880px;}
/* Clear Floated Elements
/* Clear Floated Elements

Revision as of 00:26, 14 June 2009