Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 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
}