hobo_bootstrap 2.0.0.pre1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,940 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.0.4
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
+ content: "";
19
+ }
20
+
21
+ .clearfix:after {
22
+ clear: both;
23
+ }
24
+
25
+ .hide-text {
26
+ font: 0/0 a;
27
+ color: transparent;
28
+ text-shadow: none;
29
+ background-color: transparent;
30
+ border: 0;
31
+ }
32
+
33
+ .input-block-level {
34
+ display: block;
35
+ width: 100%;
36
+ min-height: 28px;
37
+ -webkit-box-sizing: border-box;
38
+ -moz-box-sizing: border-box;
39
+ -ms-box-sizing: border-box;
40
+ box-sizing: border-box;
41
+ }
42
+
43
+ .hidden {
44
+ display: none;
45
+ visibility: hidden;
46
+ }
47
+
48
+ .visible-phone {
49
+ display: none !important;
50
+ }
51
+
52
+ .visible-tablet {
53
+ display: none !important;
54
+ }
55
+
56
+ .hidden-desktop {
57
+ display: none !important;
58
+ }
59
+
60
+ @media (max-width: 767px) {
61
+ .visible-phone {
62
+ display: inherit !important;
63
+ }
64
+ .hidden-phone {
65
+ display: none !important;
66
+ }
67
+ .hidden-desktop {
68
+ display: inherit !important;
69
+ }
70
+ .visible-desktop {
71
+ display: none !important;
72
+ }
73
+ }
74
+
75
+ @media (min-width: 768px) and (max-width: 979px) {
76
+ .visible-tablet {
77
+ display: inherit !important;
78
+ }
79
+ .hidden-tablet {
80
+ display: none !important;
81
+ }
82
+ .hidden-desktop {
83
+ display: inherit !important;
84
+ }
85
+ .visible-desktop {
86
+ display: none !important ;
87
+ }
88
+ }
89
+
90
+ @media (max-width: 480px) {
91
+ .nav-collapse {
92
+ -webkit-transform: translate3d(0, 0, 0);
93
+ }
94
+ .page-header h1 small {
95
+ display: block;
96
+ line-height: 18px;
97
+ }
98
+ input[type="checkbox"],
99
+ input[type="radio"] {
100
+ border: 1px solid #ccc;
101
+ }
102
+ .form-horizontal .control-group > label {
103
+ float: none;
104
+ width: auto;
105
+ padding-top: 0;
106
+ text-align: left;
107
+ }
108
+ .form-horizontal .controls {
109
+ margin-left: 0;
110
+ }
111
+ .form-horizontal .control-list {
112
+ padding-top: 0;
113
+ }
114
+ .form-horizontal .form-actions {
115
+ padding-right: 10px;
116
+ padding-left: 10px;
117
+ }
118
+ .modal {
119
+ position: absolute;
120
+ top: 10px;
121
+ right: 10px;
122
+ left: 10px;
123
+ width: auto;
124
+ margin: 0;
125
+ }
126
+ .modal.fade.in {
127
+ top: auto;
128
+ }
129
+ .modal-header .close {
130
+ padding: 10px;
131
+ margin: -10px;
132
+ }
133
+ .carousel-caption {
134
+ position: static;
135
+ }
136
+ }
137
+
138
+ /*@media (max-width: 767px) {*/
139
+ @media (max-width: 979px) {
140
+ body {
141
+ padding-right: 20px;
142
+ padding-left: 20px;
143
+ }
144
+ .navbar-fixed-top,
145
+ .navbar-fixed-bottom {
146
+ margin-right: -20px;
147
+ margin-left: -20px;
148
+ }
149
+ .container-fluid {
150
+ padding: 0;
151
+ }
152
+ .dl-horizontal dt {
153
+ float: none;
154
+ width: auto;
155
+ clear: none;
156
+ text-align: left;
157
+ }
158
+ .dl-horizontal dd {
159
+ margin-left: 0;
160
+ }
161
+ .container {
162
+ width: auto;
163
+ }
164
+ .row-fluid {
165
+ width: 100%;
166
+ }
167
+ .row,
168
+ .thumbnails {
169
+ margin-left: 0;
170
+ }
171
+ [class*="span"],
172
+ .row-fluid [class*="span"] {
173
+ display: block;
174
+ float: none;
175
+ width: auto;
176
+ margin-left: 0;
177
+ }
178
+ .input-large,
179
+ .input-xlarge,
180
+ .input-xxlarge,
181
+ input[class*="span"],
182
+ select[class*="span"],
183
+ textarea[class*="span"],
184
+ .uneditable-input {
185
+ display: block;
186
+ width: 100%;
187
+ min-height: 28px;
188
+ -webkit-box-sizing: border-box;
189
+ -moz-box-sizing: border-box;
190
+ -ms-box-sizing: border-box;
191
+ box-sizing: border-box;
192
+ }
193
+ .input-prepend input,
194
+ .input-append input,
195
+ .input-prepend input[class*="span"],
196
+ .input-append input[class*="span"] {
197
+ display: inline-block;
198
+ width: auto;
199
+ }
200
+ }
201
+
202
+ /*@media (min-width: 768px) and (max-width: 979px) {
203
+ .row {
204
+ margin-left: -20px;
205
+ *zoom: 1;
206
+ }
207
+ .row:before,
208
+ .row:after {
209
+ display: table;
210
+ content: "";
211
+ }
212
+ .row:after {
213
+ clear: both;
214
+ }
215
+ [class*="span"] {
216
+ float: left;
217
+ margin-left: 20px;
218
+ }
219
+ .container,
220
+ .navbar-fixed-top .container,
221
+ .navbar-fixed-bottom .container {
222
+ width: 724px;
223
+ }
224
+ .span12 {
225
+ width: 724px;
226
+ }
227
+ .span11 {
228
+ width: 662px;
229
+ }
230
+ .span10 {
231
+ width: 600px;
232
+ }
233
+ .span9 {
234
+ width: 538px;
235
+ }
236
+ .span8 {
237
+ width: 476px;
238
+ }
239
+ .span7 {
240
+ width: 414px;
241
+ }
242
+ .span6 {
243
+ width: 352px;
244
+ }
245
+ .span5 {
246
+ width: 290px;
247
+ }
248
+ .span4 {
249
+ width: 228px;
250
+ }
251
+ .span3 {
252
+ width: 166px;
253
+ }
254
+ .span2 {
255
+ width: 104px;
256
+ }
257
+ .span1 {
258
+ width: 42px;
259
+ }
260
+ .offset12 {
261
+ margin-left: 764px;
262
+ }
263
+ .offset11 {
264
+ margin-left: 702px;
265
+ }
266
+ .offset10 {
267
+ margin-left: 640px;
268
+ }
269
+ .offset9 {
270
+ margin-left: 578px;
271
+ }
272
+ .offset8 {
273
+ margin-left: 516px;
274
+ }
275
+ .offset7 {
276
+ margin-left: 454px;
277
+ }
278
+ .offset6 {
279
+ margin-left: 392px;
280
+ }
281
+ .offset5 {
282
+ margin-left: 330px;
283
+ }
284
+ .offset4 {
285
+ margin-left: 268px;
286
+ }
287
+ .offset3 {
288
+ margin-left: 206px;
289
+ }
290
+ .offset2 {
291
+ margin-left: 144px;
292
+ }
293
+ .offset1 {
294
+ margin-left: 82px;
295
+ }
296
+ .row-fluid {
297
+ width: 100%;
298
+ *zoom: 1;
299
+ }
300
+ .row-fluid:before,
301
+ .row-fluid:after {
302
+ display: table;
303
+ content: "";
304
+ }
305
+ .row-fluid:after {
306
+ clear: both;
307
+ }
308
+ .row-fluid [class*="span"] {
309
+ display: block;
310
+ float: left;
311
+ width: 100%;
312
+ min-height: 28px;
313
+ margin-left: 2.762430939%;
314
+ *margin-left: 2.709239449638298%;
315
+ -webkit-box-sizing: border-box;
316
+ -moz-box-sizing: border-box;
317
+ -ms-box-sizing: border-box;
318
+ box-sizing: border-box;
319
+ }
320
+ .row-fluid [class*="span"]:first-child {
321
+ margin-left: 0;
322
+ }
323
+ .row-fluid .span12 {
324
+ width: 99.999999993%;
325
+ *width: 99.9468085036383%;
326
+ }
327
+ .row-fluid .span11 {
328
+ width: 91.436464082%;
329
+ *width: 91.38327259263829%;
330
+ }
331
+ .row-fluid .span10 {
332
+ width: 82.87292817100001%;
333
+ *width: 82.8197366816383%;
334
+ }
335
+ .row-fluid .span9 {
336
+ width: 74.30939226%;
337
+ *width: 74.25620077063829%;
338
+ }
339
+ .row-fluid .span8 {
340
+ width: 65.74585634900001%;
341
+ *width: 65.6926648596383%;
342
+ }
343
+ .row-fluid .span7 {
344
+ width: 57.182320438000005%;
345
+ *width: 57.129128948638304%;
346
+ }
347
+ .row-fluid .span6 {
348
+ width: 48.618784527%;
349
+ *width: 48.5655930376383%;
350
+ }
351
+ .row-fluid .span5 {
352
+ width: 40.055248616%;
353
+ *width: 40.0020571266383%;
354
+ }
355
+ .row-fluid .span4 {
356
+ width: 31.491712705%;
357
+ *width: 31.4385212156383%;
358
+ }
359
+ .row-fluid .span3 {
360
+ width: 22.928176794%;
361
+ *width: 22.874985304638297%;
362
+ }
363
+ .row-fluid .span2 {
364
+ width: 14.364640883%;
365
+ *width: 14.311449393638298%;
366
+ }
367
+ .row-fluid .span1 {
368
+ width: 5.801104972%;
369
+ *width: 5.747913482638298%;
370
+ }
371
+ input,
372
+ textarea,
373
+ .uneditable-input {
374
+ margin-left: 0;
375
+ }
376
+ input.span12,
377
+ textarea.span12,
378
+ .uneditable-input.span12 {
379
+ width: 714px;
380
+ }
381
+ input.span11,
382
+ textarea.span11,
383
+ .uneditable-input.span11 {
384
+ width: 652px;
385
+ }
386
+ input.span10,
387
+ textarea.span10,
388
+ .uneditable-input.span10 {
389
+ width: 590px;
390
+ }
391
+ input.span9,
392
+ textarea.span9,
393
+ .uneditable-input.span9 {
394
+ width: 528px;
395
+ }
396
+ input.span8,
397
+ textarea.span8,
398
+ .uneditable-input.span8 {
399
+ width: 466px;
400
+ }
401
+ input.span7,
402
+ textarea.span7,
403
+ .uneditable-input.span7 {
404
+ width: 404px;
405
+ }
406
+ input.span6,
407
+ textarea.span6,
408
+ .uneditable-input.span6 {
409
+ width: 342px;
410
+ }
411
+ input.span5,
412
+ textarea.span5,
413
+ .uneditable-input.span5 {
414
+ width: 280px;
415
+ }
416
+ input.span4,
417
+ textarea.span4,
418
+ .uneditable-input.span4 {
419
+ width: 218px;
420
+ }
421
+ input.span3,
422
+ textarea.span3,
423
+ .uneditable-input.span3 {
424
+ width: 156px;
425
+ }
426
+ input.span2,
427
+ textarea.span2,
428
+ .uneditable-input.span2 {
429
+ width: 94px;
430
+ }
431
+ input.span1,
432
+ textarea.span1,
433
+ .uneditable-input.span1 {
434
+ width: 32px;
435
+ }
436
+ }*/
437
+
438
+ @media (min-width: 1200px) {
439
+ .row {
440
+ margin-left: -30px;
441
+ *zoom: 1;
442
+ }
443
+ .row:before,
444
+ .row:after {
445
+ display: table;
446
+ content: "";
447
+ }
448
+ .row:after {
449
+ clear: both;
450
+ }
451
+ [class*="span"] {
452
+ float: left;
453
+ margin-left: 30px;
454
+ }
455
+ .container,
456
+ .navbar-fixed-top .container,
457
+ .navbar-fixed-bottom .container {
458
+ width: 1170px;
459
+ }
460
+ .span12 {
461
+ width: 1170px;
462
+ }
463
+ .span11 {
464
+ width: 1070px;
465
+ }
466
+ .span10 {
467
+ width: 970px;
468
+ }
469
+ .span9 {
470
+ width: 870px;
471
+ }
472
+ .span8 {
473
+ width: 770px;
474
+ }
475
+ .span7 {
476
+ width: 670px;
477
+ }
478
+ .span6 {
479
+ width: 570px;
480
+ }
481
+ .span5 {
482
+ width: 470px;
483
+ }
484
+ .span4 {
485
+ width: 370px;
486
+ }
487
+ .span3 {
488
+ width: 270px;
489
+ }
490
+ .span2 {
491
+ width: 170px;
492
+ }
493
+ .span1 {
494
+ width: 70px;
495
+ }
496
+ .offset12 {
497
+ margin-left: 1230px;
498
+ }
499
+ .offset11 {
500
+ margin-left: 1130px;
501
+ }
502
+ .offset10 {
503
+ margin-left: 1030px;
504
+ }
505
+ .offset9 {
506
+ margin-left: 930px;
507
+ }
508
+ .offset8 {
509
+ margin-left: 830px;
510
+ }
511
+ .offset7 {
512
+ margin-left: 730px;
513
+ }
514
+ .offset6 {
515
+ margin-left: 630px;
516
+ }
517
+ .offset5 {
518
+ margin-left: 530px;
519
+ }
520
+ .offset4 {
521
+ margin-left: 430px;
522
+ }
523
+ .offset3 {
524
+ margin-left: 330px;
525
+ }
526
+ .offset2 {
527
+ margin-left: 230px;
528
+ }
529
+ .offset1 {
530
+ margin-left: 130px;
531
+ }
532
+ .row-fluid {
533
+ width: 100%;
534
+ *zoom: 1;
535
+ }
536
+ .row-fluid:before,
537
+ .row-fluid:after {
538
+ display: table;
539
+ content: "";
540
+ }
541
+ .row-fluid:after {
542
+ clear: both;
543
+ }
544
+ .row-fluid [class*="span"] {
545
+ display: block;
546
+ float: left;
547
+ width: 100%;
548
+ min-height: 28px;
549
+ margin-left: 2.564102564%;
550
+ *margin-left: 2.510911074638298%;
551
+ -webkit-box-sizing: border-box;
552
+ -moz-box-sizing: border-box;
553
+ -ms-box-sizing: border-box;
554
+ box-sizing: border-box;
555
+ }
556
+ .row-fluid [class*="span"]:first-child {
557
+ margin-left: 0;
558
+ }
559
+ .row-fluid .span12 {
560
+ width: 100%;
561
+ *width: 99.94680851063829%;
562
+ }
563
+ .row-fluid .span11 {
564
+ width: 91.45299145300001%;
565
+ *width: 91.3997999636383%;
566
+ }
567
+ .row-fluid .span10 {
568
+ width: 82.905982906%;
569
+ *width: 82.8527914166383%;
570
+ }
571
+ .row-fluid .span9 {
572
+ width: 74.358974359%;
573
+ *width: 74.30578286963829%;
574
+ }
575
+ .row-fluid .span8 {
576
+ width: 65.81196581200001%;
577
+ *width: 65.7587743226383%;
578
+ }
579
+ .row-fluid .span7 {
580
+ width: 57.264957265%;
581
+ *width: 57.2117657756383%;
582
+ }
583
+ .row-fluid .span6 {
584
+ width: 48.717948718%;
585
+ *width: 48.6647572286383%;
586
+ }
587
+ .row-fluid .span5 {
588
+ width: 40.170940171000005%;
589
+ *width: 40.117748681638304%;
590
+ }
591
+ .row-fluid .span4 {
592
+ width: 31.623931624%;
593
+ *width: 31.5707401346383%;
594
+ }
595
+ .row-fluid .span3 {
596
+ width: 23.076923077%;
597
+ *width: 23.0237315876383%;
598
+ }
599
+ .row-fluid .span2 {
600
+ width: 14.529914530000001%;
601
+ *width: 14.4767230406383%;
602
+ }
603
+ .row-fluid .span1 {
604
+ width: 5.982905983%;
605
+ *width: 5.929714493638298%;
606
+ }
607
+ input,
608
+ textarea,
609
+ .uneditable-input {
610
+ margin-left: 0;
611
+ }
612
+ input.span12,
613
+ textarea.span12,
614
+ .uneditable-input.span12 {
615
+ width: 1160px;
616
+ }
617
+ input.span11,
618
+ textarea.span11,
619
+ .uneditable-input.span11 {
620
+ width: 1060px;
621
+ }
622
+ input.span10,
623
+ textarea.span10,
624
+ .uneditable-input.span10 {
625
+ width: 960px;
626
+ }
627
+ input.span9,
628
+ textarea.span9,
629
+ .uneditable-input.span9 {
630
+ width: 860px;
631
+ }
632
+ input.span8,
633
+ textarea.span8,
634
+ .uneditable-input.span8 {
635
+ width: 760px;
636
+ }
637
+ input.span7,
638
+ textarea.span7,
639
+ .uneditable-input.span7 {
640
+ width: 660px;
641
+ }
642
+ input.span6,
643
+ textarea.span6,
644
+ .uneditable-input.span6 {
645
+ width: 560px;
646
+ }
647
+ input.span5,
648
+ textarea.span5,
649
+ .uneditable-input.span5 {
650
+ width: 460px;
651
+ }
652
+ input.span4,
653
+ textarea.span4,
654
+ .uneditable-input.span4 {
655
+ width: 360px;
656
+ }
657
+ input.span3,
658
+ textarea.span3,
659
+ .uneditable-input.span3 {
660
+ width: 260px;
661
+ }
662
+ input.span2,
663
+ textarea.span2,
664
+ .uneditable-input.span2 {
665
+ width: 160px;
666
+ }
667
+ input.span1,
668
+ textarea.span1,
669
+ .uneditable-input.span1 {
670
+ width: 60px;
671
+ }
672
+ .thumbnails {
673
+ margin-left: -30px;
674
+ }
675
+ .thumbnails > li {
676
+ margin-left: 30px;
677
+ }
678
+ .row-fluid .thumbnails {
679
+ margin-left: 0;
680
+ }
681
+ }
682
+
683
+ @media (max-width: 979px) {
684
+ body {
685
+ padding-top: 0;
686
+ }
687
+ .navbar-fixed-top,
688
+ .navbar-fixed-bottom {
689
+ position: static;
690
+ }
691
+ .navbar-fixed-top {
692
+ margin-bottom: 18px;
693
+ }
694
+ .navbar-fixed-bottom {
695
+ margin-top: 18px;
696
+ }
697
+ .navbar-fixed-top .navbar-inner,
698
+ .navbar-fixed-bottom .navbar-inner {
699
+ padding: 5px;
700
+ }
701
+ .navbar .container {
702
+ width: auto;
703
+ padding: 0;
704
+ }
705
+ .navbar .brand {
706
+ padding-right: 10px;
707
+ padding-left: 10px;
708
+ margin: 0 0 0 -5px;
709
+ }
710
+ .nav-collapse {
711
+ clear: both;
712
+ }
713
+ .nav-collapse .nav {
714
+ float: none;
715
+ margin: 0 0 9px;
716
+ }
717
+ .nav-collapse .nav > li {
718
+ float: none;
719
+ }
720
+ .nav-collapse .nav > li > a {
721
+ margin-bottom: 2px;
722
+ }
723
+ .nav-collapse .nav > .divider-vertical {
724
+ display: none;
725
+ }
726
+ .nav-collapse .nav .nav-header {
727
+ color: #999999;
728
+ text-shadow: none;
729
+ }
730
+ .nav-collapse .nav > li > a,
731
+ .nav-collapse .dropdown-menu a {
732
+ padding: 6px 15px;
733
+ font-weight: bold;
734
+ color: #999999;
735
+ -webkit-border-radius: 3px;
736
+ -moz-border-radius: 3px;
737
+ border-radius: 3px;
738
+ }
739
+ .nav-collapse .btn {
740
+ padding: 4px 10px 4px;
741
+ font-weight: normal;
742
+ -webkit-border-radius: 4px;
743
+ -moz-border-radius: 4px;
744
+ border-radius: 4px;
745
+ }
746
+ .nav-collapse .dropdown-menu li + li a {
747
+ margin-bottom: 2px;
748
+ }
749
+ .nav-collapse .nav > li > a:hover,
750
+ .nav-collapse .dropdown-menu a:hover {
751
+ background-color: #222222;
752
+ }
753
+ .nav-collapse.in .btn-group {
754
+ padding: 0;
755
+ margin-top: 5px;
756
+ }
757
+ .nav-collapse .dropdown-menu {
758
+ position: static;
759
+ top: auto;
760
+ left: auto;
761
+ display: block;
762
+ float: none;
763
+ max-width: none;
764
+ padding: 0;
765
+ margin: 0 15px;
766
+ background-color: transparent;
767
+ border: none;
768
+ -webkit-border-radius: 0;
769
+ -moz-border-radius: 0;
770
+ border-radius: 0;
771
+ -webkit-box-shadow: none;
772
+ -moz-box-shadow: none;
773
+ box-shadow: none;
774
+ }
775
+ .nav-collapse .dropdown-menu:before,
776
+ .nav-collapse .dropdown-menu:after {
777
+ display: none;
778
+ }
779
+ .nav-collapse .dropdown-menu .divider {
780
+ display: none;
781
+ }
782
+ .nav-collapse .navbar-form,
783
+ .nav-collapse .navbar-search {
784
+ float: none;
785
+ padding: 9px 15px;
786
+ margin: 9px 0;
787
+ border-top: 1px solid #222222;
788
+ border-bottom: 1px solid #222222;
789
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
790
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
791
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
792
+ }
793
+ .navbar .nav-collapse .nav.pull-right {
794
+ float: none;
795
+ margin-left: 0;
796
+ }
797
+ .nav-collapse,
798
+ .nav-collapse.collapse {
799
+ height: 0;
800
+ overflow: hidden;
801
+ }
802
+ .navbar .btn-navbar {
803
+ display: block;
804
+ }
805
+ .navbar-static .navbar-inner {
806
+ padding-right: 10px;
807
+ padding-left: 10px;
808
+ }
809
+ }
810
+
811
+ @media (min-width: 980px) {
812
+ .nav-collapse.collapse {
813
+ height: auto !important;
814
+ overflow: visible !important;
815
+ }
816
+ }
817
+
818
+
819
+
820
+
821
+ /* START OF HOBO BOOTSTRAP MODIFICATIONS */
822
+
823
+ /* Make forms 10px smaller so they fit in columns */
824
+ input, textarea{
825
+ width:200px;
826
+ }
827
+ select{
828
+ width:210px;
829
+ }
830
+ @media (min-width: 500px){
831
+ .form-horizontal .control-label {
832
+ width: 100px;
833
+ }
834
+ .form-horizontal .controls {
835
+ margin-left: 110px;
836
+ }
837
+ }
838
+
839
+ /* Start of dirty IE7 hacks */
840
+ input, textarea{
841
+ *width:170px;
842
+ }
843
+ select{
844
+ *width:180px;
845
+ }
846
+ .form-horizontal .columns .control-label {
847
+ *width: 75px;
848
+ }
849
+ .form-horizontal .columns .controls {
850
+ *margin-left: 0px;
851
+ }
852
+ .span3 input, .span3 textarea{
853
+ *width: 125px;
854
+ }
855
+ .span3 select{
856
+ *width: 135px;
857
+ }
858
+ .columns .span6 input, .columns .span6 textarea{
859
+ *width: 365px;
860
+ }
861
+ .columns .span6 select{
862
+ *width: 375px;
863
+ }
864
+ .columns .span9 input, .columns .span9 textarea{
865
+ *width: 605px;
866
+ }
867
+ .columns .span9 select{
868
+ *width: 615px;
869
+ }
870
+ /* End of dirty IE7 hacks */
871
+
872
+
873
+ /* When the screen is between these sizes, make fields smaller */
874
+ @media (min-width: 980px) and (max-width: 1199px) {
875
+ input, textarea{
876
+ width:170px;
877
+ }
878
+ select{
879
+ width:180px;
880
+ }
881
+
882
+ /* When the fields are within a span3 in this screen, make them smaller! */
883
+ .form-horizontal .columns .control-label {
884
+ width: 75px;
885
+ }
886
+ .form-horizontal .columns .controls {
887
+ margin-left: 82px;
888
+ }
889
+ .span3 input, .span3 textarea{
890
+ width: 125px;
891
+ }
892
+ .span3 select{
893
+ width: 135px;
894
+ }
895
+ .columns .span6 input, .columns .span6 textarea{
896
+ width: 365px;
897
+ }
898
+ .columns .span6 select{
899
+ width: 375px;
900
+ }
901
+ .columns .span9 input, .columns .span9 textarea{
902
+ width: 605px;
903
+ }
904
+ .columns .span9 select{
905
+ width: 615px;
906
+ }
907
+ }
908
+
909
+
910
+ @media (min-width: 1200px) {
911
+ .form-search i {
912
+ margin: -20px 0 0 191px;
913
+ }
914
+
915
+ /* When the fields are within span3 on a bigger screen, make them smaller! */
916
+ .span3 input, .span3 textarea{
917
+ width: 150px;
918
+ }
919
+ .span3 select{
920
+ width: 160px;
921
+ }
922
+ .columns .span6 input, .columns .span6 textarea{
923
+ width: 450px; /* sum 300px */
924
+ }
925
+ .columns .span6 select{
926
+ width: 460px; /* sum 300px */
927
+ }
928
+ .columns .span9 input, .columns .span9 textarea{
929
+ width: 750px; /* sum 300px */
930
+ }
931
+ .columns .span9 select{
932
+ width: 760px; /* sum 300px */
933
+ }
934
+ }
935
+
936
+ @media (max-width: 979px) {
937
+ .form-search i {
938
+ margin: -20px 0 0 191px;
939
+ }
940
+ }