|
1 /*! |
|
2 * Bootstrap Responsive v2.3.1 |
|
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: 20px; |
|
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: -24px; |
|
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: 16px; |
|
129 } |
|
130 .container, |
|
131 .navbar-static-top .container, |
|
132 .navbar-fixed-top .container, |
|
133 .navbar-fixed-bottom .container { |
|
134 width: 1128px; |
|
135 } |
|
136 .span12 { |
|
137 width: 1128px; |
|
138 } |
|
139 .span11 { |
|
140 width: 1032px; |
|
141 } |
|
142 .span10 { |
|
143 width: 936px; |
|
144 } |
|
145 .span9 { |
|
146 width: 840px; |
|
147 } |
|
148 .span8 { |
|
149 width: 744px; |
|
150 } |
|
151 .span7 { |
|
152 width: 648px; |
|
153 } |
|
154 .span6 { |
|
155 width: 552px; |
|
156 } |
|
157 .span5 { |
|
158 width: 456px; |
|
159 } |
|
160 .span4 { |
|
161 width: 360px; |
|
162 } |
|
163 .span3 { |
|
164 width: 264px; |
|
165 } |
|
166 .span2 { |
|
167 width: 168px; |
|
168 } |
|
169 .span1 { |
|
170 width: 72px; |
|
171 } |
|
172 .offset12 { |
|
173 margin-left: 1176px; |
|
174 } |
|
175 .offset11 { |
|
176 margin-left: 1080px; |
|
177 } |
|
178 .offset10 { |
|
179 margin-left: 984px; |
|
180 } |
|
181 .offset9 { |
|
182 margin-left: 888px; |
|
183 } |
|
184 .offset8 { |
|
185 margin-left: 792px; |
|
186 } |
|
187 .offset7 { |
|
188 margin-left: 696px; |
|
189 } |
|
190 .offset6 { |
|
191 margin-left: 600px; |
|
192 } |
|
193 .offset5 { |
|
194 margin-left: 504px; |
|
195 } |
|
196 .offset4 { |
|
197 margin-left: 408px; |
|
198 } |
|
199 .offset3 { |
|
200 margin-left: 312px; |
|
201 } |
|
202 .offset2 { |
|
203 margin-left: 216px; |
|
204 } |
|
205 .offset1 { |
|
206 margin-left: 120px; |
|
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: 20px; |
|
226 margin-left: 2.127659574468085%; |
|
227 *margin-left: 2.07469347277317%; |
|
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.127659574468085%; |
|
237 } |
|
238 .row-fluid .span12 { |
|
239 width: 100%; |
|
240 *width: 99.94703389830508%; |
|
241 } |
|
242 .row-fluid .span11 { |
|
243 width: 91.48936170212765%; |
|
244 *width: 91.43639560043273%; |
|
245 } |
|
246 .row-fluid .span10 { |
|
247 width: 82.97872340425532%; |
|
248 *width: 82.9257573025604%; |
|
249 } |
|
250 .row-fluid .span9 { |
|
251 width: 74.46808510638297%; |
|
252 *width: 74.41511900468805%; |
|
253 } |
|
254 .row-fluid .span8 { |
|
255 width: 65.95744680851064%; |
|
256 *width: 65.90448070681572%; |
|
257 } |
|
258 .row-fluid .span7 { |
|
259 width: 57.44680851063829%; |
|
260 *width: 57.39384240894338%; |
|
261 } |
|
262 .row-fluid .span6 { |
|
263 width: 48.93617021276595%; |
|
264 *width: 48.88320411107104%; |
|
265 } |
|
266 .row-fluid .span5 { |
|
267 width: 40.42553191489362%; |
|
268 *width: 40.372565813198705%; |
|
269 } |
|
270 .row-fluid .span4 { |
|
271 width: 31.914893617021278%; |
|
272 *width: 31.86192751532636%; |
|
273 } |
|
274 .row-fluid .span3 { |
|
275 width: 23.404255319148934%; |
|
276 *width: 23.351289217454017%; |
|
277 } |
|
278 .row-fluid .span2 { |
|
279 width: 14.893617021276595%; |
|
280 *width: 14.84065091958168%; |
|
281 } |
|
282 .row-fluid .span1 { |
|
283 width: 6.382978723404255%; |
|
284 *width: 6.33001262170934%; |
|
285 } |
|
286 .row-fluid .offset12 { |
|
287 margin-left: 104.25531914893617%; |
|
288 *margin-left: 104.14938694554633%; |
|
289 } |
|
290 .row-fluid .offset12:first-child { |
|
291 margin-left: 102.12765957446808%; |
|
292 *margin-left: 102.02172737107824%; |
|
293 } |
|
294 .row-fluid .offset11 { |
|
295 margin-left: 95.74468085106382%; |
|
296 *margin-left: 95.63874864767398%; |
|
297 } |
|
298 .row-fluid .offset11:first-child { |
|
299 margin-left: 93.61702127659574%; |
|
300 *margin-left: 93.5110890732059%; |
|
301 } |
|
302 .row-fluid .offset10 { |
|
303 margin-left: 87.23404255319149%; |
|
304 *margin-left: 87.12811034980164%; |
|
305 } |
|
306 .row-fluid .offset10:first-child { |
|
307 margin-left: 85.1063829787234%; |
|
308 *margin-left: 85.00045077533356%; |
|
309 } |
|
310 .row-fluid .offset9 { |
|
311 margin-left: 78.72340425531914%; |
|
312 *margin-left: 78.6174720519293%; |
|
313 } |
|
314 .row-fluid .offset9:first-child { |
|
315 margin-left: 76.59574468085106%; |
|
316 *margin-left: 76.48981247746121%; |
|
317 } |
|
318 .row-fluid .offset8 { |
|
319 margin-left: 70.2127659574468%; |
|
320 *margin-left: 70.10683375405696%; |
|
321 } |
|
322 .row-fluid .offset8:first-child { |
|
323 margin-left: 68.08510638297872%; |
|
324 *margin-left: 67.97917417958888%; |
|
325 } |
|
326 .row-fluid .offset7 { |
|
327 margin-left: 61.70212765957446%; |
|
328 *margin-left: 61.59619545618464%; |
|
329 } |
|
330 .row-fluid .offset7:first-child { |
|
331 margin-left: 59.574468085106375%; |
|
332 *margin-left: 59.46853588171655%; |
|
333 } |
|
334 .row-fluid .offset6 { |
|
335 margin-left: 53.191489361702125%; |
|
336 *margin-left: 53.08555715831229%; |
|
337 } |
|
338 .row-fluid .offset6:first-child { |
|
339 margin-left: 51.063829787234035%; |
|
340 *margin-left: 50.95789758384421%; |
|
341 } |
|
342 .row-fluid .offset5 { |
|
343 margin-left: 44.68085106382979%; |
|
344 *margin-left: 44.57491886043996%; |
|
345 } |
|
346 .row-fluid .offset5:first-child { |
|
347 margin-left: 42.5531914893617%; |
|
348 *margin-left: 42.447259285971874%; |
|
349 } |
|
350 .row-fluid .offset4 { |
|
351 margin-left: 36.170212765957444%; |
|
352 *margin-left: 36.06428056256762%; |
|
353 } |
|
354 .row-fluid .offset4:first-child { |
|
355 margin-left: 34.04255319148936%; |
|
356 *margin-left: 33.936620988099534%; |
|
357 } |
|
358 .row-fluid .offset3 { |
|
359 margin-left: 27.659574468085104%; |
|
360 *margin-left: 27.55364226469527%; |
|
361 } |
|
362 .row-fluid .offset3:first-child { |
|
363 margin-left: 25.53191489361702%; |
|
364 *margin-left: 25.425982690227183%; |
|
365 } |
|
366 .row-fluid .offset2 { |
|
367 margin-left: 19.148936170212764%; |
|
368 *margin-left: 19.043003966822933%; |
|
369 } |
|
370 .row-fluid .offset2:first-child { |
|
371 margin-left: 17.02127659574468%; |
|
372 *margin-left: 16.91534439235485%; |
|
373 } |
|
374 .row-fluid .offset1 { |
|
375 margin-left: 10.638297872340425%; |
|
376 *margin-left: 10.532365668950595%; |
|
377 } |
|
378 .row-fluid .offset1:first-child { |
|
379 margin-left: 8.51063829787234%; |
|
380 *margin-left: 8.40470609448251%; |
|
381 } |
|
382 input, |
|
383 textarea, |
|
384 .uneditable-input { |
|
385 margin-left: 0; |
|
386 } |
|
387 .controls-row [class*="span"] + [class*="span"] { |
|
388 margin-left: 24px; |
|
389 } |
|
390 input.span12, |
|
391 textarea.span12, |
|
392 .uneditable-input.span12 { |
|
393 width: 1114px; |
|
394 } |
|
395 input.span11, |
|
396 textarea.span11, |
|
397 .uneditable-input.span11 { |
|
398 width: 1018px; |
|
399 } |
|
400 input.span10, |
|
401 textarea.span10, |
|
402 .uneditable-input.span10 { |
|
403 width: 922px; |
|
404 } |
|
405 input.span9, |
|
406 textarea.span9, |
|
407 .uneditable-input.span9 { |
|
408 width: 826px; |
|
409 } |
|
410 input.span8, |
|
411 textarea.span8, |
|
412 .uneditable-input.span8 { |
|
413 width: 730px; |
|
414 } |
|
415 input.span7, |
|
416 textarea.span7, |
|
417 .uneditable-input.span7 { |
|
418 width: 634px; |
|
419 } |
|
420 input.span6, |
|
421 textarea.span6, |
|
422 .uneditable-input.span6 { |
|
423 width: 538px; |
|
424 } |
|
425 input.span5, |
|
426 textarea.span5, |
|
427 .uneditable-input.span5 { |
|
428 width: 442px; |
|
429 } |
|
430 input.span4, |
|
431 textarea.span4, |
|
432 .uneditable-input.span4 { |
|
433 width: 346px; |
|
434 } |
|
435 input.span3, |
|
436 textarea.span3, |
|
437 .uneditable-input.span3 { |
|
438 width: 250px; |
|
439 } |
|
440 input.span2, |
|
441 textarea.span2, |
|
442 .uneditable-input.span2 { |
|
443 width: 154px; |
|
444 } |
|
445 input.span1, |
|
446 textarea.span1, |
|
447 .uneditable-input.span1 { |
|
448 width: 58px; |
|
449 } |
|
450 .thumbnails { |
|
451 margin-left: -24px; |
|
452 } |
|
453 .thumbnails > li { |
|
454 margin-left: 24px; |
|
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: -16px; |
|
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: 16px; |
|
479 } |
|
480 .container, |
|
481 .navbar-static-top .container, |
|
482 .navbar-fixed-top .container, |
|
483 .navbar-fixed-bottom .container { |
|
484 width: 656px; |
|
485 } |
|
486 .span12 { |
|
487 width: 656px; |
|
488 } |
|
489 .span11 { |
|
490 width: 600px; |
|
491 } |
|
492 .span10 { |
|
493 width: 544px; |
|
494 } |
|
495 .span9 { |
|
496 width: 488px; |
|
497 } |
|
498 .span8 { |
|
499 width: 432px; |
|
500 } |
|
501 .span7 { |
|
502 width: 376px; |
|
503 } |
|
504 .span6 { |
|
505 width: 320px; |
|
506 } |
|
507 .span5 { |
|
508 width: 264px; |
|
509 } |
|
510 .span4 { |
|
511 width: 208px; |
|
512 } |
|
513 .span3 { |
|
514 width: 152px; |
|
515 } |
|
516 .span2 { |
|
517 width: 96px; |
|
518 } |
|
519 .span1 { |
|
520 width: 40px; |
|
521 } |
|
522 .offset12 { |
|
523 margin-left: 688px; |
|
524 } |
|
525 .offset11 { |
|
526 margin-left: 632px; |
|
527 } |
|
528 .offset10 { |
|
529 margin-left: 576px; |
|
530 } |
|
531 .offset9 { |
|
532 margin-left: 520px; |
|
533 } |
|
534 .offset8 { |
|
535 margin-left: 464px; |
|
536 } |
|
537 .offset7 { |
|
538 margin-left: 408px; |
|
539 } |
|
540 .offset6 { |
|
541 margin-left: 352px; |
|
542 } |
|
543 .offset5 { |
|
544 margin-left: 296px; |
|
545 } |
|
546 .offset4 { |
|
547 margin-left: 240px; |
|
548 } |
|
549 .offset3 { |
|
550 margin-left: 184px; |
|
551 } |
|
552 .offset2 { |
|
553 margin-left: 128px; |
|
554 } |
|
555 .offset1 { |
|
556 margin-left: 72px; |
|
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: 20px; |
|
576 margin-left: 2.4390243902439024%; |
|
577 *margin-left: 2.386058288548987%; |
|
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.4390243902439024%; |
|
587 } |
|
588 .row-fluid .span12 { |
|
589 width: 100%; |
|
590 *width: 99.94703389830508%; |
|
591 } |
|
592 .row-fluid .span11 { |
|
593 width: 91.46341463414635%; |
|
594 *width: 91.41044853245143%; |
|
595 } |
|
596 .row-fluid .span10 { |
|
597 width: 82.92682926829268%; |
|
598 *width: 82.87386316659776%; |
|
599 } |
|
600 .row-fluid .span9 { |
|
601 width: 74.39024390243902%; |
|
602 *width: 74.3372778007441%; |
|
603 } |
|
604 .row-fluid .span8 { |
|
605 width: 65.85365853658537%; |
|
606 *width: 65.80069243489045%; |
|
607 } |
|
608 .row-fluid .span7 { |
|
609 width: 57.31707317073171%; |
|
610 *width: 57.2641070690368%; |
|
611 } |
|
612 .row-fluid .span6 { |
|
613 width: 48.78048780487805%; |
|
614 *width: 48.727521703183136%; |
|
615 } |
|
616 .row-fluid .span5 { |
|
617 width: 40.24390243902439%; |
|
618 *width: 40.190936337329475%; |
|
619 } |
|
620 .row-fluid .span4 { |
|
621 width: 31.70731707317073%; |
|
622 *width: 31.654350971475814%; |
|
623 } |
|
624 .row-fluid .span3 { |
|
625 width: 23.170731707317074%; |
|
626 *width: 23.117765605622157%; |
|
627 } |
|
628 .row-fluid .span2 { |
|
629 width: 14.634146341463415%; |
|
630 *width: 14.5811802397685%; |
|
631 } |
|
632 .row-fluid .span1 { |
|
633 width: 6.097560975609756%; |
|
634 *width: 6.044594873914841%; |
|
635 } |
|
636 .row-fluid .offset12 { |
|
637 margin-left: 104.8780487804878%; |
|
638 *margin-left: 104.77211657709796%; |
|
639 } |
|
640 .row-fluid .offset12:first-child { |
|
641 margin-left: 102.4390243902439%; |
|
642 *margin-left: 102.33309218685406%; |
|
643 } |
|
644 .row-fluid .offset11 { |
|
645 margin-left: 96.34146341463415%; |
|
646 *margin-left: 96.23553121124431%; |
|
647 } |
|
648 .row-fluid .offset11:first-child { |
|
649 margin-left: 93.90243902439025%; |
|
650 *margin-left: 93.7965068210004%; |
|
651 } |
|
652 .row-fluid .offset10 { |
|
653 margin-left: 87.80487804878048%; |
|
654 *margin-left: 87.69894584539064%; |
|
655 } |
|
656 .row-fluid .offset10:first-child { |
|
657 margin-left: 85.36585365853658%; |
|
658 *margin-left: 85.25992145514674%; |
|
659 } |
|
660 .row-fluid .offset9 { |
|
661 margin-left: 79.26829268292683%; |
|
662 *margin-left: 79.16236047953699%; |
|
663 } |
|
664 .row-fluid .offset9:first-child { |
|
665 margin-left: 76.82926829268293%; |
|
666 *margin-left: 76.72333608929308%; |
|
667 } |
|
668 .row-fluid .offset8 { |
|
669 margin-left: 70.73170731707317%; |
|
670 *margin-left: 70.62577511368333%; |
|
671 } |
|
672 .row-fluid .offset8:first-child { |
|
673 margin-left: 68.29268292682927%; |
|
674 *margin-left: 68.18675072343943%; |
|
675 } |
|
676 .row-fluid .offset7 { |
|
677 margin-left: 62.19512195121951%; |
|
678 *margin-left: 62.089189747829685%; |
|
679 } |
|
680 .row-fluid .offset7:first-child { |
|
681 margin-left: 59.75609756097561%; |
|
682 *margin-left: 59.650165357585784%; |
|
683 } |
|
684 .row-fluid .offset6 { |
|
685 margin-left: 53.65853658536585%; |
|
686 *margin-left: 53.552604381976025%; |
|
687 } |
|
688 .row-fluid .offset6:first-child { |
|
689 margin-left: 51.21951219512195%; |
|
690 *margin-left: 51.113579991732124%; |
|
691 } |
|
692 .row-fluid .offset5 { |
|
693 margin-left: 45.12195121951219%; |
|
694 *margin-left: 45.016019016122364%; |
|
695 } |
|
696 .row-fluid .offset5:first-child { |
|
697 margin-left: 42.68292682926829%; |
|
698 *margin-left: 42.57699462587846%; |
|
699 } |
|
700 .row-fluid .offset4 { |
|
701 margin-left: 36.58536585365854%; |
|
702 *margin-left: 36.4794336502687%; |
|
703 } |
|
704 .row-fluid .offset4:first-child { |
|
705 margin-left: 34.146341463414636%; |
|
706 *margin-left: 34.0404092600248%; |
|
707 } |
|
708 .row-fluid .offset3 { |
|
709 margin-left: 28.04878048780488%; |
|
710 *margin-left: 27.942848284415046%; |
|
711 } |
|
712 .row-fluid .offset3:first-child { |
|
713 margin-left: 25.609756097560975%; |
|
714 *margin-left: 25.50382389417114%; |
|
715 } |
|
716 .row-fluid .offset2 { |
|
717 margin-left: 19.51219512195122%; |
|
718 *margin-left: 19.40626291856139%; |
|
719 } |
|
720 .row-fluid .offset2:first-child { |
|
721 margin-left: 17.073170731707318%; |
|
722 *margin-left: 16.967238528317484%; |
|
723 } |
|
724 .row-fluid .offset1 { |
|
725 margin-left: 10.975609756097562%; |
|
726 *margin-left: 10.86967755270773%; |
|
727 } |
|
728 .row-fluid .offset1:first-child { |
|
729 margin-left: 8.536585365853659%; |
|
730 *margin-left: 8.430653162463829%; |
|
731 } |
|
732 input, |
|
733 textarea, |
|
734 .uneditable-input { |
|
735 margin-left: 0; |
|
736 } |
|
737 .controls-row [class*="span"] + [class*="span"] { |
|
738 margin-left: 16px; |
|
739 } |
|
740 input.span12, |
|
741 textarea.span12, |
|
742 .uneditable-input.span12 { |
|
743 width: 642px; |
|
744 } |
|
745 input.span11, |
|
746 textarea.span11, |
|
747 .uneditable-input.span11 { |
|
748 width: 586px; |
|
749 } |
|
750 input.span10, |
|
751 textarea.span10, |
|
752 .uneditable-input.span10 { |
|
753 width: 530px; |
|
754 } |
|
755 input.span9, |
|
756 textarea.span9, |
|
757 .uneditable-input.span9 { |
|
758 width: 474px; |
|
759 } |
|
760 input.span8, |
|
761 textarea.span8, |
|
762 .uneditable-input.span8 { |
|
763 width: 418px; |
|
764 } |
|
765 input.span7, |
|
766 textarea.span7, |
|
767 .uneditable-input.span7 { |
|
768 width: 362px; |
|
769 } |
|
770 input.span6, |
|
771 textarea.span6, |
|
772 .uneditable-input.span6 { |
|
773 width: 306px; |
|
774 } |
|
775 input.span5, |
|
776 textarea.span5, |
|
777 .uneditable-input.span5 { |
|
778 width: 250px; |
|
779 } |
|
780 input.span4, |
|
781 textarea.span4, |
|
782 .uneditable-input.span4 { |
|
783 width: 194px; |
|
784 } |
|
785 input.span3, |
|
786 textarea.span3, |
|
787 .uneditable-input.span3 { |
|
788 width: 138px; |
|
789 } |
|
790 input.span2, |
|
791 textarea.span2, |
|
792 .uneditable-input.span2 { |
|
793 width: 82px; |
|
794 } |
|
795 input.span1, |
|
796 textarea.span1, |
|
797 .uneditable-input.span1 { |
|
798 width: 26px; |
|
799 } |
|
800 } |
|
801 |
|
802 @media (max-width: 767px) { |
|
803 body { |
|
804 padding-right: 18px; |
|
805 padding-left: 18px; |
|
806 } |
|
807 .navbar-fixed-top, |
|
808 .navbar-fixed-bottom, |
|
809 .navbar-static-top { |
|
810 margin-right: -10px; |
|
811 margin-left: -10px; |
|
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: 20px; |
|
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: 18px; |
|
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: 20px; |
|
933 } |
|
934 .media-object { |
|
935 margin-right: 0; |
|
936 margin-left: 0; |
|
937 } |
|
938 .modal { |
|
939 top: 9px; |
|
940 right: 4px; |
|
941 left: 4px; |
|
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: 0; |
|
969 } |
|
970 .navbar .container { |
|
971 width: auto; |
|
972 padding: 0; |
|
973 } |
|
974 .navbar .brand { |
|
975 padding: 10px 10px; |
|
976 margin: 0; |
|
977 } |
|
978 .nav-collapse { |
|
979 clear: both; |
|
980 } |
|
981 .nav-collapse .nav { |
|
982 float: none; |
|
983 margin: 0 0 10px; |
|
984 } |
|
985 .nav-collapse .nav > li { |
|
986 float: none; |
|
987 } |
|
988 .nav-collapse .nav > li > a { |
|
989 margin-bottom: 0; |
|
990 } |
|
991 .nav-collapse .nav > .divider-vertical { |
|
992 display: none; |
|
993 } |
|
994 .nav-collapse .nav .nav-header { |
|
995 color: #000000; |
|
996 text-shadow: none; |
|
997 } |
|
998 .nav-collapse .nav > li > a, |
|
999 .nav-collapse .dropdown-menu a { |
|
1000 padding: 0 10px; |
|
1001 color: #000000; |
|
1002 } |
|
1003 .nav-collapse .nav > li.active > a { |
|
1004 color: #bbbbbb; |
|
1005 } |
|
1006 .nav-collapse .btn { |
|
1007 padding: 10px 10px; |
|
1008 font-weight: normal; |
|
1009 -webkit-border-radius: 0; |
|
1010 -moz-border-radius: 0; |
|
1011 border-radius: 0; |
|
1012 } |
|
1013 .nav-collapse .dropdown-menu li + li a { |
|
1014 margin-bottom: 0; |
|
1015 } |
|
1016 .nav-collapse .nav > li > a:hover, |
|
1017 .nav-collapse .nav > li > a:focus, |
|
1018 .nav-collapse .dropdown-menu a:hover, |
|
1019 .nav-collapse .dropdown-menu a:focus { |
|
1020 color: #bbbbbb; |
|
1021 background-color: #bbbbbb; |
|
1022 } |
|
1023 .navbar-inverse .nav-collapse .nav > li > a, |
|
1024 .navbar-inverse .nav-collapse .dropdown-menu a { |
|
1025 color: #000000; |
|
1026 } |
|
1027 .navbar-inverse .nav-collapse .nav > li > a:hover, |
|
1028 .navbar-inverse .nav-collapse .nav > li > a:focus, |
|
1029 .navbar-inverse .nav-collapse .dropdown-menu a:hover, |
|
1030 .navbar-inverse .nav-collapse .dropdown-menu a:focus { |
|
1031 color: #bbbbbb; |
|
1032 background-color: #000000; |
|
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; |
|
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 10px; |
|
1074 margin: 10px 0; |
|
1075 border-top: 1px solid #bbbbbb; |
|
1076 border-bottom: 1px solid #bbbbbb; |
|
1077 } |
|
1078 .navbar-inverse .nav-collapse .navbar-form, |
|
1079 .navbar-inverse .nav-collapse .navbar-search { |
|
1080 border-top-color: #000000; |
|
1081 border-bottom-color: #000000; |
|
1082 } |
|
1083 .navbar .nav-collapse .nav.pull-right { |
|
1084 float: none; |
|
1085 margin-left: 0; |
|
1086 } |
|
1087 .nav-collapse, |
|
1088 .nav-collapse.collapse { |
|
1089 height: 0; |
|
1090 overflow: hidden; |
|
1091 } |
|
1092 .nav-collapse > ul.nav > li.active > a { |
|
1093 color: #bbbbbb; |
|
1094 } |
|
1095 .navbar .btn-navbar { |
|
1096 display: block; |
|
1097 color: #ffffff; |
|
1098 background: #555555; |
|
1099 -webkit-box-shadow: 0 0 0; |
|
1100 -moz-box-shadow: 0 0 0; |
|
1101 box-shadow: 0 0 0; |
|
1102 } |
|
1103 .navbar .btn-navbar:after { |
|
1104 content: ""; |
|
1105 } |
|
1106 .navbar .btn-navbar:before { |
|
1107 content: "▼"; |
|
1108 } |
|
1109 .navbar .btn-navbar.active, |
|
1110 .navbar .btn-navbar:active { |
|
1111 margin-bottom: 20px; |
|
1112 color: #ffffff; |
|
1113 background: #000000; |
|
1114 outline: 0; |
|
1115 } |
|
1116 .navbar-static .navbar-inner { |
|
1117 padding-right: 10px; |
|
1118 padding-left: 10px; |
|
1119 } |
|
1120 } |
|
1121 |
|
1122 @media (min-width: 980px) { |
|
1123 .nav-collapse.collapse { |
|
1124 height: auto !important; |
|
1125 overflow: visible !important; |
|
1126 } |
|
1127 } |