jombo 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Bootstrap Responsive v2.0.2
2
+ * Bootstrap Responsive v2.0.3
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -19,20 +19,16 @@
19
19
  clear: both;
20
20
  }
21
21
  .hide-text {
22
- border: 0;
23
22
  font: 0/0 a;
24
- text-shadow: none;
25
23
  color: transparent;
24
+ text-shadow: none;
26
25
  background-color: transparent;
26
+ border: 0;
27
27
  }
28
28
  .input-block-level {
29
29
  display: block;
30
30
  width: 100%;
31
31
  min-height: 28px;
32
- /* Make inputs at least the height of their button counterpart */
33
-
34
- /* Makes inputs behave like true block-level elements */
35
-
36
32
  -webkit-box-sizing: border-box;
37
33
  -moz-box-sizing: border-box;
38
34
  -ms-box-sizing: border-box;
@@ -43,49 +39,40 @@
43
39
  visibility: hidden;
44
40
  }
45
41
  .visible-phone {
46
- display: none;
42
+ display: none !important;
47
43
  }
48
44
  .visible-tablet {
49
- display: none;
50
- }
51
- .visible-desktop {
52
- display: block;
53
- }
54
- .hidden-phone {
55
- display: block;
56
- }
57
- .hidden-tablet {
58
- display: block;
45
+ display: none !important;
59
46
  }
60
47
  .hidden-desktop {
61
- display: none;
48
+ display: none !important;
62
49
  }
63
50
  @media (max-width: 767px) {
64
51
  .visible-phone {
65
- display: block;
52
+ display: inherit !important;
66
53
  }
67
54
  .hidden-phone {
68
- display: none;
55
+ display: none !important;
69
56
  }
70
57
  .hidden-desktop {
71
- display: block;
58
+ display: inherit !important;
72
59
  }
73
60
  .visible-desktop {
74
- display: none;
61
+ display: none !important;
75
62
  }
76
63
  }
77
64
  @media (min-width: 768px) and (max-width: 979px) {
78
65
  .visible-tablet {
79
- display: block;
66
+ display: inherit !important;
80
67
  }
81
68
  .hidden-tablet {
82
- display: none;
69
+ display: none !important;
83
70
  }
84
71
  .hidden-desktop {
85
- display: block;
72
+ display: inherit !important;
86
73
  }
87
74
  .visible-desktop {
88
- display: none;
75
+ display: none !important ;
89
76
  }
90
77
  }
91
78
  @media (max-width: 480px) {
@@ -140,29 +127,43 @@
140
127
  padding-left: 20px;
141
128
  padding-right: 20px;
142
129
  }
143
- .navbar-fixed-top {
130
+ .navbar-fixed-top,
131
+ .navbar-fixed-bottom {
144
132
  margin-left: -20px;
145
133
  margin-right: -20px;
146
134
  }
135
+ .container-fluid {
136
+ padding: 0;
137
+ }
138
+ .dl-horizontal dt {
139
+ float: none;
140
+ clear: none;
141
+ width: auto;
142
+ text-align: left;
143
+ }
144
+ .dl-horizontal dd {
145
+ margin-left: 0;
146
+ }
147
147
  .container {
148
148
  width: auto;
149
149
  }
150
150
  .row-fluid {
151
151
  width: 100%;
152
152
  }
153
- .row {
153
+ .row,
154
+ .thumbnails {
154
155
  margin-left: 0;
155
156
  }
156
- .row > [class*="span"],
157
- .row-fluid > [class*="span"] {
157
+ [class*="span"],
158
+ .row-fluid [class*="span"] {
158
159
  float: none;
159
160
  display: block;
160
161
  width: auto;
161
- margin: 0;
162
- }
163
- .thumbnails [class*="span"] {
164
- width: auto;
162
+ margin-left: 0;
165
163
  }
164
+ .input-large,
165
+ .input-xlarge,
166
+ .input-xxlarge,
166
167
  input[class*="span"],
167
168
  select[class*="span"],
168
169
  textarea[class*="span"],
@@ -170,17 +171,16 @@
170
171
  display: block;
171
172
  width: 100%;
172
173
  min-height: 28px;
173
- /* Make inputs at least the height of their button counterpart */
174
-
175
- /* Makes inputs behave like true block-level elements */
176
-
177
174
  -webkit-box-sizing: border-box;
178
175
  -moz-box-sizing: border-box;
179
176
  -ms-box-sizing: border-box;
180
177
  box-sizing: border-box;
181
178
  }
179
+ .input-prepend input,
180
+ .input-append input,
182
181
  .input-prepend input[class*="span"],
183
182
  .input-append input[class*="span"] {
183
+ display: inline-block;
184
184
  width: auto;
185
185
  }
186
186
  }
@@ -290,47 +290,54 @@
290
290
  .row-fluid:after {
291
291
  clear: both;
292
292
  }
293
- .row-fluid > [class*="span"] {
293
+ .row-fluid [class*="span"] {
294
+ display: block;
295
+ width: 100%;
296
+ min-height: 28px;
297
+ -webkit-box-sizing: border-box;
298
+ -moz-box-sizing: border-box;
299
+ -ms-box-sizing: border-box;
300
+ box-sizing: border-box;
294
301
  float: left;
295
302
  margin-left: 2.762430939%;
296
303
  }
297
- .row-fluid > [class*="span"]:first-child {
304
+ .row-fluid [class*="span"]:first-child {
298
305
  margin-left: 0;
299
306
  }
300
- .row-fluid > .span12 {
307
+ .row-fluid .span12 {
301
308
  width: 99.999999993%;
302
309
  }
303
- .row-fluid > .span11 {
310
+ .row-fluid .span11 {
304
311
  width: 91.436464082%;
305
312
  }
306
- .row-fluid > .span10 {
313
+ .row-fluid .span10 {
307
314
  width: 82.87292817100001%;
308
315
  }
309
- .row-fluid > .span9 {
316
+ .row-fluid .span9 {
310
317
  width: 74.30939226%;
311
318
  }
312
- .row-fluid > .span8 {
319
+ .row-fluid .span8 {
313
320
  width: 65.74585634900001%;
314
321
  }
315
- .row-fluid > .span7 {
322
+ .row-fluid .span7 {
316
323
  width: 57.182320438000005%;
317
324
  }
318
- .row-fluid > .span6 {
325
+ .row-fluid .span6 {
319
326
  width: 48.618784527%;
320
327
  }
321
- .row-fluid > .span5 {
328
+ .row-fluid .span5 {
322
329
  width: 40.055248616%;
323
330
  }
324
- .row-fluid > .span4 {
331
+ .row-fluid .span4 {
325
332
  width: 31.491712705%;
326
333
  }
327
- .row-fluid > .span3 {
334
+ .row-fluid .span3 {
328
335
  width: 22.928176794%;
329
336
  }
330
- .row-fluid > .span2 {
337
+ .row-fluid .span2 {
331
338
  width: 14.364640883%;
332
339
  }
333
- .row-fluid > .span1 {
340
+ .row-fluid .span1 {
334
341
  width: 5.801104972%;
335
342
  }
336
343
  input,
@@ -375,120 +382,6 @@
375
382
  width: 32px;
376
383
  }
377
384
  }
378
- @media (max-width: 979px) {
379
- body {
380
- padding-top: 0;
381
- }
382
- .navbar-fixed-top {
383
- position: static;
384
- margin-bottom: 18px;
385
- }
386
- .navbar-fixed-top .navbar-inner {
387
- padding: 5px;
388
- }
389
- .navbar .container {
390
- width: auto;
391
- padding: 0;
392
- }
393
- .navbar .brand {
394
- padding-left: 10px;
395
- padding-right: 10px;
396
- margin: 0 0 0 -5px;
397
- }
398
- .navbar .nav-collapse {
399
- clear: left;
400
- }
401
- .navbar .nav {
402
- float: none;
403
- margin: 0 0 9px;
404
- }
405
- .navbar .nav > li {
406
- float: none;
407
- }
408
- .navbar .nav > li > a {
409
- margin-bottom: 2px;
410
- }
411
- .navbar .nav > .divider-vertical {
412
- display: none;
413
- }
414
- .navbar .nav .nav-header {
415
- color: #999999;
416
- text-shadow: none;
417
- }
418
- .navbar .nav > li > a,
419
- .navbar .dropdown-menu a {
420
- padding: 6px 15px;
421
- font-weight: bold;
422
- color: #999999;
423
- -webkit-border-radius: 3px;
424
- -moz-border-radius: 3px;
425
- border-radius: 3px;
426
- }
427
- .navbar .dropdown-menu li + li a {
428
- margin-bottom: 2px;
429
- }
430
- .navbar .nav > li > a:hover,
431
- .navbar .dropdown-menu a:hover {
432
- background-color: #222222;
433
- }
434
- .navbar .dropdown-menu {
435
- position: static;
436
- top: auto;
437
- left: auto;
438
- float: none;
439
- display: block;
440
- max-width: none;
441
- margin: 0 15px;
442
- padding: 0;
443
- background-color: transparent;
444
- border: none;
445
- -webkit-border-radius: 0;
446
- -moz-border-radius: 0;
447
- border-radius: 0;
448
- -webkit-box-shadow: none;
449
- -moz-box-shadow: none;
450
- box-shadow: none;
451
- }
452
- .navbar .dropdown-menu:before,
453
- .navbar .dropdown-menu:after {
454
- display: none;
455
- }
456
- .navbar .dropdown-menu .divider {
457
- display: none;
458
- }
459
- .navbar-form,
460
- .navbar-search {
461
- float: none;
462
- padding: 9px 15px;
463
- margin: 9px 0;
464
- border-top: 1px solid #222222;
465
- border-bottom: 1px solid #222222;
466
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
467
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
468
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
469
- }
470
- .navbar .nav.pull-right {
471
- float: none;
472
- margin-left: 0;
473
- }
474
- .navbar-static .navbar-inner {
475
- padding-left: 10px;
476
- padding-right: 10px;
477
- }
478
- .btn-navbar {
479
- display: block;
480
- }
481
- .nav-collapse {
482
- overflow: hidden;
483
- height: 0;
484
- }
485
- }
486
- @media (min-width: 980px) {
487
- .nav-collapse.collapse {
488
- height: auto !important;
489
- overflow: visible !important;
490
- }
491
- }
492
385
  @media (min-width: 1200px) {
493
386
  .row {
494
387
  margin-left: -30px;
@@ -595,47 +488,54 @@
595
488
  .row-fluid:after {
596
489
  clear: both;
597
490
  }
598
- .row-fluid > [class*="span"] {
491
+ .row-fluid [class*="span"] {
492
+ display: block;
493
+ width: 100%;
494
+ min-height: 28px;
495
+ -webkit-box-sizing: border-box;
496
+ -moz-box-sizing: border-box;
497
+ -ms-box-sizing: border-box;
498
+ box-sizing: border-box;
599
499
  float: left;
600
500
  margin-left: 2.564102564%;
601
501
  }
602
- .row-fluid > [class*="span"]:first-child {
502
+ .row-fluid [class*="span"]:first-child {
603
503
  margin-left: 0;
604
504
  }
605
- .row-fluid > .span12 {
505
+ .row-fluid .span12 {
606
506
  width: 100%;
607
507
  }
608
- .row-fluid > .span11 {
508
+ .row-fluid .span11 {
609
509
  width: 91.45299145300001%;
610
510
  }
611
- .row-fluid > .span10 {
511
+ .row-fluid .span10 {
612
512
  width: 82.905982906%;
613
513
  }
614
- .row-fluid > .span9 {
514
+ .row-fluid .span9 {
615
515
  width: 74.358974359%;
616
516
  }
617
- .row-fluid > .span8 {
517
+ .row-fluid .span8 {
618
518
  width: 65.81196581200001%;
619
519
  }
620
- .row-fluid > .span7 {
520
+ .row-fluid .span7 {
621
521
  width: 57.264957265%;
622
522
  }
623
- .row-fluid > .span6 {
523
+ .row-fluid .span6 {
624
524
  width: 48.717948718%;
625
525
  }
626
- .row-fluid > .span5 {
526
+ .row-fluid .span5 {
627
527
  width: 40.170940171000005%;
628
528
  }
629
- .row-fluid > .span4 {
529
+ .row-fluid .span4 {
630
530
  width: 31.623931624%;
631
531
  }
632
- .row-fluid > .span3 {
532
+ .row-fluid .span3 {
633
533
  width: 23.076923077%;
634
534
  }
635
- .row-fluid > .span2 {
535
+ .row-fluid .span2 {
636
536
  width: 14.529914530000001%;
637
537
  }
638
- .row-fluid > .span1 {
538
+ .row-fluid .span1 {
639
539
  width: 5.982905983%;
640
540
  }
641
541
  input,
@@ -682,7 +582,133 @@
682
582
  .thumbnails {
683
583
  margin-left: -30px;
684
584
  }
685
- .thumbnails > li {
686
- margin-left: 30px;
585
+ .row-fluid .thumbnails {
586
+ margin-left: 0;
587
+ }
588
+ }
589
+ @media (max-width: 979px) {
590
+ body {
591
+ padding-top: 0;
592
+ }
593
+ .navbar-fixed-top {
594
+ position: static;
595
+ margin-bottom: 18px;
596
+ }
597
+ .navbar-fixed-top .navbar-inner {
598
+ padding: 5px;
599
+ }
600
+ .navbar .container {
601
+ width: auto;
602
+ padding: 0;
603
+ }
604
+ .navbar .brand {
605
+ padding-left: 10px;
606
+ padding-right: 10px;
607
+ margin: 0 0 0 -5px;
608
+ }
609
+ .nav-collapse {
610
+ clear: both;
611
+ }
612
+ .nav-collapse .nav {
613
+ float: none;
614
+ margin: 0 0 9px;
615
+ }
616
+ .nav-collapse .nav > li {
617
+ float: none;
618
+ }
619
+ .nav-collapse .nav > li > a {
620
+ margin-bottom: 2px;
621
+ }
622
+ .nav-collapse .nav > .divider-vertical {
623
+ display: none;
624
+ }
625
+ .nav-collapse .nav .nav-header {
626
+ color: #999999;
627
+ text-shadow: none;
628
+ }
629
+ .nav-collapse .nav > li > a,
630
+ .nav-collapse .dropdown-menu a {
631
+ padding: 6px 15px;
632
+ font-weight: bold;
633
+ color: #999999;
634
+ -webkit-border-radius: 3px;
635
+ -moz-border-radius: 3px;
636
+ border-radius: 3px;
637
+ }
638
+ .nav-collapse .btn {
639
+ padding: 4px 10px 4px;
640
+ font-weight: normal;
641
+ -webkit-border-radius: 4px;
642
+ -moz-border-radius: 4px;
643
+ border-radius: 4px;
644
+ }
645
+ .nav-collapse .dropdown-menu li + li a {
646
+ margin-bottom: 2px;
647
+ }
648
+ .nav-collapse .nav > li > a:hover,
649
+ .nav-collapse .dropdown-menu a:hover {
650
+ background-color: #222222;
651
+ }
652
+ .nav-collapse.in .btn-group {
653
+ margin-top: 5px;
654
+ padding: 0;
655
+ }
656
+ .nav-collapse .dropdown-menu {
657
+ position: static;
658
+ top: auto;
659
+ left: auto;
660
+ float: none;
661
+ display: block;
662
+ max-width: none;
663
+ margin: 0 15px;
664
+ padding: 0;
665
+ background-color: transparent;
666
+ border: none;
667
+ -webkit-border-radius: 0;
668
+ -moz-border-radius: 0;
669
+ border-radius: 0;
670
+ -webkit-box-shadow: none;
671
+ -moz-box-shadow: none;
672
+ box-shadow: none;
673
+ }
674
+ .nav-collapse .dropdown-menu:before,
675
+ .nav-collapse .dropdown-menu:after {
676
+ display: none;
677
+ }
678
+ .nav-collapse .dropdown-menu .divider {
679
+ display: none;
680
+ }
681
+ .nav-collapse .navbar-form,
682
+ .nav-collapse .navbar-search {
683
+ float: none;
684
+ padding: 9px 15px;
685
+ margin: 9px 0;
686
+ border-top: 1px solid #222222;
687
+ border-bottom: 1px solid #222222;
688
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
689
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
690
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
691
+ }
692
+ .navbar .nav-collapse .nav.pull-right {
693
+ float: none;
694
+ margin-left: 0;
695
+ }
696
+ .nav-collapse,
697
+ .nav-collapse.collapse {
698
+ overflow: hidden;
699
+ height: 0;
700
+ }
701
+ .navbar .btn-navbar {
702
+ display: block;
703
+ }
704
+ .navbar-static .navbar-inner {
705
+ padding-left: 10px;
706
+ padding-right: 10px;
707
+ }
708
+ }
709
+ @media (min-width: 980px) {
710
+ .nav-collapse.collapse {
711
+ height: auto !important;
712
+ overflow: visible !important;
687
713
  }
688
714
  }