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
214 padding-left: 8.333%;
217 .container_12
.prefix_2
219 padding-left: 16.666%;
222 .container_12
.prefix_4
224 padding-left: 33.333%;
227 .container_12
.prefix_5
229 padding-left: 41.666%;
232 .container_12
.prefix_7
234 padding-left: 58.333%;
237 .container_12
.prefix_8
239 padding-left: 66.666%;
242 .container_12
.prefix_10
244 padding-left: 83.333%;
247 .container_12
.prefix_11
249 padding-left: 91.666%;
252 /* =Prefix Extra Space >> 16 Columns
253 --------------------------------------------------------------------------------*/
255 .container_16
.prefix_1
260 .container_16
.prefix_2
265 .container_16
.prefix_3
267 padding-left: 18.75%;
270 .container_16
.prefix_5
272 padding-left: 31.25%;
275 .container_16
.prefix_6
280 .container_16
.prefix_7
282 padding-left: 43.75%;
285 .container_16
.prefix_9
287 padding-left: 56.25%;
290 .container_16
.prefix_10
295 .container_16
.prefix_11
297 padding-left: 68.75%;
300 .container_16
.prefix_13
302 padding-left: 81.25%;
305 .container_16
.prefix_14
310 .container_16
.prefix_15
312 padding-left: 93.75%;
315 /* =Suffix Extra Space >> Global
316 --------------------------------------------------------------------------------*/
318 .container_12
.suffix_3
,
319 .container_16
.suffix_4
324 .container_12
.suffix_6
,
325 .container_16
.suffix_8
330 .container_12
.suffix_9
,
331 .container_16
.suffix_12
336 /* =Suffix Extra Space >> 12 Columns
337 --------------------------------------------------------------------------------*/
339 .container_12
.suffix_1
341 padding-right: 8.333%;
344 .container_12
.suffix_2
346 padding-right: 16.666%;
349 .container_12
.suffix_4
351 padding-right: 33.333%;
354 .container_12
.suffix_5
356 padding-right: 41.666%;
359 .container_12
.suffix_7
361 padding-right: 58.333%;
364 .container_12
.suffix_8
366 padding-right: 66.666%;
369 .container_12
.suffix_10
371 padding-right: 83.333%;
374 .container_12
.suffix_11
376 padding-right: 91.666%;
379 /* =Suffix Extra Space >> 16 Columns
380 --------------------------------------------------------------------------------*/
382 .container_16
.suffix_1
384 padding-right: 6.25%;
387 .container_16
.suffix_2
389 padding-right: 16.5%;
392 .container_16
.suffix_3
394 padding-right: 18.75%;
397 .container_16
.suffix_5
399 padding-right: 31.25%;
402 .container_16
.suffix_6
404 padding-right: 37.5%;
407 .container_16
.suffix_7
409 padding-right: 43.75%;
412 .container_16
.suffix_9
414 padding-right: 56.25%;
417 .container_16
.suffix_10
419 padding-right: 62.5%;
422 .container_16
.suffix_11
424 padding-right: 68.75%;
427 .container_16
.suffix_13
429 padding-right: 81.25%;
432 .container_16
.suffix_14
434 padding-right: 87.5%;
437 .container_16
.suffix_15
439 padding-right: 93.75%;
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
;