1
+ /*Notes about grid:
2
+ Columns: 12
3
+ Grid Width: 825px
4
+ Column Width: 55px
5
+ Gutter Width: 15px
6
+ -------------------------------*/
7
+
8
+
9
+
10
+ .section {margin-bottom : 18px ;
11
+ }
12
+ .section : after {content : "." ;display : block;height : 0 ;clear : both;visibility : hidden;}
13
+ .section {* zoom : 1 ;}
14
+
15
+ .section .firstcolumn ,
16
+ .section .firstcol {margin-left : 0 ;}
17
+
18
+
19
+ /* Border on left hand side of a column. */
20
+ .border {
21
+ padding-left : 7px ;
22
+ margin-left : 7px ;
23
+ border-left : 1px solid # eee ;
24
+ }
25
+
26
+ /* Border with more whitespace, spans one column. */
27
+ .colborder {
28
+ padding-left : 42px ;
29
+ margin-left : 42px ;
30
+ border-left : 1px solid # eee ;
31
+ }
32
+
33
+
34
+
35
+ /* The Grid Classes */
36
+ .grid1 , .grid1_2cols , .grid1_3cols , .grid1_4cols , .grid2 , .grid2_3cols , .grid2_4cols , .grid3 , .grid3_2cols , .grid3_4cols , .grid4 , .grid4_3cols , .grid5 , .grid5_2cols , .grid5_3cols , .grid5_4cols , .grid6 , .grid6_4cols , .grid7 , .grid7_2cols , .grid7_3cols , .grid7_4cols , .grid8 , .grid8_3cols , .grid9 , .grid9_2cols , .grid9_4cols , .grid10 , .grid10_3cols , .grid10_4cols , .grid11 , .grid11_2cols , .grid11_3cols , .grid11_4cols , .grid12
37
+ {margin-left : 15px ;float : left;display : inline; overflow : hidden;}
38
+
39
+
40
+ .width1 , .grid1 , .span-1 {width : 55px ;}
41
+ .width1_2cols , .grid1_2cols {width : 20px ;}
42
+ .width1_3cols , .grid1_3cols {width : 8px ;}
43
+ .width1_4cols , .grid1_4cols {width : 2px ;}
44
+ .input_width1 {width : 49px ;}
45
+
46
+ .width2 , .grid2 , .span-2 {width : 125px ;}
47
+ .width2_3cols , .grid2_3cols {width : 31px ;}
48
+ .width2_4cols , .grid2_4cols {width : 20px ;}
49
+ .input_width2 {width : 119px ;}
50
+
51
+ .width3 , .grid3 , .span-3 {width : 195px ;}
52
+ .width3_2cols , .grid3_2cols {width : 90px ;}
53
+ .width3_4cols , .grid3_4cols {width : 37px ;}
54
+ .input_width3 {width : 189px ;}
55
+
56
+ .width4 , .grid4 , .span-4 {width : 265px ;}
57
+ .width4_3cols , .grid4_3cols {width : 78px ;}
58
+ .input_width4 {width : 259px ;}
59
+
60
+ .width5 , .grid5 , .span-5 {width : 335px ;}
61
+ .width5_2cols , .grid5_2cols {width : 160px ;}
62
+ .width5_3cols , .grid5_3cols {width : 101px ;}
63
+ .width5_4cols , .grid5_4cols {width : 72px ;}
64
+ .input_width5 {width : 329px ;}
65
+
66
+ .width6 , .grid6 , .span-6 {width : 405px ;}
67
+ .width6_4cols , .grid6_4cols {width : 90px ;}
68
+ .input_width6 {width : 399px ;}
69
+
70
+ .width7 , .grid7 , .span-7 {width : 475px ;}
71
+ .width7_2cols , .grid7_2cols {width : 230px ;}
72
+ .width7_3cols , .grid7_3cols {width : 148px ;}
73
+ .width7_4cols , .grid7_4cols {width : 107px ;}
74
+ .input_width7 {width : 469px ;}
75
+
76
+ .width8 , .grid8 , .span-8 {width : 545px ;}
77
+ .width8_3cols , .grid8_3cols {width : 171px ;}
78
+ .input_width8 {width : 539px ;}
79
+
80
+ .width9 , .grid9 , .span-9 {width : 615px ;}
81
+ .width9_2cols , .grid9_2cols {width : 300px ;}
82
+ .width9_4cols , .grid9_4cols {width : 142px ;}
83
+ .input_width9 {width : 609px ;}
84
+
85
+ .width10 , .grid10 , .span-10 {width : 685px ;}
86
+ .width10_3cols , .grid10_3cols {width : 218px ;}
87
+ .width10_4cols , .grid10_4cols {width : 160px ;}
88
+ .input_width10 {width : 679px ;}
89
+
90
+ .width11 , .grid11 , .span-11 {width : 755px ;}
91
+ .width11_2cols , .grid11_2cols {width : 370px ;}
92
+ .width11_3cols , .grid11_3cols {width : 241px ;}
93
+ .width11_4cols , .grid11_4cols {width : 177px ;}
94
+ .input_width11 {width : 749px ;}
95
+
96
+ .width12 , .grid12 , .span-12 {width : 825px ;}
97
+ .input_width12 {width : 819px ;}
98
+
99
+ /* Subdivided grid spaces */
100
+ .emptycols_left1 , .prepend-1 {padding-left : 70px ;}
101
+ .emptycols_right1 , .append-1 {padding-right : 70px ;}
102
+ .emptycols_left2 , .prepend-2 {padding-left : 140px ;}
103
+ .emptycols_right2 , .append-2 {padding-right : 140px ;}
104
+ .emptycols_left3 , .prepend-3 {padding-left : 210px ;}
105
+ .emptycols_right3 , .append-3 {padding-right : 210px ;}
106
+ .emptycols_left4 , .prepend-4 {padding-left : 280px ;}
107
+ .emptycols_right4 , .append-4 {padding-right : 280px ;}
108
+ .emptycols_left5 , .prepend-5 {padding-left : 350px ;}
109
+ .emptycols_right5 , .append-5 {padding-right : 350px ;}
110
+ .emptycols_left6 , .prepend-6 {padding-left : 420px ;}
111
+ .emptycols_right6 , .append-6 {padding-right : 420px ;}
112
+ .emptycols_left7 , .prepend-7 {padding-left : 490px ;}
113
+ .emptycols_right7 , .append-7 {padding-right : 490px ;}
114
+ .emptycols_left8 , .prepend-8 {padding-left : 560px ;}
115
+ .emptycols_right8 , .append-8 {padding-right : 560px ;}
116
+ .emptycols_left9 , .prepend-9 {padding-left : 630px ;}
117
+ .emptycols_right9 , .append-9 {padding-right : 630px ;}
118
+ .emptycols_left10 , .prepend-10 {padding-left : 700px ;}
119
+ .emptycols_right10 , .append-10 {padding-right : 700px ;}
120
+ .emptycols_left11 , .prepend-11 {padding-left : 770px ;}
121
+ .emptycols_right11 , .append-11 {padding-right : 770px ;}
122
+ .pull-1 {margin-left : -70px ;}
123
+ .push-1 {margin-right : -70px ;margin-left : 18px ;float : right;}
124
+ .pull-2 {margin-left : -140px ;}
125
+ .push-2 {margin-right : -140px ;margin-left : 18px ;float : right;}
126
+ .pull-3 {margin-left : -210px ;}
127
+ .push-3 {margin-right : -210px ;margin-left : 18px ;float : right;}
128
+ .pull-4 {margin-left : -280px ;}
129
+ .push-4 {margin-right : -280px ;margin-left : 18px ;float : right;}
0 commit comments