2 960 Grid System ~ Core CSS.
3 Learn more ~ http://960.gs/
5 Licensed under GPL and MIT.
9 Forces backgrounds to span full width,
10 even if there is horizontal scrolling.
11 Increase this if your layout is wider.
13 Note: IE6 works fine without this fix.
21 ----------------------------------------------------------------------------------------------------*/
30 ----------------------------------------------------------------------------------------------------*/
64 /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
65 ----------------------------------------------------------------------------------------------------*/
75 /* `Grid >> 12 Columns
76 ----------------------------------------------------------------------------------------------------*/
78 .container_12 .grid_1 {
82 .container_12 .grid_2 {
86 .container_12 .grid_3 {
90 .container_12 .grid_4 {
94 .container_12 .grid_5 {
98 .container_12 .grid_6 {
102 .container_12 .grid_7 {
106 .container_12 .grid_8 {
110 .container_12 .grid_9 {
114 .container_12 .grid_10 {
118 .container_12 .grid_11 {
122 .container_12 .grid_12 {
126 /* `Prefix Extra Space >> 12 Columns
127 ----------------------------------------------------------------------------------------------------*/
129 .container_12 .prefix_1 {
133 .container_12 .prefix_2 {
137 .container_12 .prefix_3 {
141 .container_12 .prefix_4 {
145 .container_12 .prefix_5 {
149 .container_12 .prefix_6 {
153 .container_12 .prefix_7 {
157 .container_12 .prefix_8 {
161 .container_12 .prefix_9 {
165 .container_12 .prefix_10 {
169 .container_12 .prefix_11 {
173 /* `Suffix Extra Space >> 12 Columns
174 ----------------------------------------------------------------------------------------------------*/
176 .container_12 .suffix_1 {
180 .container_12 .suffix_2 {
181 padding-right: 160px;
184 .container_12 .suffix_3 {
185 padding-right: 240px;
188 .container_12 .suffix_4 {
189 padding-right: 320px;
192 .container_12 .suffix_5 {
193 padding-right: 400px;
196 .container_12 .suffix_6 {
197 padding-right: 480px;
200 .container_12 .suffix_7 {
201 padding-right: 560px;
204 .container_12 .suffix_8 {
205 padding-right: 640px;
208 .container_12 .suffix_9 {
209 padding-right: 720px;
212 .container_12 .suffix_10 {
213 padding-right: 800px;
216 .container_12 .suffix_11 {
217 padding-right: 880px;
220 /* `Push Space >> 12 Columns
221 ----------------------------------------------------------------------------------------------------*/
223 .container_12 .push_1 {
227 .container_12 .push_2 {
231 .container_12 .push_3 {
235 .container_12 .push_4 {
239 .container_12 .push_5 {
243 .container_12 .push_6 {
247 .container_12 .push_7 {
251 .container_12 .push_8 {
255 .container_12 .push_9 {
259 .container_12 .push_10 {
263 .container_12 .push_11 {
267 /* `Pull Space >> 12 Columns
268 ----------------------------------------------------------------------------------------------------*/
270 .container_12 .pull_1 {
274 .container_12 .pull_2 {
278 .container_12 .pull_3 {
282 .container_12 .pull_4 {
286 .container_12 .pull_5 {
290 .container_12 .pull_6 {
294 .container_12 .pull_7 {
298 .container_12 .pull_8 {
302 .container_12 .pull_9 {
306 .container_12 .pull_10 {
310 .container_12 .pull_11 {
314 /* `Clear Floated Elements
315 ----------------------------------------------------------------------------------------------------*/
317 /* http://sonspring.com/journal/clearing-floats */
328 /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
332 .container_12:before
,
333 .container_12:after {
345 .container_12:after {
350 The following zoom:1 rule is specifically for IE6 + IE7.
351 Move to separate stylesheet if invalid CSS is a problem.