|
1 <!DOCTYPE html> |
|
2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/"> |
|
3 <head> |
|
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
|
5 <style type="text/css"> |
|
6 /*** bootstrap.css ***/ |
|
7 body { |
|
8 margin: 0; |
|
9 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
10 font-size: 13px; |
|
11 line-height: 18px; |
|
12 color: #333333; |
|
13 background-color: #ffffff; |
|
14 } |
|
15 a { |
|
16 color: #0088cc; |
|
17 text-decoration: none; |
|
18 } |
|
19 a:hover { |
|
20 color: #005580; |
|
21 text-decoration: underline; |
|
22 } |
|
23 .row { |
|
24 margin-left: -20px; |
|
25 *zoom: 1; |
|
26 } |
|
27 .row:before, |
|
28 .row:after { |
|
29 display: table; |
|
30 content: ""; |
|
31 } |
|
32 .row:after { |
|
33 clear: both; |
|
34 } |
|
35 [class*="span"] { |
|
36 float: left; |
|
37 margin-left: 20px; |
|
38 } |
|
39 .container, |
|
40 .navbar-fixed-top .container, |
|
41 .navbar-fixed-bottom .container { |
|
42 width: 940px; |
|
43 } |
|
44 .span12 { |
|
45 width: 940px; |
|
46 } |
|
47 .span11 { |
|
48 width: 860px; |
|
49 } |
|
50 .span10 { |
|
51 width: 780px; |
|
52 } |
|
53 .span9 { |
|
54 width: 700px; |
|
55 } |
|
56 .span8 { |
|
57 width: 620px; |
|
58 } |
|
59 .span7 { |
|
60 width: 540px; |
|
61 } |
|
62 .span6 { |
|
63 width: 460px; |
|
64 } |
|
65 .span5 { |
|
66 width: 380px; |
|
67 } |
|
68 .span4 { |
|
69 width: 300px; |
|
70 } |
|
71 .span3 { |
|
72 width: 220px; |
|
73 } |
|
74 .span2 { |
|
75 width: 140px; |
|
76 } |
|
77 .span1 { |
|
78 width: 60px; |
|
79 } |
|
80 .offset12 { |
|
81 margin-left: 980px; |
|
82 } |
|
83 .offset11 { |
|
84 margin-left: 900px; |
|
85 } |
|
86 .offset10 { |
|
87 margin-left: 820px; |
|
88 } |
|
89 .offset9 { |
|
90 margin-left: 740px; |
|
91 } |
|
92 .offset8 { |
|
93 margin-left: 660px; |
|
94 } |
|
95 .offset7 { |
|
96 margin-left: 580px; |
|
97 } |
|
98 .offset6 { |
|
99 margin-left: 500px; |
|
100 } |
|
101 .offset5 { |
|
102 margin-left: 420px; |
|
103 } |
|
104 .offset4 { |
|
105 margin-left: 340px; |
|
106 } |
|
107 .offset3 { |
|
108 margin-left: 260px; |
|
109 } |
|
110 .offset2 { |
|
111 margin-left: 180px; |
|
112 } |
|
113 .offset1 { |
|
114 margin-left: 100px; |
|
115 } |
|
116 .row-fluid { |
|
117 width: 100%; |
|
118 *zoom: 1; |
|
119 } |
|
120 .row-fluid:before, |
|
121 .row-fluid:after { |
|
122 display: table; |
|
123 content: ""; |
|
124 } |
|
125 .row-fluid:after { |
|
126 clear: both; |
|
127 } |
|
128 .row-fluid > [class*="span"] { |
|
129 float: left; |
|
130 margin-left: 2.127659574%; |
|
131 } |
|
132 .row-fluid > [class*="span"]:first-child { |
|
133 margin-left: 0; |
|
134 } |
|
135 .row-fluid > .span12 { |
|
136 width: 99.99999998999999%; |
|
137 } |
|
138 .row-fluid > .span11 { |
|
139 width: 91.489361693%; |
|
140 } |
|
141 .row-fluid > .span10 { |
|
142 width: 82.97872339599999%; |
|
143 } |
|
144 .row-fluid > .span9 { |
|
145 width: 74.468085099%; |
|
146 } |
|
147 .row-fluid > .span8 { |
|
148 width: 65.95744680199999%; |
|
149 } |
|
150 .row-fluid > .span7 { |
|
151 width: 57.446808505%; |
|
152 } |
|
153 .row-fluid > .span6 { |
|
154 width: 48.93617020799999%; |
|
155 } |
|
156 .row-fluid > .span5 { |
|
157 width: 40.425531911%; |
|
158 } |
|
159 .row-fluid > .span4 { |
|
160 width: 31.914893614%; |
|
161 } |
|
162 .row-fluid > .span3 { |
|
163 width: 23.404255317%; |
|
164 } |
|
165 .row-fluid > .span2 { |
|
166 width: 14.89361702%; |
|
167 } |
|
168 .row-fluid > .span1 { |
|
169 width: 6.382978723%; |
|
170 } |
|
171 .container { |
|
172 margin-left: auto; |
|
173 margin-right: auto; |
|
174 *zoom: 1; |
|
175 } |
|
176 .container:before, |
|
177 .container:after { |
|
178 display: table; |
|
179 content: ""; |
|
180 } |
|
181 .container:after { |
|
182 clear: both; |
|
183 } |
|
184 .container-fluid { |
|
185 padding-left: 20px; |
|
186 padding-right: 20px; |
|
187 *zoom: 1; |
|
188 } |
|
189 .container-fluid:before, |
|
190 .container-fluid:after { |
|
191 display: table; |
|
192 content: ""; |
|
193 } |
|
194 .container-fluid:after { |
|
195 clear: both; |
|
196 } |
|
197 p { |
|
198 margin: 0 0 9px; |
|
199 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
200 font-size: 13px; |
|
201 line-height: 18px; |
|
202 } |
|
203 p small { |
|
204 font-size: 11px; |
|
205 color: #999999; |
|
206 } |
|
207 .lead { |
|
208 margin-bottom: 18px; |
|
209 font-size: 20px; |
|
210 font-weight: 200; |
|
211 line-height: 27px; |
|
212 } |
|
213 h1, |
|
214 h2, |
|
215 h3, |
|
216 h4, |
|
217 h5, |
|
218 h6 { |
|
219 margin: 0; |
|
220 font-family: inherit; |
|
221 font-weight: bold; |
|
222 color: inherit; |
|
223 text-rendering: optimizelegibility; |
|
224 } |
|
225 h1 small, |
|
226 h2 small, |
|
227 h3 small, |
|
228 h4 small, |
|
229 h5 small, |
|
230 h6 small { |
|
231 font-weight: normal; |
|
232 color: #999999; |
|
233 } |
|
234 h1 { |
|
235 font-size: 30px; |
|
236 line-height: 36px; |
|
237 } |
|
238 h1 small { |
|
239 font-size: 18px; |
|
240 } |
|
241 h2 { |
|
242 font-size: 24px; |
|
243 line-height: 36px; |
|
244 } |
|
245 h2 small { |
|
246 font-size: 18px; |
|
247 } |
|
248 h3 { |
|
249 line-height: 27px; |
|
250 font-size: 18px; |
|
251 } |
|
252 h3 small { |
|
253 font-size: 14px; |
|
254 } |
|
255 h4, |
|
256 h5, |
|
257 h6 { |
|
258 line-height: 18px; |
|
259 } |
|
260 h4 { |
|
261 font-size: 14px; |
|
262 } |
|
263 h4 small { |
|
264 font-size: 12px; |
|
265 } |
|
266 h5 { |
|
267 font-size: 12px; |
|
268 } |
|
269 h6 { |
|
270 font-size: 11px; |
|
271 color: #999999; |
|
272 text-transform: uppercase; |
|
273 } |
|
274 |
|
275 /*** base.css ***/ |
|
276 /* attribute panel */ |
|
277 .attr-name { |
|
278 font-weight: bold; |
|
279 width: 150px; |
|
280 text-align: justify; |
|
281 vertical-align: top; |
|
282 } |
|
283 |
|
284 .attr-name-wide { |
|
285 font-weight: bold; |
|
286 width: 230px; |
|
287 text-align: justify; |
|
288 } |
|
289 |
|
290 .attr-value { |
|
291 } |
|
292 |
|
293 td.td-right { |
|
294 text-align: right; |
|
295 } |
|
296 |
|
297 /* task */ |
|
298 .delayed { |
|
299 color: #b94a48; |
|
300 } |
|
301 </style> |
|
302 </head> |
|
303 <body> |
|
304 <div class="container"> |
|
305 <div class="row"> |
|
306 <div class="span12"> |
|
307 <h2><span class="lift:title"></span></h2> |
|
308 </div> |
|
309 </div> |
|
310 <div id="content"></div> |
|
311 </div> <!-- /container --> |
|
312 </body> |
|
313 </html> |
|
314 |