-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfluid960.css
137 lines (117 loc) · 6.06 KB
/
fluid960.css
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0}
body {background: #ddd;border-top: 25px solid #eee;color: #333;font-size: 12px;padding: 0 0 40px;font-size:13px; line-height:1.5; font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1{font-size:25px} h2{font-size:23px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
.container_24 { margin-left:auto;margin-right:auto;max-width: 960px }
/* fluid 24 99% */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
display: inline;
float: left;
margin-left: 0.5%;
margin-right: 0.5%
}
/* (Alpha ~ First, Omega ~ Last) */
.alpha {
margin-left: 0
}
.omega {
margin-right: 0
}
/* fgrid 24 Columns 100/24 -1 */
.container_24 .grid_1 { width: 3.167% }
.container_24 .grid_2 { width: 7.333% }
.container_24 .grid_3 { width: 11.5% }
.container_24 .grid_4 { width: 15.667% }
.container_24 .grid_5 { width: 19.833% }
.container_24 .grid_6 { width: 24% }
.container_24 .grid_7 { width: 28.167% }
.container_24 .grid_8 { width: 32.333% }
.container_24 .grid_9 { width: 36.5% }
.container_24 .grid_10 { width: 40.667% }
.container_24 .grid_11 { width: 44.833% }
.container_24 .grid_12 { width: 49% }
.container_24 .grid_13 { width: 53.167% }
.container_24 .grid_14 { width: 57.333% }
.container_24 .grid_15 { width: 61.5% }
.container_24 .grid_16 { width: 65.667% }
.container_24 .grid_17 { width: 69.833% }
.container_24 .grid_18 { width: 74% }
.container_24 .grid_19 { width: 78.167% }
.container_24 .grid_20 { width: 82.333% }
.container_24 .grid_21 { width: 86.5% }
.container_24 .grid_22 { width: 90.667% }
.container_24 .grid_23 { width: 94.833% }
.container_24 .grid_24 { width: 99% }
/* Prefix Space 100/24 */
.container_24 .prefix_1 { padding-left: 4.167% }
.container_24 .prefix_2 { padding-left: 8.333% }
.container_24 .prefix_3 { padding-left: 12.5% }
.container_24 .prefix_4 { padding-left: 16.667% }
.container_24 .prefix_5 { padding-left: 20.833% }
.container_24 .prefix_6 { padding-left: 25% }
.container_24 .prefix_7 { padding-left: 29.167% }
.container_24 .prefix_8 { padding-left: 33.333% }
.container_24 .prefix_9 { padding-left: 37.5% }
.container_24 .prefix_10 { padding-left: 41.667% }
.container_24 .prefix_11 { padding-left: 45.833% }
.container_24 .prefix_12 { padding-left: 50% }
.container_24 .prefix_13 { padding-left: 54.167% }
.container_24 .prefix_14 { padding-left: 58.333% }
.container_24 .prefix_15 { padding-left: 62.5% }
.container_24 .prefix_16 { padding-left: 66.667% }
.container_24 .prefix_17 { padding-left: 70.833% }
.container_24 .prefix_18 { padding-left: 75% }
.container_24 .prefix_19 { padding-left: 79.167% }
.container_24 .prefix_20 { padding-left: 83.333% }
.container_24 .prefix_21 { padding-left: 87.5% }
.container_24 .prefix_22 { padding-left: 91.667% }
.container_24 .prefix_23 { padding-left: 95.833% }
.container_24 .prefix_24 { padding-left: 100% }
/* Suffix Space 100/24 */
.container_24 .suffix_1 { padding-right: 4.167% }
.container_24 .suffix_2 { padding-right: 8.333% }
.container_24 .suffix_3 { padding-right: 12.5% }
.container_24 .suffix_4 { padding-right: 16.667% }
.container_24 .suffix_5 { padding-right: 20.833% }
.container_24 .suffix_6 { padding-right: 25% }
.container_24 .suffix_7 { padding-right: 29.167% }
.container_24 .suffix_8 { padding-right: 33.333% }
.container_24 .suffix_9 { padding-right: 37.5% }
.container_24 .suffix_10 { padding-right: 41.667% }
.container_24 .suffix_11 { padding-right: 45.833% }
.container_24 .suffix_12 { padding-right: 50% }
.container_24 .suffix_13 { padding-right: 54.167% }
.container_24 .suffix_14 { padding-right: 58.333% }
.container_24 .suffix_15 { padding-right: 62.5% }
.container_24 .suffix_16 { padding-right: 66.667% }
.container_24 .suffix_17 { padding-right: 70.833% }
.container_24 .suffix_18 { padding-right: 75% }
.container_24 .suffix_19 { padding-right: 79.167% }
.container_24 .suffix_20 { padding-right: 83.333% }
.container_24 .suffix_21 { padding-right: 87.5% }
.container_24 .suffix_22 { padding-right: 91.667% }
.container_24 .suffix_23 { padding-right: 95.833% }
.container_24 .suffix_24 { padding-right: 100% }
/* sub fluid 24 100% */
.grid_sub_1, .grid_sub_2, .grid_sub_3, .grid_sub_4, .grid_sub_5, .grid_sub_6, .grid_sub_7, .grid_sub_8, .grid_sub_9, .grid_sub_10, .grid_sub_11, .grid_sub_12, .grid_sub_13, .grid_sub_14, .grid_sub_15, .grid_sub_16, .grid_sub_17, .grid_sub_18, .grid_sub_19, .grid_sub_20, .grid_sub_21, .grid_sub_22, .grid_sub_23, .grid_sub_24{
display: inline;
float: left;
margin-left: 0;
margin-right: 0
}
/* sub fluid 24 grids 100% */
/* sub fluid 24 grids 100% */
.container_24 .grid_18 .grid_6 { width:32.333% }
.container_24 .grid_18 .grid_9 { width:49% }
.container_24 .grid_18 .grid_12 { width:65.66%}
.container_24 .grid_18 .grid_18 { width:100% }
.container_24 .grid_12 .grid_3 {width:23.5% }
.container_24 .grid_12 .grid_9 {width:74.5% }
.container_24 .grid_8 .grid_4 {width:49% }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}