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