2 960 Grid System ~ Core CSS.
3 Learn more ~ http://960.gs/
5 Licensed under GPL and MIT.
9 --------------------------------------------------------------------------------*/
20 --------------------------------------------------------------------------------*/
45 .container_12
.grid_3
,
51 .container_12
.grid_6
,
57 .container_12
.grid_9
,
58 .container_16
.grid_12
63 .container_12
.grid_12
,
64 .container_16
.grid_16
69 /* =Grid >> Children (Alpha ~ First, Omega ~ Last)
70 --------------------------------------------------------------------------------*/
82 /* =Grid >> 12 Columns
83 --------------------------------------------------------------------------------*/
100 .container_12
.grid_5
105 .container_12
.grid_7
110 .container_12
.grid_8
115 .container_12
.grid_10
120 .container_12
.grid_11
125 /* =Grid >> 16 Columns
126 --------------------------------------------------------------------------------*/
128 .container_16
.grid_1
133 .container_16
.grid_2
138 .container_16
.grid_3
143 .container_16
.grid_5
148 .container_16
.grid_6
153 .container_16
.grid_7
158 .container_16
.grid_9
163 .container_16
.grid_10
168 .container_16
.grid_11
173 .container_16
.grid_13
178 .container_16
.grid_14
183 .container_16
.grid_15
188 /* =Prefix Extra Space >> Global
189 --------------------------------------------------------------------------------*/
191 .container_12
.prefix_3
,
192 .container_16
.prefix_4
197 .container_12
.prefix_6
,
198 .container_16
.prefix_8
203 .container_12
.prefix_9
,
204 .container_16
.prefix_12
209 /* =Prefix Extra Space >> 12 Columns
210 --------------------------------------------------------------------------------*/
212 .container_12
.prefix_1
217 .container_12
.prefix_2
222 .container_12
.prefix_4
227 .container_12
.prefix_5
232 .container_12
.prefix_7
237 .container_12
.prefix_8
242 .container_12
.prefix_10
247 .container_12
.prefix_11
252 /* =Prefix Extra Space >> 16 Columns
253 --------------------------------------------------------------------------------*/
255 .container_16
.prefix_1
260 .container_16
.prefix_2
265 .container_16
.prefix_3
270 .container_16
.prefix_5
275 .container_16
.prefix_6
280 .container_16
.prefix_7
285 .container_16
.prefix_9
290 .container_16
.prefix_10
295 .container_16
.prefix_11
300 .container_16
.prefix_13
305 .container_16
.prefix_14
310 .container_16
.prefix_15
315 /* =Suffix Extra Space >> Global
316 --------------------------------------------------------------------------------*/
318 .container_12
.suffix_3
,
319 .container_16
.suffix_4
321 padding-right: 240px;
324 .container_12
.suffix_6
,
325 .container_16
.suffix_8
327 padding-right: 480px;
330 .container_12
.suffix_9
,
331 .container_16
.suffix_12
333 padding-right: 720px;
336 /* =Suffix Extra Space >> 12 Columns
337 --------------------------------------------------------------------------------*/
339 .container_12
.suffix_1
344 .container_12
.suffix_2
346 padding-right: 160px;
349 .container_12
.suffix_4
351 padding-right: 320px;
354 .container_12
.suffix_5
356 padding-right: 400px;
359 .container_12
.suffix_7
361 padding-right: 560px;
364 .container_12
.suffix_8
366 padding-right: 640px;
369 .container_12
.suffix_10
371 padding-right: 800px;
374 .container_12
.suffix_11
376 padding-right: 880px;
379 /* =Suffix Extra Space >> 16 Columns
380 --------------------------------------------------------------------------------*/
382 .container_16
.suffix_1
387 .container_16
.suffix_2
389 padding-right: 120px;
392 .container_16
.suffix_3
394 padding-right: 180px;
397 .container_16
.suffix_5
399 padding-right: 300px;
402 .container_16
.suffix_6
404 padding-right: 360px;
407 .container_16
.suffix_7
409 padding-right: 420px;
412 .container_16
.suffix_9
414 padding-right: 540px;
417 .container_16
.suffix_10
419 padding-right: 600px;
422 .container_16
.suffix_11
424 padding-right: 660px;
427 .container_16
.suffix_13
429 padding-right: 780px;
432 .container_16
.suffix_14
434 padding-right: 840px;
437 .container_16
.suffix_15
439 padding-right: 900px;
442 /* =Clear Floated Elements
443 --------------------------------------------------------------------------------*/
445 /* http://sonspring.com/journal/clearing-floats */
447 html body
* span
.clear
,
448 html body
* div
.clear
,
449 html body
* li
.clear
,
467 /* http://www.positioniseverything.net/easyclearing.html */
480 display: inline-block
;