1 |
|
2 | 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,sub,sup,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}
|
3 |
|
4 |
|
5 | body, textarea{color:#333;font:13px/1.5 '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}
|
6 |
|
7 |
|
8 | .grid_1 select,.grid_1 input,.grid_1 textarea{width:30px}.grid_1 select{width:40px}.grid_2 select,.grid_2 input,.grid_2 textarea{width:90px}.grid_2 select{width:100px}.grid_3 select,.grid_3 input,.grid_3 textarea{width:150px}.grid_3 select{width:160px}.grid_4 select,.grid_4 input,.grid_4 textarea{width:210px}.grid_4 select{width:220px}.grid_5 select,.grid_5 input,.grid_5 textarea{width:270px}.grid_5 select{width:280px}.grid_6 select,.grid_6 input,.grid_6 textarea{width:330px}.grid_6 select{width:340px}.grid_7 select,.grid_7 input,.grid_7 textarea{width:390px}.grid_7 select{width:400px}.grid_8 select,.grid_8 input,.grid_8 textarea{width:450px}.grid_8 select{width:460px}.grid_9 select,.grid_9 input,.grid_9 textarea{width:510px}.grid_9 select{width:520px}.grid_10 select,.grid_10 input,.grid_10 textarea{width:570px}.grid_10 select{width:580px}.grid_11 select,.grid_11 input,.grid_11 textarea{width:630px}.grid_11 select{width:640px}.grid_12 select,.grid_12 input,.grid_12 textarea{width:690px}.grid_12 select{width:700px}.grid_13 select,.grid_13 input,.grid_13 textarea{width:750px}.grid_13 select{width:760px}.grid_14 select,.grid_14 input,.grid_14 textarea{width:810px}.grid_14 select{width:820px}.grid_15 select,.grid_15 input,.grid_15 textarea{width:870px}.grid_15 select{width:880px}.grid_16 select,.grid_16 input,.grid_16 textarea{width:930px}.grid_16 select{width:940px}
|
9 |
|
10 |
|
11 | .grid_1 > .box select,.grid_1 > .box input,.grid_1 > .box textarea{width:8px;}.grid_2 > .box select,.grid_2 > .box input,.grid_2 > .box textarea{width:68px;}.grid_3 > .box select,.grid_3 > .box input,.grid_3 > .box textarea{width:128px;}.grid_4 > .box select,.grid_4 > .box input,.grid_4 > .box textarea{width:188px;}.grid_5 > .box select,.grid_5 > .box input,.grid_5 > .box textarea{width:248px;}.grid_6 > .box select,.grid_6 > .box input,.grid_6 > .box textarea{width:310px;}.grid_7 > .box select,.grid_7 > .box input,.grid_7 > .box textarea{width:368px;}.grid_8 > .box select,.grid_8 > .box input,.grid_8 > .box textarea{width:428px;}.grid_9 > .box select,.grid_9 > .box input,.grid_9 > .box textarea{width:488px;}.grid_10 > .box select,.grid_10 > .box input,.grid_10 > .box textarea{width:548px;}.grid_11 > .box select,.grid_11 > .box input,.grid_11 > .box textarea{width:608px;}.grid_12 > .box select,.grid_12 > .box input,.grid_12 > .box textarea{width:668px;}.grid_13 > .box select,.grid_13 > .box input,.grid_13 > .box textarea{width:728px;}.grid_14 > .box select,.grid_14 > .box input,.grid_14 > .box textarea{width:788px;}.grid_15 > .box select,.grid_15 > .box input,.grid_15 > .box textarea{width:848px;}.grid_16 > .box select,.grid_16 > .box input,.grid_16 > .box textarea{width:908px;}
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 | .container_16 {
|
24 | margin-left: auto;
|
25 | margin-right: auto;
|
26 | width: 960px;
|
27 | }
|
28 |
|
29 |
|
30 |
|
31 |
|
32 | .grid_1,
|
33 | .grid_2,
|
34 | .grid_3,
|
35 | .grid_4,
|
36 | .grid_5,
|
37 | .grid_6,
|
38 | .grid_7,
|
39 | .grid_8,
|
40 | .grid_9,
|
41 | .grid_10,
|
42 | .grid_11,
|
43 | .grid_12,
|
44 | .grid_13,
|
45 | .grid_14,
|
46 | .grid_15,
|
47 | .grid_16 {
|
48 | display: inline;
|
49 | float: left;
|
50 | margin-left: 10px;
|
51 | margin-right: 10px;
|
52 | }
|
53 |
|
54 |
|
55 |
|
56 |
|
57 | .alpha {
|
58 | margin-left: 0;
|
59 | }
|
60 |
|
61 | .omega {
|
62 | margin-right: 0;
|
63 | }
|
64 |
|
65 |
|
66 |
|
67 |
|
68 | .container_16 .grid_1,
|
69 | .container_16 .grid_1 .box,
|
70 | .container_16 .grid_1 .glow-sortable-dropindicator {
|
71 | width: 40px !important
|
72 | }
|
73 |
|
74 | .container_16 .grid_2,
|
75 | .container_16 .grid_2 .box,
|
76 | .container_16 .grid_2 .glow-sortable-dropindicator {
|
77 | width: 100px !important
|
78 | }
|
79 |
|
80 | .container_16 .grid_3,
|
81 | .container_16 .grid_3 .box,
|
82 | .container_16 .grid_3 .glow-sortable-dropindicator {
|
83 | width: 160px !important
|
84 | }
|
85 |
|
86 | .container_16 .grid_4,
|
87 | .container_16 .grid_4 .box,
|
88 | .container_16 .grid_4 .glow-sortable-dropindicator {
|
89 | width: 220px !important
|
90 | }
|
91 |
|
92 | .container_16 .grid_5,
|
93 | .container_16 .grid_5 .box,
|
94 | .container_16 .grid_5 .glow-sortable-dropindicator {
|
95 | width: 280px !important
|
96 | }
|
97 |
|
98 | .container_16 .grid_6,
|
99 | .container_16 .grid_6 .box,
|
100 | .container_16 .grid_6 .glow-sortable-dropindicator {
|
101 | width: 340px !important
|
102 | }
|
103 |
|
104 | .container_16 .grid_7,
|
105 | .container_16 .grid_7 .box,
|
106 | .container_16 .grid_7 .glow-sortable-dropindicator {
|
107 | width: 400px !important
|
108 | }
|
109 |
|
110 | .container_16 .grid_8,
|
111 | .container_16 .grid_8 .box,
|
112 | .container_16 .grid_8 .glow-sortable-dropindicator {
|
113 | width: 460px !important
|
114 | }
|
115 |
|
116 | .container_16 .grid_9,
|
117 | .container_16 .grid_9 .box,
|
118 | .container_16 .grid_9 .glow-sortable-dropindicator {
|
119 | width: 520px !important
|
120 | }
|
121 |
|
122 | .container_16 .grid_10,
|
123 | .container_16 .grid_10 .box,
|
124 | .container_16 .grid_10 .glow-sortable-dropindicator {
|
125 | width: 580px !important
|
126 | }
|
127 |
|
128 | .container_16 .grid_11,
|
129 | .container_16 .grid_11 .box,
|
130 | .container_16 .grid_11 .glow-sortable-dropindicator {
|
131 | width: 640px !important
|
132 | }
|
133 |
|
134 | .container_16 .grid_12,
|
135 | .container_16 .grid_12 .box,
|
136 | .container_16 .grid_12 .glow-sortable-dropindicator {
|
137 | width: 700px !important
|
138 | }
|
139 |
|
140 | .container_16 .grid_13,
|
141 | .container_16 .grid_13 .box,
|
142 | .container_16 .grid_13 .glow-sortable-dropindicator {
|
143 | width: 760px !important
|
144 | }
|
145 |
|
146 | .container_16 .grid_14,
|
147 | .container_16 .grid_14 .box,
|
148 | .container_16 .grid_14 .glow-sortable-dropindicator {
|
149 | width: 820px !important
|
150 | }
|
151 |
|
152 | .container_16 .grid_15,
|
153 | .container_16 .grid_15 .box,
|
154 | .container_16 .grid_15 .glow-sortable-dropindicator {
|
155 | width: 880px !important
|
156 | }
|
157 |
|
158 | .container_16 .grid_16,
|
159 | .container_16 .grid_16 .box,
|
160 | .container_16 .grid_16 .glow-sortable-dropindicator {
|
161 | width: 940px !important
|
162 | }
|
163 |
|
164 | .clearboth {
|
165 | clear:both;
|
166 | }
|
167 |
|
168 |
|
169 |
|
170 |
|
171 |
|
172 |
|
173 | .clear {
|
174 | clear: both;
|
175 | display: block;
|
176 | overflow: hidden;
|
177 | visibility: hidden;
|
178 | width: 0;
|
179 | height: 0;
|
180 | }
|
181 |
|
182 |
|
183 |
|
184 | .clearfix:after {
|
185 | clear: both;
|
186 | content: ' ';
|
187 | display: block;
|
188 | font-size: 0;
|
189 | line-height: 0;
|
190 | visibility: hidden;
|
191 | width: 0;
|
192 | height: 0;
|
193 | }
|
194 |
|
195 | * html .clearfix {
|
196 | height: 1%;
|
197 | }
|