1 | /*! |
---|
2 | * Bootstrap Responsive v2.2.2 |
---|
3 | * |
---|
4 | * Copyright 2012 Twitter, Inc |
---|
5 | * Licensed under the Apache License v2.0 |
---|
6 | * http://www.apache.org/licenses/LICENSE-2.0 |
---|
7 | * |
---|
8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. |
---|
9 | */ |
---|
10 | |
---|
11 | @-ms-viewport { |
---|
12 | width: device-width; |
---|
13 | } |
---|
14 | |
---|
15 | .clearfix { |
---|
16 | *zoom: 1; |
---|
17 | } |
---|
18 | |
---|
19 | .clearfix:before, |
---|
20 | .clearfix:after { |
---|
21 | display: table; |
---|
22 | line-height: 0; |
---|
23 | content: ""; |
---|
24 | } |
---|
25 | |
---|
26 | .clearfix:after { |
---|
27 | clear: both; |
---|
28 | } |
---|
29 | |
---|
30 | .hide-text { |
---|
31 | font: 0/0 a; |
---|
32 | color: transparent; |
---|
33 | text-shadow: none; |
---|
34 | background-color: transparent; |
---|
35 | border: 0; |
---|
36 | } |
---|
37 | |
---|
38 | .input-block-level { |
---|
39 | display: block; |
---|
40 | width: 100%; |
---|
41 | min-height: 30px; |
---|
42 | -webkit-box-sizing: border-box; |
---|
43 | -moz-box-sizing: border-box; |
---|
44 | box-sizing: border-box; |
---|
45 | } |
---|
46 | |
---|
47 | .hidden { |
---|
48 | display: none; |
---|
49 | visibility: hidden; |
---|
50 | } |
---|
51 | |
---|
52 | .visible-phone { |
---|
53 | display: none !important; |
---|
54 | } |
---|
55 | |
---|
56 | .visible-tablet { |
---|
57 | display: none !important; |
---|
58 | } |
---|
59 | |
---|
60 | .hidden-desktop { |
---|
61 | display: none !important; |
---|
62 | } |
---|
63 | |
---|
64 | .visible-desktop { |
---|
65 | display: inherit !important; |
---|
66 | } |
---|
67 | |
---|
68 | @media (min-width: 768px) and (max-width: 979px) { |
---|
69 | .hidden-desktop { |
---|
70 | display: inherit !important; |
---|
71 | } |
---|
72 | .visible-desktop { |
---|
73 | display: none !important ; |
---|
74 | } |
---|
75 | .visible-tablet { |
---|
76 | display: inherit !important; |
---|
77 | } |
---|
78 | .hidden-tablet { |
---|
79 | display: none !important; |
---|
80 | } |
---|
81 | } |
---|
82 | |
---|
83 | @media (max-width: 767px) { |
---|
84 | .hidden-desktop { |
---|
85 | display: inherit !important; |
---|
86 | } |
---|
87 | .visible-desktop { |
---|
88 | display: none !important; |
---|
89 | } |
---|
90 | .visible-phone { |
---|
91 | display: inherit !important; |
---|
92 | } |
---|
93 | .hidden-phone { |
---|
94 | display: none !important; |
---|
95 | } |
---|
96 | } |
---|
97 | |
---|
98 | @media (min-width: 1200px) { |
---|
99 | .row { |
---|
100 | margin-left: -30px; |
---|
101 | *zoom: 1; |
---|
102 | } |
---|
103 | .row:before, |
---|
104 | .row:after { |
---|
105 | display: table; |
---|
106 | line-height: 0; |
---|
107 | content: ""; |
---|
108 | } |
---|
109 | .row:after { |
---|
110 | clear: both; |
---|
111 | } |
---|
112 | [class*="span"] { |
---|
113 | float: left; |
---|
114 | min-height: 1px; |
---|
115 | margin-left: 30px; |
---|
116 | } |
---|
117 | .container, |
---|
118 | .navbar-static-top .container, |
---|
119 | .navbar-fixed-top .container, |
---|
120 | .navbar-fixed-bottom .container { |
---|
121 | width: 1170px; |
---|
122 | } |
---|
123 | .span12 { |
---|
124 | width: 1170px; |
---|
125 | } |
---|
126 | .span11 { |
---|
127 | width: 1070px; |
---|
128 | } |
---|
129 | .span10 { |
---|
130 | width: 970px; |
---|
131 | } |
---|
132 | .span9 { |
---|
133 | width: 870px; |
---|
134 | } |
---|
135 | .span8 { |
---|
136 | width: 770px; |
---|
137 | } |
---|
138 | .span7 { |
---|
139 | width: 670px; |
---|
140 | } |
---|
141 | .span6 { |
---|
142 | width: 570px; |
---|
143 | } |
---|
144 | .span5 { |
---|
145 | width: 470px; |
---|
146 | } |
---|
147 | .span4 { |
---|
148 | width: 370px; |
---|
149 | } |
---|
150 | .span3 { |
---|
151 | width: 270px; |
---|
152 | } |
---|
153 | .span2 { |
---|
154 | width: 170px; |
---|
155 | } |
---|
156 | .span1 { |
---|
157 | width: 70px; |
---|
158 | } |
---|
159 | .offset12 { |
---|
160 | margin-left: 1230px; |
---|
161 | } |
---|
162 | .offset11 { |
---|
163 | margin-left: 1130px; |
---|
164 | } |
---|
165 | .offset10 { |
---|
166 | margin-left: 1030px; |
---|
167 | } |
---|
168 | .offset9 { |
---|
169 | margin-left: 930px; |
---|
170 | } |
---|
171 | .offset8 { |
---|
172 | margin-left: 830px; |
---|
173 | } |
---|
174 | .offset7 { |
---|
175 | margin-left: 730px; |
---|
176 | } |
---|
177 | .offset6 { |
---|
178 | margin-left: 630px; |
---|
179 | } |
---|
180 | .offset5 { |
---|
181 | margin-left: 530px; |
---|
182 | } |
---|
183 | .offset4 { |
---|
184 | margin-left: 430px; |
---|
185 | } |
---|
186 | .offset3 { |
---|
187 | margin-left: 330px; |
---|
188 | } |
---|
189 | .offset2 { |
---|
190 | margin-left: 230px; |
---|
191 | } |
---|
192 | .offset1 { |
---|
193 | margin-left: 130px; |
---|
194 | } |
---|
195 | .row-fluid { |
---|
196 | width: 100%; |
---|
197 | *zoom: 1; |
---|
198 | } |
---|
199 | .row-fluid:before, |
---|
200 | .row-fluid:after { |
---|
201 | display: table; |
---|
202 | line-height: 0; |
---|
203 | content: ""; |
---|
204 | } |
---|
205 | .row-fluid:after { |
---|
206 | clear: both; |
---|
207 | } |
---|
208 | .row-fluid [class*="span"] { |
---|
209 | display: block; |
---|
210 | float: left; |
---|
211 | width: 100%; |
---|
212 | min-height: 30px; |
---|
213 | margin-left: 2.564102564102564%; |
---|
214 | *margin-left: 2.5109110747408616%; |
---|
215 | -webkit-box-sizing: border-box; |
---|
216 | -moz-box-sizing: border-box; |
---|
217 | box-sizing: border-box; |
---|
218 | } |
---|
219 | .row-fluid [class*="span"]:first-child { |
---|
220 | margin-left: 0; |
---|
221 | } |
---|
222 | .row-fluid .controls-row [class*="span"] + [class*="span"] { |
---|
223 | margin-left: 2.564102564102564%; |
---|
224 | } |
---|
225 | .row-fluid .span12 { |
---|
226 | width: 100%; |
---|
227 | *width: 99.94680851063829%; |
---|
228 | } |
---|
229 | .row-fluid .span11 { |
---|
230 | width: 91.45299145299145%; |
---|
231 | *width: 91.39979996362975%; |
---|
232 | } |
---|
233 | .row-fluid .span10 { |
---|
234 | width: 82.90598290598291%; |
---|
235 | *width: 82.8527914166212%; |
---|
236 | } |
---|
237 | .row-fluid .span9 { |
---|
238 | width: 74.35897435897436%; |
---|
239 | *width: 74.30578286961266%; |
---|
240 | } |
---|
241 | .row-fluid .span8 { |
---|
242 | width: 65.81196581196582%; |
---|
243 | *width: 65.75877432260411%; |
---|
244 | } |
---|
245 | .row-fluid .span7 { |
---|
246 | width: 57.26495726495726%; |
---|
247 | *width: 57.21176577559556%; |
---|
248 | } |
---|
249 | .row-fluid .span6 { |
---|
250 | width: 48.717948717948715%; |
---|
251 | *width: 48.664757228587014%; |
---|
252 | } |
---|
253 | .row-fluid .span5 { |
---|
254 | width: 40.17094017094017%; |
---|
255 | *width: 40.11774868157847%; |
---|
256 | } |
---|
257 | .row-fluid .span4 { |
---|
258 | width: 31.623931623931625%; |
---|
259 | *width: 31.570740134569924%; |
---|
260 | } |
---|
261 | .row-fluid .span3 { |
---|
262 | width: 23.076923076923077%; |
---|
263 | *width: 23.023731587561375%; |
---|
264 | } |
---|
265 | .row-fluid .span2 { |
---|
266 | width: 14.52991452991453%; |
---|
267 | *width: 14.476723040552828%; |
---|
268 | } |
---|
269 | .row-fluid .span1 { |
---|
270 | width: 5.982905982905983%; |
---|
271 | *width: 5.929714493544281%; |
---|
272 | } |
---|
273 | .row-fluid .offset12 { |
---|
274 | margin-left: 105.12820512820512%; |
---|
275 | *margin-left: 105.02182214948171%; |
---|
276 | } |
---|
277 | .row-fluid .offset12:first-child { |
---|
278 | margin-left: 102.56410256410257%; |
---|
279 | *margin-left: 102.45771958537915%; |
---|
280 | } |
---|
281 | .row-fluid .offset11 { |
---|
282 | margin-left: 96.58119658119658%; |
---|
283 | *margin-left: 96.47481360247316%; |
---|
284 | } |
---|
285 | .row-fluid .offset11:first-child { |
---|
286 | margin-left: 94.01709401709402%; |
---|
287 | *margin-left: 93.91071103837061%; |
---|
288 | } |
---|
289 | .row-fluid .offset10 { |
---|
290 | margin-left: 88.03418803418803%; |
---|
291 | *margin-left: 87.92780505546462%; |
---|
292 | } |
---|
293 | .row-fluid .offset10:first-child { |
---|
294 | margin-left: 85.47008547008548%; |
---|
295 | *margin-left: 85.36370249136206%; |
---|
296 | } |
---|
297 | .row-fluid .offset9 { |
---|
298 | margin-left: 79.48717948717949%; |
---|
299 | *margin-left: 79.38079650845607%; |
---|
300 | } |
---|
301 | .row-fluid .offset9:first-child { |
---|
302 | margin-left: 76.92307692307693%; |
---|
303 | *margin-left: 76.81669394435352%; |
---|
304 | } |
---|
305 | .row-fluid .offset8 { |
---|
306 | margin-left: 70.94017094017094%; |
---|
307 | *margin-left: 70.83378796144753%; |
---|
308 | } |
---|
309 | .row-fluid .offset8:first-child { |
---|
310 | margin-left: 68.37606837606839%; |
---|
311 | *margin-left: 68.26968539734497%; |
---|
312 | } |
---|
313 | .row-fluid .offset7 { |
---|
314 | margin-left: 62.393162393162385%; |
---|
315 | *margin-left: 62.28677941443899%; |
---|
316 | } |
---|
317 | .row-fluid .offset7:first-child { |
---|
318 | margin-left: 59.82905982905982%; |
---|
319 | *margin-left: 59.72267685033642%; |
---|
320 | } |
---|
321 | .row-fluid .offset6 { |
---|
322 | margin-left: 53.84615384615384%; |
---|
323 | *margin-left: 53.739770867430444%; |
---|
324 | } |
---|
325 | .row-fluid .offset6:first-child { |
---|
326 | margin-left: 51.28205128205128%; |
---|
327 | *margin-left: 51.175668303327875%; |
---|
328 | } |
---|
329 | .row-fluid .offset5 { |
---|
330 | margin-left: 45.299145299145295%; |
---|
331 | *margin-left: 45.1927623204219%; |
---|
332 | } |
---|
333 | .row-fluid .offset5:first-child { |
---|
334 | margin-left: 42.73504273504273%; |
---|
335 | *margin-left: 42.62865975631933%; |
---|
336 | } |
---|
337 | .row-fluid .offset4 { |
---|
338 | margin-left: 36.75213675213675%; |
---|
339 | *margin-left: 36.645753773413354%; |
---|
340 | } |
---|
341 | .row-fluid .offset4:first-child { |
---|
342 | margin-left: 34.18803418803419%; |
---|
343 | *margin-left: 34.081651209310785%; |
---|
344 | } |
---|
345 | .row-fluid .offset3 { |
---|
346 | margin-left: 28.205128205128204%; |
---|
347 | *margin-left: 28.0987452264048%; |
---|
348 | } |
---|
349 | .row-fluid .offset3:first-child { |
---|
350 | margin-left: 25.641025641025642%; |
---|
351 | *margin-left: 25.53464266230224%; |
---|
352 | } |
---|
353 | .row-fluid .offset2 { |
---|
354 | margin-left: 19.65811965811966%; |
---|
355 | *margin-left: 19.551736679396257%; |
---|
356 | } |
---|
357 | .row-fluid .offset2:first-child { |
---|
358 | margin-left: 17.094017094017094%; |
---|
359 | *margin-left: 16.98763411529369%; |
---|
360 | } |
---|
361 | .row-fluid .offset1 { |
---|
362 | margin-left: 11.11111111111111%; |
---|
363 | *margin-left: 11.004728132387708%; |
---|
364 | } |
---|
365 | .row-fluid .offset1:first-child { |
---|
366 | margin-left: 8.547008547008547%; |
---|
367 | *margin-left: 8.440625568285142%; |
---|
368 | } |
---|
369 | input, |
---|
370 | textarea, |
---|
371 | .uneditable-input { |
---|
372 | margin-left: 0; |
---|
373 | } |
---|
374 | .controls-row [class*="span"] + [class*="span"] { |
---|
375 | margin-left: 30px; |
---|
376 | } |
---|
377 | input.span12, |
---|
378 | textarea.span12, |
---|
379 | .uneditable-input.span12 { |
---|
380 | width: 1156px; |
---|
381 | } |
---|
382 | input.span11, |
---|
383 | textarea.span11, |
---|
384 | .uneditable-input.span11 { |
---|
385 | width: 1056px; |
---|
386 | } |
---|
387 | input.span10, |
---|
388 | textarea.span10, |
---|
389 | .uneditable-input.span10 { |
---|
390 | width: 956px; |
---|
391 | } |
---|
392 | input.span9, |
---|
393 | textarea.span9, |
---|
394 | .uneditable-input.span9 { |
---|
395 | width: 856px; |
---|
396 | } |
---|
397 | input.span8, |
---|
398 | textarea.span8, |
---|
399 | .uneditable-input.span8 { |
---|
400 | width: 756px; |
---|
401 | } |
---|
402 | input.span7, |
---|
403 | textarea.span7, |
---|
404 | .uneditable-input.span7 { |
---|
405 | width: 656px; |
---|
406 | } |
---|
407 | input.span6, |
---|
408 | textarea.span6, |
---|
409 | .uneditable-input.span6 { |
---|
410 | width: 556px; |
---|
411 | } |
---|
412 | input.span5, |
---|
413 | textarea.span5, |
---|
414 | .uneditable-input.span5 { |
---|
415 | width: 456px; |
---|
416 | } |
---|
417 | input.span4, |
---|
418 | textarea.span4, |
---|
419 | .uneditable-input.span4 { |
---|
420 | width: 356px; |
---|
421 | } |
---|
422 | input.span3, |
---|
423 | textarea.span3, |
---|
424 | .uneditable-input.span3 { |
---|
425 | width: 256px; |
---|
426 | } |
---|
427 | input.span2, |
---|
428 | textarea.span2, |
---|
429 | .uneditable-input.span2 { |
---|
430 | width: 156px; |
---|
431 | } |
---|
432 | input.span1, |
---|
433 | textarea.span1, |
---|
434 | .uneditable-input.span1 { |
---|
435 | width: 56px; |
---|
436 | } |
---|
437 | .thumbnails { |
---|
438 | margin-left: -30px; |
---|
439 | } |
---|
440 | .thumbnails > li { |
---|
441 | margin-left: 30px; |
---|
442 | } |
---|
443 | .row-fluid .thumbnails { |
---|
444 | margin-left: 0; |
---|
445 | } |
---|
446 | } |
---|
447 | |
---|
448 | @media (min-width: 768px) and (max-width: 979px) { |
---|
449 | .row { |
---|
450 | margin-left: -20px; |
---|
451 | *zoom: 1; |
---|
452 | } |
---|
453 | .row:before, |
---|
454 | .row:after { |
---|
455 | display: table; |
---|
456 | line-height: 0; |
---|
457 | content: ""; |
---|
458 | } |
---|
459 | .row:after { |
---|
460 | clear: both; |
---|
461 | } |
---|
462 | [class*="span"] { |
---|
463 | float: left; |
---|
464 | min-height: 1px; |
---|
465 | margin-left: 20px; |
---|
466 | } |
---|
467 | .container, |
---|
468 | .navbar-static-top .container, |
---|
469 | .navbar-fixed-top .container, |
---|
470 | .navbar-fixed-bottom .container { |
---|
471 | width: 724px; |
---|
472 | } |
---|
473 | .span12 { |
---|
474 | width: 724px; |
---|
475 | } |
---|
476 | .span11 { |
---|
477 | width: 662px; |
---|
478 | } |
---|
479 | .span10 { |
---|
480 | width: 600px; |
---|
481 | } |
---|
482 | .span9 { |
---|
483 | width: 538px; |
---|
484 | } |
---|
485 | .span8 { |
---|
486 | width: 476px; |
---|
487 | } |
---|
488 | .span7 { |
---|
489 | width: 414px; |
---|
490 | } |
---|
491 | .span6 { |
---|
492 | width: 352px; |
---|
493 | } |
---|
494 | .span5 { |
---|
495 | width: 290px; |
---|
496 | } |
---|
497 | .span4 { |
---|
498 | width: 228px; |
---|
499 | } |
---|
500 | .span3 { |
---|
501 | width: 166px; |
---|
502 | } |
---|
503 | .span2 { |
---|
504 | width: 104px; |
---|
505 | } |
---|
506 | .span1 { |
---|
507 | width: 42px; |
---|
508 | } |
---|
509 | .offset12 { |
---|
510 | margin-left: 764px; |
---|
511 | } |
---|
512 | .offset11 { |
---|
513 | margin-left: 702px; |
---|
514 | } |
---|
515 | .offset10 { |
---|
516 | margin-left: 640px; |
---|
517 | } |
---|
518 | .offset9 { |
---|
519 | margin-left: 578px; |
---|
520 | } |
---|
521 | .offset8 { |
---|
522 | margin-left: 516px; |
---|
523 | } |
---|
524 | .offset7 { |
---|
525 | margin-left: 454px; |
---|
526 | } |
---|
527 | .offset6 { |
---|
528 | margin-left: 392px; |
---|
529 | } |
---|
530 | .offset5 { |
---|
531 | margin-left: 330px; |
---|
532 | } |
---|
533 | .offset4 { |
---|
534 | margin-left: 268px; |
---|
535 | } |
---|
536 | .offset3 { |
---|
537 | margin-left: 206px; |
---|
538 | } |
---|
539 | .offset2 { |
---|
540 | margin-left: 144px; |
---|
541 | } |
---|
542 | .offset1 { |
---|
543 | margin-left: 82px; |
---|
544 | } |
---|
545 | .row-fluid { |
---|
546 | width: 100%; |
---|
547 | *zoom: 1; |
---|
548 | } |
---|
549 | .row-fluid:before, |
---|
550 | .row-fluid:after { |
---|
551 | display: table; |
---|
552 | line-height: 0; |
---|
553 | content: ""; |
---|
554 | } |
---|
555 | .row-fluid:after { |
---|
556 | clear: both; |
---|
557 | } |
---|
558 | .row-fluid [class*="span"] { |
---|
559 | display: block; |
---|
560 | float: left; |
---|
561 | width: 100%; |
---|
562 | min-height: 30px; |
---|
563 | margin-left: 2.7624309392265194%; |
---|
564 | *margin-left: 2.709239449864817%; |
---|
565 | -webkit-box-sizing: border-box; |
---|
566 | -moz-box-sizing: border-box; |
---|
567 | box-sizing: border-box; |
---|
568 | } |
---|
569 | .row-fluid [class*="span"]:first-child { |
---|
570 | margin-left: 0; |
---|
571 | } |
---|
572 | .row-fluid .controls-row [class*="span"] + [class*="span"] { |
---|
573 | margin-left: 2.7624309392265194%; |
---|
574 | } |
---|
575 | .row-fluid .span12 { |
---|
576 | width: 100%; |
---|
577 | *width: 99.94680851063829%; |
---|
578 | } |
---|
579 | .row-fluid .span11 { |
---|
580 | width: 91.43646408839778%; |
---|
581 | *width: 91.38327259903608%; |
---|
582 | } |
---|
583 | .row-fluid .span10 { |
---|
584 | width: 82.87292817679558%; |
---|
585 | *width: 82.81973668743387%; |
---|
586 | } |
---|
587 | .row-fluid .span9 { |
---|
588 | width: 74.30939226519337%; |
---|
589 | *width: 74.25620077583166%; |
---|
590 | } |
---|
591 | .row-fluid .span8 { |
---|
592 | width: 65.74585635359117%; |
---|
593 | *width: 65.69266486422946%; |
---|
594 | } |
---|
595 | .row-fluid .span7 { |
---|
596 | width: 57.18232044198895%; |
---|
597 | *width: 57.12912895262725%; |
---|
598 | } |
---|
599 | .row-fluid .span6 { |
---|
600 | width: 48.61878453038674%; |
---|
601 | *width: 48.56559304102504%; |
---|
602 | } |
---|
603 | .row-fluid .span5 { |
---|
604 | width: 40.05524861878453%; |
---|
605 | *width: 40.00205712942283%; |
---|
606 | } |
---|
607 | .row-fluid .span4 { |
---|
608 | width: 31.491712707182323%; |
---|
609 | *width: 31.43852121782062%; |
---|
610 | } |
---|
611 | .row-fluid .span3 { |
---|
612 | width: 22.92817679558011%; |
---|
613 | *width: 22.87498530621841%; |
---|
614 | } |
---|
615 | .row-fluid .span2 { |
---|
616 | width: 14.3646408839779%; |
---|
617 | *width: 14.311449394616199%; |
---|
618 | } |
---|
619 | .row-fluid .span1 { |
---|
620 | width: 5.801104972375691%; |
---|
621 | *width: 5.747913483013988%; |
---|
622 | } |
---|
623 | .row-fluid .offset12 { |
---|
624 | margin-left: 105.52486187845304%; |
---|
625 | *margin-left: 105.41847889972962%; |
---|
626 | } |
---|
627 | .row-fluid .offset12:first-child { |
---|
628 | margin-left: 102.76243093922652%; |
---|
629 | *margin-left: 102.6560479605031%; |
---|
630 | } |
---|
631 | .row-fluid .offset11 { |
---|
632 | margin-left: 96.96132596685082%; |
---|
633 | *margin-left: 96.8549429881274%; |
---|
634 | } |
---|
635 | .row-fluid .offset11:first-child { |
---|
636 | margin-left: 94.1988950276243%; |
---|
637 | *margin-left: 94.09251204890089%; |
---|
638 | } |
---|
639 | .row-fluid .offset10 { |
---|
640 | margin-left: 88.39779005524862%; |
---|
641 | *margin-left: 88.2914070765252%; |
---|
642 | } |
---|
643 | .row-fluid .offset10:first-child { |
---|
644 | margin-left: 85.6353591160221%; |
---|
645 | *margin-left: 85.52897613729868%; |
---|
646 | } |
---|
647 | .row-fluid .offset9 { |
---|
648 | margin-left: 79.8342541436464%; |
---|
649 | *margin-left: 79.72787116492299%; |
---|
650 | } |
---|
651 | .row-fluid .offset9:first-child { |
---|
652 | margin-left: 77.07182320441989%; |
---|
653 | *margin-left: 76.96544022569647%; |
---|
654 | } |
---|
655 | .row-fluid .offset8 { |
---|
656 | margin-left: 71.2707182320442%; |
---|
657 | *margin-left: 71.16433525332079%; |
---|
658 | } |
---|
659 | .row-fluid .offset8:first-child { |
---|
660 | margin-left: 68.50828729281768%; |
---|
661 | *margin-left: 68.40190431409427%; |
---|
662 | } |
---|
663 | .row-fluid .offset7 { |
---|
664 | margin-left: 62.70718232044199%; |
---|
665 | *margin-left: 62.600799341718584%; |
---|
666 | } |
---|
667 | .row-fluid .offset7:first-child { |
---|
668 | margin-left: 59.94475138121547%; |
---|
669 | *margin-left: 59.838368402492065%; |
---|
670 | } |
---|
671 | .row-fluid .offset6 { |
---|
672 | margin-left: 54.14364640883978%; |
---|
673 | *margin-left: 54.037263430116376%; |
---|
674 | } |
---|
675 | .row-fluid .offset6:first-child { |
---|
676 | margin-left: 51.38121546961326%; |
---|
677 | *margin-left: 51.27483249088986%; |
---|
678 | } |
---|
679 | .row-fluid .offset5 { |
---|
680 | margin-left: 45.58011049723757%; |
---|
681 | *margin-left: 45.47372751851417%; |
---|
682 | } |
---|
683 | .row-fluid .offset5:first-child { |
---|
684 | margin-left: 42.81767955801105%; |
---|
685 | *margin-left: 42.71129657928765%; |
---|
686 | } |
---|
687 | .row-fluid .offset4 { |
---|
688 | margin-left: 37.01657458563536%; |
---|
689 | *margin-left: 36.91019160691196%; |
---|
690 | } |
---|
691 | .row-fluid .offset4:first-child { |
---|
692 | margin-left: 34.25414364640884%; |
---|
693 | *margin-left: 34.14776066768544%; |
---|
694 | } |
---|
695 | .row-fluid .offset3 { |
---|
696 | margin-left: 28.45303867403315%; |
---|
697 | *margin-left: 28.346655695309746%; |
---|
698 | } |
---|
699 | .row-fluid .offset3:first-child { |
---|
700 | margin-left: 25.69060773480663%; |
---|
701 | *margin-left: 25.584224756083227%; |
---|
702 | } |
---|
703 | .row-fluid .offset2 { |
---|
704 | margin-left: 19.88950276243094%; |
---|
705 | *margin-left: 19.783119783707537%; |
---|
706 | } |
---|
707 | .row-fluid .offset2:first-child { |
---|
708 | margin-left: 17.12707182320442%; |
---|
709 | *margin-left: 17.02068884448102%; |
---|
710 | } |
---|
711 | .row-fluid .offset1 { |
---|
712 | margin-left: 11.32596685082873%; |
---|
713 | *margin-left: 11.219583872105325%; |
---|
714 | } |
---|
715 | .row-fluid .offset1:first-child { |
---|
716 | margin-left: 8.56353591160221%; |
---|
717 | *margin-left: 8.457152932878806%; |
---|
718 | } |
---|
719 | input, |
---|
720 | textarea, |
---|
721 | .uneditable-input { |
---|
722 | margin-left: 0; |
---|
723 | } |
---|
724 | .controls-row [class*="span"] + [class*="span"] { |
---|
725 | margin-left: 20px; |
---|
726 | } |
---|
727 | input.span12, |
---|
728 | textarea.span12, |
---|
729 | .uneditable-input.span12 { |
---|
730 | width: 710px; |
---|
731 | } |
---|
732 | input.span11, |
---|
733 | textarea.span11, |
---|
734 | .uneditable-input.span11 { |
---|
735 | width: 648px; |
---|
736 | } |
---|
737 | input.span10, |
---|
738 | textarea.span10, |
---|
739 | .uneditable-input.span10 { |
---|
740 | width: 586px; |
---|
741 | } |
---|
742 | input.span9, |
---|
743 | textarea.span9, |
---|
744 | .uneditable-input.span9 { |
---|
745 | width: 524px; |
---|
746 | } |
---|
747 | input.span8, |
---|
748 | textarea.span8, |
---|
749 | .uneditable-input.span8 { |
---|
750 | width: 462px; |
---|
751 | } |
---|
752 | input.span7, |
---|
753 | textarea.span7, |
---|
754 | .uneditable-input.span7 { |
---|
755 | width: 400px; |
---|
756 | } |
---|
757 | input.span6, |
---|
758 | textarea.span6, |
---|
759 | .uneditable-input.span6 { |
---|
760 | width: 338px; |
---|
761 | } |
---|
762 | input.span5, |
---|
763 | textarea.span5, |
---|
764 | .uneditable-input.span5 { |
---|
765 | width: 276px; |
---|
766 | } |
---|
767 | input.span4, |
---|
768 | textarea.span4, |
---|
769 | .uneditable-input.span4 { |
---|
770 | width: 214px; |
---|
771 | } |
---|
772 | input.span3, |
---|
773 | textarea.span3, |
---|
774 | .uneditable-input.span3 { |
---|
775 | width: 152px; |
---|
776 | } |
---|
777 | input.span2, |
---|
778 | textarea.span2, |
---|
779 | .uneditable-input.span2 { |
---|
780 | width: 90px; |
---|
781 | } |
---|
782 | input.span1, |
---|
783 | textarea.span1, |
---|
784 | .uneditable-input.span1 { |
---|
785 | width: 28px; |
---|
786 | } |
---|
787 | } |
---|
788 | |
---|
789 | @media (max-width: 767px) { |
---|
790 | body { |
---|
791 | padding-right: 20px; |
---|
792 | padding-left: 20px; |
---|
793 | } |
---|
794 | .navbar-fixed-top, |
---|
795 | .navbar-fixed-bottom, |
---|
796 | .navbar-static-top { |
---|
797 | margin-right: -20px; |
---|
798 | margin-left: -20px; |
---|
799 | } |
---|
800 | .container-fluid { |
---|
801 | padding: 0; |
---|
802 | } |
---|
803 | .dl-horizontal dt { |
---|
804 | float: none; |
---|
805 | width: auto; |
---|
806 | clear: none; |
---|
807 | text-align: left; |
---|
808 | } |
---|
809 | .dl-horizontal dd { |
---|
810 | margin-left: 0; |
---|
811 | } |
---|
812 | .container { |
---|
813 | width: auto; |
---|
814 | } |
---|
815 | .row-fluid { |
---|
816 | width: 100%; |
---|
817 | } |
---|
818 | .row, |
---|
819 | .thumbnails { |
---|
820 | margin-left: 0; |
---|
821 | } |
---|
822 | .thumbnails > li { |
---|
823 | float: none; |
---|
824 | margin-left: 0; |
---|
825 | } |
---|
826 | [class*="span"], |
---|
827 | .uneditable-input[class*="span"], |
---|
828 | .row-fluid [class*="span"] { |
---|
829 | display: block; |
---|
830 | float: none; |
---|
831 | width: 100%; |
---|
832 | margin-left: 0; |
---|
833 | -webkit-box-sizing: border-box; |
---|
834 | -moz-box-sizing: border-box; |
---|
835 | box-sizing: border-box; |
---|
836 | } |
---|
837 | .span12, |
---|
838 | .row-fluid .span12 { |
---|
839 | width: 100%; |
---|
840 | -webkit-box-sizing: border-box; |
---|
841 | -moz-box-sizing: border-box; |
---|
842 | box-sizing: border-box; |
---|
843 | } |
---|
844 | .row-fluid [class*="offset"]:first-child { |
---|
845 | margin-left: 0; |
---|
846 | } |
---|
847 | .input-large, |
---|
848 | .input-xlarge, |
---|
849 | .input-xxlarge, |
---|
850 | input[class*="span"], |
---|
851 | select[class*="span"], |
---|
852 | textarea[class*="span"], |
---|
853 | .uneditable-input { |
---|
854 | display: block; |
---|
855 | width: 100%; |
---|
856 | min-height: 30px; |
---|
857 | -webkit-box-sizing: border-box; |
---|
858 | -moz-box-sizing: border-box; |
---|
859 | box-sizing: border-box; |
---|
860 | } |
---|
861 | .input-prepend input, |
---|
862 | .input-append input, |
---|
863 | .input-prepend input[class*="span"], |
---|
864 | .input-append input[class*="span"] { |
---|
865 | display: inline-block; |
---|
866 | width: auto; |
---|
867 | } |
---|
868 | .controls-row [class*="span"] + [class*="span"] { |
---|
869 | margin-left: 0; |
---|
870 | } |
---|
871 | .modal { |
---|
872 | position: fixed; |
---|
873 | top: 20px; |
---|
874 | right: 20px; |
---|
875 | left: 20px; |
---|
876 | width: auto; |
---|
877 | margin: 0; |
---|
878 | } |
---|
879 | .modal.fade { |
---|
880 | top: -100px; |
---|
881 | } |
---|
882 | .modal.fade.in { |
---|
883 | top: 20px; |
---|
884 | } |
---|
885 | } |
---|
886 | |
---|
887 | @media (max-width: 480px) { |
---|
888 | .nav-collapse { |
---|
889 | -webkit-transform: translate3d(0, 0, 0); |
---|
890 | } |
---|
891 | .page-header h1 small { |
---|
892 | display: block; |
---|
893 | line-height: 20px; |
---|
894 | } |
---|
895 | input[type="checkbox"], |
---|
896 | input[type="radio"] { |
---|
897 | border: 1px solid #ccc; |
---|
898 | } |
---|
899 | .form-horizontal .control-label { |
---|
900 | float: none; |
---|
901 | width: auto; |
---|
902 | padding-top: 0; |
---|
903 | text-align: left; |
---|
904 | } |
---|
905 | .form-horizontal .controls { |
---|
906 | margin-left: 0; |
---|
907 | } |
---|
908 | .form-horizontal .control-list { |
---|
909 | padding-top: 0; |
---|
910 | } |
---|
911 | .form-horizontal .form-actions { |
---|
912 | padding-right: 10px; |
---|
913 | padding-left: 10px; |
---|
914 | } |
---|
915 | .media .pull-left, |
---|
916 | .media .pull-right { |
---|
917 | display: block; |
---|
918 | float: none; |
---|
919 | margin-bottom: 10px; |
---|
920 | } |
---|
921 | .media-object { |
---|
922 | margin-right: 0; |
---|
923 | margin-left: 0; |
---|
924 | } |
---|
925 | .modal { |
---|
926 | top: 10px; |
---|
927 | right: 10px; |
---|
928 | left: 10px; |
---|
929 | } |
---|
930 | .modal-header .close { |
---|
931 | padding: 10px; |
---|
932 | margin: -10px; |
---|
933 | } |
---|
934 | .carousel-caption { |
---|
935 | position: static; |
---|
936 | } |
---|
937 | } |
---|
938 | |
---|
939 | @media (max-width: 979px) { |
---|
940 | body { |
---|
941 | padding-top: 0; |
---|
942 | } |
---|
943 | .navbar-fixed-top, |
---|
944 | .navbar-fixed-bottom { |
---|
945 | position: static; |
---|
946 | } |
---|
947 | .navbar-fixed-top { |
---|
948 | margin-bottom: 20px; |
---|
949 | } |
---|
950 | .navbar-fixed-bottom { |
---|
951 | margin-top: 20px; |
---|
952 | } |
---|
953 | .navbar-fixed-top .navbar-inner, |
---|
954 | .navbar-fixed-bottom .navbar-inner { |
---|
955 | padding: 5px; |
---|
956 | } |
---|
957 | .navbar .container { |
---|
958 | width: auto; |
---|
959 | padding: 0; |
---|
960 | } |
---|
961 | .navbar .brand { |
---|
962 | padding-right: 10px; |
---|
963 | padding-left: 10px; |
---|
964 | margin: 0 0 0 -5px; |
---|
965 | } |
---|
966 | .nav-collapse { |
---|
967 | clear: both; |
---|
968 | } |
---|
969 | .nav-collapse .nav { |
---|
970 | float: none; |
---|
971 | margin: 0 0 10px; |
---|
972 | } |
---|
973 | .nav-collapse .nav > li { |
---|
974 | float: none; |
---|
975 | } |
---|
976 | .nav-collapse .nav > li > a { |
---|
977 | margin-bottom: 2px; |
---|
978 | } |
---|
979 | .nav-collapse .nav > .divider-vertical { |
---|
980 | display: none; |
---|
981 | } |
---|
982 | .nav-collapse .nav .nav-header { |
---|
983 | color: #777777; |
---|
984 | text-shadow: none; |
---|
985 | } |
---|
986 | .nav-collapse .nav > li > a, |
---|
987 | .nav-collapse .dropdown-menu a { |
---|
988 | padding: 9px 15px; |
---|
989 | font-weight: bold; |
---|
990 | color: #777777; |
---|
991 | -webkit-border-radius: 3px; |
---|
992 | -moz-border-radius: 3px; |
---|
993 | border-radius: 3px; |
---|
994 | } |
---|
995 | .nav-collapse .btn { |
---|
996 | padding: 4px 10px 4px; |
---|
997 | font-weight: normal; |
---|
998 | -webkit-border-radius: 4px; |
---|
999 | -moz-border-radius: 4px; |
---|
1000 | border-radius: 4px; |
---|
1001 | } |
---|
1002 | .nav-collapse .dropdown-menu li + li a { |
---|
1003 | margin-bottom: 2px; |
---|
1004 | } |
---|
1005 | .nav-collapse .nav > li > a:hover, |
---|
1006 | .nav-collapse .dropdown-menu a:hover { |
---|
1007 | background-color: #f2f2f2; |
---|
1008 | } |
---|
1009 | .navbar-inverse .nav-collapse .nav > li > a, |
---|
1010 | .navbar-inverse .nav-collapse .dropdown-menu a { |
---|
1011 | color: #999999; |
---|
1012 | } |
---|
1013 | .navbar-inverse .nav-collapse .nav > li > a:hover, |
---|
1014 | .navbar-inverse .nav-collapse .dropdown-menu a:hover { |
---|
1015 | background-color: #111111; |
---|
1016 | } |
---|
1017 | .nav-collapse.in .btn-group { |
---|
1018 | padding: 0; |
---|
1019 | margin-top: 5px; |
---|
1020 | } |
---|
1021 | .nav-collapse .dropdown-menu { |
---|
1022 | position: static; |
---|
1023 | top: auto; |
---|
1024 | left: auto; |
---|
1025 | display: none; |
---|
1026 | float: none; |
---|
1027 | max-width: none; |
---|
1028 | padding: 0; |
---|
1029 | margin: 0 15px; |
---|
1030 | background-color: transparent; |
---|
1031 | border: none; |
---|
1032 | -webkit-border-radius: 0; |
---|
1033 | -moz-border-radius: 0; |
---|
1034 | border-radius: 0; |
---|
1035 | -webkit-box-shadow: none; |
---|
1036 | -moz-box-shadow: none; |
---|
1037 | box-shadow: none; |
---|
1038 | } |
---|
1039 | .nav-collapse .open > .dropdown-menu { |
---|
1040 | display: block; |
---|
1041 | } |
---|
1042 | .nav-collapse .dropdown-menu:before, |
---|
1043 | .nav-collapse .dropdown-menu:after { |
---|
1044 | display: none; |
---|
1045 | } |
---|
1046 | .nav-collapse .dropdown-menu .divider { |
---|
1047 | display: none; |
---|
1048 | } |
---|
1049 | .nav-collapse .nav > li > .dropdown-menu:before, |
---|
1050 | .nav-collapse .nav > li > .dropdown-menu:after { |
---|
1051 | display: none; |
---|
1052 | } |
---|
1053 | .nav-collapse .navbar-form, |
---|
1054 | .nav-collapse .navbar-search { |
---|
1055 | float: none; |
---|
1056 | padding: 10px 15px; |
---|
1057 | margin: 10px 0; |
---|
1058 | border-top: 1px solid #f2f2f2; |
---|
1059 | border-bottom: 1px solid #f2f2f2; |
---|
1060 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
---|
1061 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
---|
1062 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); |
---|
1063 | } |
---|
1064 | .navbar-inverse .nav-collapse .navbar-form, |
---|
1065 | .navbar-inverse .nav-collapse .navbar-search { |
---|
1066 | border-top-color: #111111; |
---|
1067 | border-bottom-color: #111111; |
---|
1068 | } |
---|
1069 | .navbar .nav-collapse .nav.pull-right { |
---|
1070 | float: none; |
---|
1071 | margin-left: 0; |
---|
1072 | } |
---|
1073 | .nav-collapse, |
---|
1074 | .nav-collapse.collapse { |
---|
1075 | height: 0; |
---|
1076 | overflow: hidden; |
---|
1077 | } |
---|
1078 | .navbar .btn-navbar { |
---|
1079 | display: block; |
---|
1080 | } |
---|
1081 | .navbar-static .navbar-inner { |
---|
1082 | padding-right: 10px; |
---|
1083 | padding-left: 10px; |
---|
1084 | } |
---|
1085 | } |
---|
1086 | |
---|
1087 | @media (min-width: 980px) { |
---|
1088 | .nav-collapse.collapse { |
---|
1089 | height: auto !important; |
---|
1090 | overflow: visible !important; |
---|
1091 | } |
---|
1092 | } |
---|