-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathgrid.css
More file actions
50 lines (44 loc) · 1.74 KB
/
Copy pathgrid.css
File metadata and controls
50 lines (44 loc) · 1.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
/* --------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { position:relative; width:940px; margin:0 auto; padding:0; }
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin:0 0 18px -20px; }
.column, .columns { float:left; display:inline; margin:0 0 0 20px; }
.one { width:60px; }
.two { width:140px; }
.three { width:220px; }
.four { width:300px; }
.five { width:380px; }
.six { width:460px; }
.seven { width:540px; }
.eight { width:620px; }
.nine { width:700px; }
.ten { width:780px; }
.eleven { width:860px; }
.twelve { width:940px; }
.offset-by-one-half { margin-left:40px; }
.offset-by-one { margin-left:80px; }
.offset-by-two { margin-left:160px; }
.offset-by-three { margin-left:240px; }
.offset-by-four { margin-left:320px; }
.offset-by-five { margin-left:400px; }
.offset-by-six { margin-left:480px; }
.offset-by-seven { margin-left:560px; }
.offset-by-eight { margin-left:640px; }
.offset-by-nine { margin-left:720px; }
.offset-by-ten { margin-left:800px; }
/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .column-row, * html .row, * html .clearfix { height:1%; }
.column-row, .row, .clearfix { display:inline-block; }
.column-row, .row, .clearfix { display:block; }
/* IE6 Problems ---------- */
body.ie .column-row { width:960px; }
body.ie .eight .column-row { width:640px; }
body.ie .nine .column-row { width:720px; }
body.ie .ten .column-row { width:800px; }
body.ie .eleven .column-row { width:880px; }
body.ie .two-thirds .column-row { width:640px; }