|
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 } |