bootstrap_builder 0.2.2 → 0.2.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.0
2
+ * Bootstrap Responsive v2.0.2
3
3
  *
4
4
  * Copyright 2012 Twitter, Inc
5
5
  * Licensed under the Apache License v2.0
@@ -7,10 +7,85 @@
7
7
  *
8
8
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
9
  */
10
+ .clearfix {
11
+ *zoom: 1;
12
+ }
13
+ .clearfix:before,
14
+ .clearfix:after {
15
+ display: table;
16
+ content: "";
17
+ }
18
+ .clearfix:after {
19
+ clear: both;
20
+ }
21
+ .hide-text {
22
+ overflow: hidden;
23
+ text-indent: 100%;
24
+ white-space: nowrap;
25
+ }
26
+ .input-block-level {
27
+ display: block;
28
+ width: 100%;
29
+ min-height: 28px;
30
+ /* Make inputs at least the height of their button counterpart */
31
+
32
+ /* Makes inputs behave like true block-level elements */
33
+
34
+ -webkit-box-sizing: border-box;
35
+ -moz-box-sizing: border-box;
36
+ -ms-box-sizing: border-box;
37
+ box-sizing: border-box;
38
+ }
10
39
  .hidden {
11
40
  display: none;
12
41
  visibility: hidden;
13
42
  }
43
+ .visible-phone {
44
+ display: none;
45
+ }
46
+ .visible-tablet {
47
+ display: none;
48
+ }
49
+ .visible-desktop {
50
+ display: block;
51
+ }
52
+ .hidden-phone {
53
+ display: block;
54
+ }
55
+ .hidden-tablet {
56
+ display: block;
57
+ }
58
+ .hidden-desktop {
59
+ display: none;
60
+ }
61
+ @media (max-width: 767px) {
62
+ .visible-phone {
63
+ display: block;
64
+ }
65
+ .hidden-phone {
66
+ display: none;
67
+ }
68
+ .hidden-desktop {
69
+ display: block;
70
+ }
71
+ .visible-desktop {
72
+ display: none;
73
+ }
74
+ }
75
+ @media (min-width: 768px) and (max-width: 979px) {
76
+ .visible-tablet {
77
+ display: block;
78
+ }
79
+ .hidden-tablet {
80
+ display: none;
81
+ }
82
+ .hidden-desktop {
83
+ display: block;
84
+ }
85
+ .visible-desktop {
86
+ display: none;
87
+ }
88
+ }
14
89
  @media (max-width: 480px) {
15
90
  .nav-collapse {
16
91
  -webkit-transform: translate3d(0, 0, 0);
@@ -19,34 +94,8 @@
19
94
  display: block;
20
95
  line-height: 18px;
21
96
  }
22
- input[class*="span"],
23
- select[class*="span"],
24
- textarea[class*="span"],
25
- .uneditable-input {
26
- display: block;
27
- width: 100%;
28
- height: 28px;
29
- /* Make inputs at least the height of their button counterpart */
30
-
31
- /* Makes inputs behave like true block-level elements */
32
-
33
- -webkit-box-sizing: border-box;
34
- /* Older Webkit */
35
-
36
- -moz-box-sizing: border-box;
37
- /* Older FF */
38
-
39
- -ms-box-sizing: border-box;
40
- /* IE8 */
41
-
42
- box-sizing: border-box;
43
- /* CSS3 spec*/
44
-
45
- }
46
- .input-prepend input[class*="span"], .input-append input[class*="span"] {
47
- width: auto;
48
- }
49
- input[type="checkbox"], input[type="radio"] {
97
+ input[type="checkbox"],
98
+ input[type="radio"] {
50
99
  border: 1px solid #ccc;
51
100
  }
52
101
  .form-horizontal .control-group > label {
@@ -84,10 +133,17 @@
84
133
  position: static;
85
134
  }
86
135
  }
87
- @media (max-width: 768px) {
136
+ @media (max-width: 767px) {
137
+ body {
138
+ padding-left: 20px;
139
+ padding-right: 20px;
140
+ }
141
+ .navbar-fixed-top {
142
+ margin-left: -20px;
143
+ margin-right: -20px;
144
+ }
88
145
  .container {
89
146
  width: auto;
90
- padding: 0 20px;
91
147
  }
92
148
  .row-fluid {
93
149
  width: 100%;
@@ -95,19 +151,44 @@
95
151
  .row {
96
152
  margin-left: 0;
97
153
  }
98
- .row > [class*="span"], .row-fluid > [class*="span"] {
154
+ .row > [class*="span"],
155
+ .row-fluid > [class*="span"] {
99
156
  float: none;
100
157
  display: block;
101
158
  width: auto;
102
159
  margin: 0;
103
160
  }
161
+ .thumbnails [class*="span"] {
162
+ width: auto;
163
+ }
164
+ input[class*="span"],
165
+ select[class*="span"],
166
+ textarea[class*="span"],
167
+ .uneditable-input {
168
+ display: block;
169
+ width: 100%;
170
+ min-height: 28px;
171
+ /* Make inputs at least the height of their button counterpart */
172
+
173
+ /* Makes inputs behave like true block-level elements */
174
+
175
+ -webkit-box-sizing: border-box;
176
+ -moz-box-sizing: border-box;
177
+ -ms-box-sizing: border-box;
178
+ box-sizing: border-box;
179
+ }
180
+ .input-prepend input[class*="span"],
181
+ .input-append input[class*="span"] {
182
+ width: auto;
183
+ }
104
184
  }
105
- @media (min-width: 768px) and (max-width: 980px) {
185
+ @media (min-width: 768px) and (max-width: 979px) {
106
186
  .row {
107
187
  margin-left: -20px;
108
188
  *zoom: 1;
109
189
  }
110
- .row:before, .row:after {
190
+ .row:before,
191
+ .row:after {
111
192
  display: table;
112
193
  content: "";
113
194
  }
@@ -118,80 +199,89 @@
118
199
  float: left;
119
200
  margin-left: 20px;
120
201
  }
121
- .span1 {
122
- width: 42px;
202
+ .container,
203
+ .navbar-fixed-top .container,
204
+ .navbar-fixed-bottom .container {
205
+ width: 724px;
123
206
  }
124
- .span2 {
125
- width: 104px;
207
+ .span12 {
208
+ width: 724px;
126
209
  }
127
- .span3 {
128
- width: 166px;
210
+ .span11 {
211
+ width: 662px;
129
212
  }
130
- .span4 {
131
- width: 228px;
213
+ .span10 {
214
+ width: 600px;
132
215
  }
133
- .span5 {
134
- width: 290px;
216
+ .span9 {
217
+ width: 538px;
135
218
  }
136
- .span6 {
137
- width: 352px;
219
+ .span8 {
220
+ width: 476px;
138
221
  }
139
222
  .span7 {
140
223
  width: 414px;
141
224
  }
142
- .span8 {
143
- width: 476px;
225
+ .span6 {
226
+ width: 352px;
144
227
  }
145
- .span9 {
146
- width: 538px;
228
+ .span5 {
229
+ width: 290px;
147
230
  }
148
- .span10 {
149
- width: 600px;
231
+ .span4 {
232
+ width: 228px;
150
233
  }
151
- .span11 {
152
- width: 662px;
234
+ .span3 {
235
+ width: 166px;
153
236
  }
154
- .span12, .container {
155
- width: 724px;
237
+ .span2 {
238
+ width: 104px;
156
239
  }
157
- .offset1 {
158
- margin-left: 82px;
240
+ .span1 {
241
+ width: 42px;
159
242
  }
160
- .offset2 {
161
- margin-left: 144px;
243
+ .offset12 {
244
+ margin-left: 764px;
162
245
  }
163
- .offset3 {
164
- margin-left: 206px;
246
+ .offset11 {
247
+ margin-left: 702px;
165
248
  }
166
- .offset4 {
167
- margin-left: 268px;
249
+ .offset10 {
250
+ margin-left: 640px;
168
251
  }
169
- .offset5 {
170
- margin-left: 330px;
252
+ .offset9 {
253
+ margin-left: 578px;
171
254
  }
172
- .offset6 {
173
- margin-left: 392px;
255
+ .offset8 {
256
+ margin-left: 516px;
174
257
  }
175
258
  .offset7 {
176
259
  margin-left: 454px;
177
260
  }
178
- .offset8 {
179
- margin-left: 516px;
261
+ .offset6 {
262
+ margin-left: 392px;
180
263
  }
181
- .offset9 {
182
- margin-left: 578px;
264
+ .offset5 {
265
+ margin-left: 330px;
183
266
  }
184
- .offset10 {
185
- margin-left: 640px;
267
+ .offset4 {
268
+ margin-left: 268px;
186
269
  }
187
- .offset11 {
188
- margin-left: 702px;
270
+ .offset3 {
271
+ margin-left: 206px;
272
+ }
273
+ .offset2 {
274
+ margin-left: 144px;
275
+ }
276
+ .offset1 {
277
+ margin-left: 82px;
189
278
  }
190
279
  .row-fluid {
191
280
  width: 100%;
192
281
  *zoom: 1;
193
282
  }
194
- .row-fluid:before, .row-fluid:after {
283
+ .row-fluid:before,
284
+ .row-fluid:after {
195
285
  display: table;
196
286
  content: "";
197
287
  }
@@ -205,80 +295,85 @@
205
295
  .row-fluid > [class*="span"]:first-child {
206
296
  margin-left: 0;
207
297
  }
208
- .row-fluid .span1 {
209
- width: 5.801104972%;
210
- }
211
- .row-fluid .span2 {
212
- width: 14.364640883%;
298
+ .row-fluid > .span12 {
299
+ width: 99.999999993%;
213
300
  }
214
- .row-fluid .span3 {
215
- width: 22.928176794%;
301
+ .row-fluid > .span11 {
302
+ width: 91.436464082%;
216
303
  }
217
- .row-fluid .span4 {
218
- width: 31.491712705%;
304
+ .row-fluid > .span10 {
305
+ width: 82.87292817100001%;
219
306
  }
220
- .row-fluid .span5 {
221
- width: 40.055248616%;
307
+ .row-fluid > .span9 {
308
+ width: 74.30939226%;
222
309
  }
223
- .row-fluid .span6 {
224
- width: 48.618784527%;
310
+ .row-fluid > .span8 {
311
+ width: 65.74585634900001%;
225
312
  }
226
- .row-fluid .span7 {
313
+ .row-fluid > .span7 {
227
314
  width: 57.182320438000005%;
228
315
  }
229
- .row-fluid .span8 {
230
- width: 65.74585634900001%;
316
+ .row-fluid > .span6 {
317
+ width: 48.618784527%;
231
318
  }
232
- .row-fluid .span9 {
233
- width: 74.30939226%;
319
+ .row-fluid > .span5 {
320
+ width: 40.055248616%;
234
321
  }
235
- .row-fluid .span10 {
236
- width: 82.87292817100001%;
322
+ .row-fluid > .span4 {
323
+ width: 31.491712705%;
237
324
  }
238
- .row-fluid .span11 {
239
- width: 91.436464082%;
325
+ .row-fluid > .span3 {
326
+ width: 22.928176794%;
240
327
  }
241
- .row-fluid .span12 {
242
- width: 99.999999993%;
328
+ .row-fluid > .span2 {
329
+ width: 14.364640883%;
243
330
  }
244
- input.span1, textarea.span1, .uneditable-input.span1 {
245
- width: 32px;
331
+ .row-fluid > .span1 {
332
+ width: 5.801104972%;
246
333
  }
247
- input.span2, textarea.span2, .uneditable-input.span2 {
248
- width: 94px;
334
+ input,
335
+ textarea,
336
+ .uneditable-input {
337
+ margin-left: 0;
249
338
  }
250
- input.span3, textarea.span3, .uneditable-input.span3 {
251
- width: 156px;
339
+ input.span12, textarea.span12, .uneditable-input.span12 {
340
+ width: 714px;
252
341
  }
253
- input.span4, textarea.span4, .uneditable-input.span4 {
254
- width: 218px;
342
+ input.span11, textarea.span11, .uneditable-input.span11 {
343
+ width: 652px;
255
344
  }
256
- input.span5, textarea.span5, .uneditable-input.span5 {
257
- width: 280px;
345
+ input.span10, textarea.span10, .uneditable-input.span10 {
346
+ width: 590px;
258
347
  }
259
- input.span6, textarea.span6, .uneditable-input.span6 {
260
- width: 342px;
348
+ input.span9, textarea.span9, .uneditable-input.span9 {
349
+ width: 528px;
350
+ }
351
+ input.span8, textarea.span8, .uneditable-input.span8 {
352
+ width: 466px;
261
353
  }
262
354
  input.span7, textarea.span7, .uneditable-input.span7 {
263
355
  width: 404px;
264
356
  }
265
- input.span8, textarea.span8, .uneditable-input.span8 {
266
- width: 466px;
357
+ input.span6, textarea.span6, .uneditable-input.span6 {
358
+ width: 342px;
267
359
  }
268
- input.span9, textarea.span9, .uneditable-input.span9 {
269
- width: 528px;
360
+ input.span5, textarea.span5, .uneditable-input.span5 {
361
+ width: 280px;
270
362
  }
271
- input.span10, textarea.span10, .uneditable-input.span10 {
272
- width: 590px;
363
+ input.span4, textarea.span4, .uneditable-input.span4 {
364
+ width: 218px;
273
365
  }
274
- input.span11, textarea.span11, .uneditable-input.span11 {
275
- width: 652px;
366
+ input.span3, textarea.span3, .uneditable-input.span3 {
367
+ width: 156px;
276
368
  }
277
- input.span12, textarea.span12, .uneditable-input.span12 {
278
- width: 714px;
369
+ input.span2, textarea.span2, .uneditable-input.span2 {
370
+ width: 94px;
371
+ }
372
+ input.span1, textarea.span1, .uneditable-input.span1 {
373
+ width: 32px;
279
374
  }
280
375
  }
281
- @media (max-width: 980px) {
376
+ @media (max-width: 979px) {
282
377
  body {
283
378
  padding-top: 0;
284
379
  }
@@ -314,7 +409,12 @@
314
409
  .navbar .nav > .divider-vertical {
315
410
  display: none;
316
411
  }
317
- .navbar .nav > li > a, .navbar .dropdown-menu a {
412
+ .navbar .nav .nav-header {
413
+ color: #999999;
414
+ text-shadow: none;
415
+ }
416
+ .navbar .nav > li > a,
417
+ .navbar .dropdown-menu a {
318
418
  padding: 6px 15px;
319
419
  font-weight: bold;
320
420
  color: #999999;
@@ -325,7 +425,8 @@
325
425
  .navbar .dropdown-menu li + li a {
326
426
  margin-bottom: 2px;
327
427
  }
328
- .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
428
+ .navbar .nav > li > a:hover,
429
+ .navbar .dropdown-menu a:hover {
329
430
  background-color: #222222;
330
431
  }
331
432
  .navbar .dropdown-menu {
@@ -346,13 +447,15 @@
346
447
  -moz-box-shadow: none;
347
448
  box-shadow: none;
348
449
  }
349
- .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
450
+ .navbar .dropdown-menu:before,
451
+ .navbar .dropdown-menu:after {
350
452
  display: none;
351
453
  }
352
454
  .navbar .dropdown-menu .divider {
353
455
  display: none;
354
456
  }
355
- .navbar-form, .navbar-search {
457
+ .navbar-form,
458
+ .navbar-search {
356
459
  float: none;
357
460
  padding: 9px 15px;
358
461
  margin: 9px 0;
@@ -381,6 +484,7 @@
381
484
  @media (min-width: 980px) {
382
485
  .nav-collapse.collapse {
383
486
  height: auto !important;
487
+ overflow: visible !important;
384
488
  }
385
489
  }
386
490
  @media (min-width: 1200px) {
@@ -388,7 +492,8 @@
388
492
  margin-left: -30px;
389
493
  *zoom: 1;
390
494
  }
391
- .row:before, .row:after {
495
+ .row:before,
496
+ .row:after {
392
497
  display: table;
393
498
  content: "";
394
499
  }
@@ -399,80 +504,89 @@
399
504
  float: left;
400
505
  margin-left: 30px;
401
506
  }
402
- .span1 {
403
- width: 70px;
507
+ .container,
508
+ .navbar-fixed-top .container,
509
+ .navbar-fixed-bottom .container {
510
+ width: 1170px;
404
511
  }
405
- .span2 {
406
- width: 170px;
512
+ .span12 {
513
+ width: 1170px;
407
514
  }
408
- .span3 {
409
- width: 270px;
515
+ .span11 {
516
+ width: 1070px;
410
517
  }
411
- .span4 {
412
- width: 370px;
518
+ .span10 {
519
+ width: 970px;
413
520
  }
414
- .span5 {
415
- width: 470px;
521
+ .span9 {
522
+ width: 870px;
416
523
  }
417
- .span6 {
418
- width: 570px;
524
+ .span8 {
525
+ width: 770px;
419
526
  }
420
527
  .span7 {
421
528
  width: 670px;
422
529
  }
423
- .span8 {
424
- width: 770px;
530
+ .span6 {
531
+ width: 570px;
425
532
  }
426
- .span9 {
427
- width: 870px;
533
+ .span5 {
534
+ width: 470px;
428
535
  }
429
- .span10 {
430
- width: 970px;
536
+ .span4 {
537
+ width: 370px;
431
538
  }
432
- .span11 {
433
- width: 1070px;
539
+ .span3 {
540
+ width: 270px;
434
541
  }
435
- .span12, .container {
436
- width: 1170px;
542
+ .span2 {
543
+ width: 170px;
437
544
  }
438
- .offset1 {
439
- margin-left: 130px;
545
+ .span1 {
546
+ width: 70px;
440
547
  }
441
- .offset2 {
442
- margin-left: 230px;
548
+ .offset12 {
549
+ margin-left: 1230px;
443
550
  }
444
- .offset3 {
445
- margin-left: 330px;
551
+ .offset11 {
552
+ margin-left: 1130px;
446
553
  }
447
- .offset4 {
448
- margin-left: 430px;
554
+ .offset10 {
555
+ margin-left: 1030px;
449
556
  }
450
- .offset5 {
451
- margin-left: 530px;
557
+ .offset9 {
558
+ margin-left: 930px;
452
559
  }
453
- .offset6 {
454
- margin-left: 630px;
560
+ .offset8 {
561
+ margin-left: 830px;
455
562
  }
456
563
  .offset7 {
457
564
  margin-left: 730px;
458
565
  }
459
- .offset8 {
460
- margin-left: 830px;
566
+ .offset6 {
567
+ margin-left: 630px;
461
568
  }
462
- .offset9 {
463
- margin-left: 930px;
569
+ .offset5 {
570
+ margin-left: 530px;
464
571
  }
465
- .offset10 {
466
- margin-left: 1030px;
572
+ .offset4 {
573
+ margin-left: 430px;
467
574
  }
468
- .offset11 {
469
- margin-left: 1130px;
575
+ .offset3 {
576
+ margin-left: 330px;
577
+ }
578
+ .offset2 {
579
+ margin-left: 230px;
580
+ }
581
+ .offset1 {
582
+ margin-left: 130px;
470
583
  }
471
584
  .row-fluid {
472
585
  width: 100%;
473
586
  *zoom: 1;
474
587
  }
475
- .row-fluid:before, .row-fluid:after {
588
+ .row-fluid:before,
589
+ .row-fluid:after {
476
590
  display: table;
477
591
  content: "";
478
592
  }
@@ -486,77 +600,82 @@
486
600
  .row-fluid > [class*="span"]:first-child {
487
601
  margin-left: 0;
488
602
  }
489
- .row-fluid .span1 {
490
- width: 5.982905983%;
491
- }
492
- .row-fluid .span2 {
493
- width: 14.529914530000001%;
603
+ .row-fluid > .span12 {
604
+ width: 100%;
494
605
  }
495
- .row-fluid .span3 {
496
- width: 23.076923077%;
606
+ .row-fluid > .span11 {
607
+ width: 91.45299145300001%;
497
608
  }
498
- .row-fluid .span4 {
499
- width: 31.623931624%;
609
+ .row-fluid > .span10 {
610
+ width: 82.905982906%;
500
611
  }
501
- .row-fluid .span5 {
502
- width: 40.170940171000005%;
612
+ .row-fluid > .span9 {
613
+ width: 74.358974359%;
503
614
  }
504
- .row-fluid .span6 {
505
- width: 48.717948718%;
615
+ .row-fluid > .span8 {
616
+ width: 65.81196581200001%;
506
617
  }
507
- .row-fluid .span7 {
618
+ .row-fluid > .span7 {
508
619
  width: 57.264957265%;
509
620
  }
510
- .row-fluid .span8 {
511
- width: 65.81196581200001%;
621
+ .row-fluid > .span6 {
622
+ width: 48.717948718%;
512
623
  }
513
- .row-fluid .span9 {
514
- width: 74.358974359%;
624
+ .row-fluid > .span5 {
625
+ width: 40.170940171000005%;
515
626
  }
516
- .row-fluid .span10 {
517
- width: 82.905982906%;
627
+ .row-fluid > .span4 {
628
+ width: 31.623931624%;
518
629
  }
519
- .row-fluid .span11 {
520
- width: 91.45299145300001%;
630
+ .row-fluid > .span3 {
631
+ width: 23.076923077%;
521
632
  }
522
- .row-fluid .span12 {
523
- width: 100%;
633
+ .row-fluid > .span2 {
634
+ width: 14.529914530000001%;
524
635
  }
525
- input.span1, textarea.span1, .uneditable-input.span1 {
526
- width: 60px;
636
+ .row-fluid > .span1 {
637
+ width: 5.982905983%;
527
638
  }
528
- input.span2, textarea.span2, .uneditable-input.span2 {
529
- width: 160px;
639
+ input,
640
+ textarea,
641
+ .uneditable-input {
642
+ margin-left: 0;
530
643
  }
531
- input.span3, textarea.span3, .uneditable-input.span3 {
532
- width: 260px;
644
+ input.span12, textarea.span12, .uneditable-input.span12 {
645
+ width: 1160px;
533
646
  }
534
- input.span4, textarea.span4, .uneditable-input.span4 {
535
- width: 360px;
647
+ input.span11, textarea.span11, .uneditable-input.span11 {
648
+ width: 1060px;
536
649
  }
537
- input.span5, textarea.span5, .uneditable-input.span5 {
538
- width: 460px;
650
+ input.span10, textarea.span10, .uneditable-input.span10 {
651
+ width: 960px;
539
652
  }
540
- input.span6, textarea.span6, .uneditable-input.span6 {
541
- width: 560px;
653
+ input.span9, textarea.span9, .uneditable-input.span9 {
654
+ width: 860px;
655
+ }
656
+ input.span8, textarea.span8, .uneditable-input.span8 {
657
+ width: 760px;
542
658
  }
543
659
  input.span7, textarea.span7, .uneditable-input.span7 {
544
660
  width: 660px;
545
661
  }
546
- input.span8, textarea.span8, .uneditable-input.span8 {
547
- width: 760px;
662
+ input.span6, textarea.span6, .uneditable-input.span6 {
663
+ width: 560px;
548
664
  }
549
- input.span9, textarea.span9, .uneditable-input.span9 {
550
- width: 860px;
665
+ input.span5, textarea.span5, .uneditable-input.span5 {
666
+ width: 460px;
551
667
  }
552
- input.span10, textarea.span10, .uneditable-input.span10 {
553
- width: 960px;
668
+ input.span4, textarea.span4, .uneditable-input.span4 {
669
+ width: 360px;
554
670
  }
555
- input.span11, textarea.span11, .uneditable-input.span11 {
556
- width: 1060px;
671
+ input.span3, textarea.span3, .uneditable-input.span3 {
672
+ width: 260px;
557
673
  }
558
- input.span12, textarea.span12, .uneditable-input.span12 {
559
- width: 1160px;
674
+ input.span2, textarea.span2, .uneditable-input.span2 {
675
+ width: 160px;
676
+ }
677
+ input.span1, textarea.span1, .uneditable-input.span1 {
678
+ width: 60px;
560
679
  }
561
680
  .thumbnails {
562
681
  margin-left: -30px;