bootstrap_builder 0.2.2 → 0.2.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -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;