~oem-solutions-engineers/+junk/somerville_dashboard
» Revision
48
: source/assets/css/bootstrap-responsive.css
« back to all changes in this revision
Viewing changes to source/assets/css/bootstrap-responsive.css
- browse files at revision 48
- compare with another revision
- download diff
- download tarball
- view history from revision 48
- Committer: Hsin-Yi Chen (hychen)
- Date: 2012-03-09 08:58:17 UTC
- Revision ID: hychen@canonical.com-20120309085817-8a6c3mskxnrw52w2
use bootstrap
- files added:
- source/assets
- source/assets/css
- source/assets/img
- source/assets/js
- source/extensions/dell
- files removed:
- source/basic.css
- source/dell
- files modified:
- source/Makefile
added
removed
source/assets/css/bootstrap-responsive.css
1
/*!
2
* Bootstrap Responsive v2.0.1
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
.clearfix {
11
*zoom: 1;
12
}
13
.clearfix:before, .clearfix:after {
14
display: table;
15
content: "";
16
}
17
.clearfix:after {
18
clear: both;
19
}
20
.hidden {
21
display: none;
22
visibility: hidden;
23
}
24
@media (max-width: 480px) {
25
.nav-collapse {
26
-webkit-transform: translate3d(0, 0, 0);
27
}
28
.page-header h1 small {
29
display: block;
30
line-height: 18px;
31
}
32
input[class*="span"],
33
select[class*="span"],
34
textarea[class*="span"],
35
.uneditable-input {
36
display: block;
37
width: 100%;
38
min-height: 28px;
39
/* Make inputs at least the height of their button counterpart */
40
41
/* Makes inputs behave like true block-level elements */
42
43
-webkit-box-sizing: border-box;
44
/* Older Webkit */
45
46
-moz-box-sizing: border-box;
47
/* Older FF */
48
49
-ms-box-sizing: border-box;
50
/* IE8 */
51
52
box-sizing: border-box;
53
/* CSS3 spec*/
54
55
}
56
.input-prepend input[class*="span"], .input-append input[class*="span"] {
57
width: auto;
58
}
59
input[type="checkbox"], input[type="radio"] {
60
border: 1px solid #ccc;
61
}
62
.form-horizontal .control-group > label {
63
float: none;
64
width: auto;
65
padding-top: 0;
66
text-align: left;
67
}
68
.form-horizontal .controls {
69
margin-left: 0;
70
}
71
.form-horizontal .control-list {
72
padding-top: 0;
73
}
74
.form-horizontal .form-actions {
75
padding-left: 10px;
76
padding-right: 10px;
77
}
78
.modal {
79
position: absolute;
80
top: 10px;
81
left: 10px;
82
right: 10px;
83
width: auto;
84
margin: 0;
85
}
86
.modal.fade.in {
87
top: auto;
88
}
89
.modal-header .close {
90
padding: 10px;
91
margin: -10px;
92
}
93
.carousel-caption {
94
position: static;
95
}
96
}
97
@media (max-width: 767px) {
98
.container {
99
width: auto;
100
padding: 0 20px;
101
}
102
.row-fluid {
103
width: 100%;
104
}
105
.row {
106
margin-left: 0;
107
}
108
.row > [class*="span"], .row-fluid > [class*="span"] {
109
float: none;
110
display: block;
111
width: auto;
112
margin: 0;
113
}
114
}
115
@media (min-width: 768px) and (max-width: 979px) {
116
.row {
117
margin-left: -20px;
118
*zoom: 1;
119
}
120
.row:before, .row:after {
121
display: table;
122
content: "";
123
}
124
.row:after {
125
clear: both;
126
}
127
[class*="span"] {
128
float: left;
129
margin-left: 20px;
130
}
131
.span1 {
132
width: 42px;
133
}
134
.span2 {
135
width: 104px;
136
}
137
.span3 {
138
width: 166px;
139
}
140
.span4 {
141
width: 228px;
142
}
143
.span5 {
144
width: 290px;
145
}
146
.span6 {
147
width: 352px;
148
}
149
.span7 {
150
width: 414px;
151
}
152
.span8 {
153
width: 476px;
154
}
155
.span9 {
156
width: 538px;
157
}
158
.span10 {
159
width: 600px;
160
}
161
.span11 {
162
width: 662px;
163
}
164
.span12, .container {
165
width: 724px;
166
}
167
.offset1 {
168
margin-left: 82px;
169
}
170
.offset2 {
171
margin-left: 144px;
172
}
173
.offset3 {
174
margin-left: 206px;
175
}
176
.offset4 {
177
margin-left: 268px;
178
}
179
.offset5 {
180
margin-left: 330px;
181
}
182
.offset6 {
183
margin-left: 392px;
184
}
185
.offset7 {
186
margin-left: 454px;
187
}
188
.offset8 {
189
margin-left: 516px;
190
}
191
.offset9 {
192
margin-left: 578px;
193
}
194
.offset10 {
195
margin-left: 640px;
196
}
197
.offset11 {
198
margin-left: 702px;
199
}
200
.row-fluid {
201
width: 100%;
202
*zoom: 1;
203
}
204
.row-fluid:before, .row-fluid:after {
205
display: table;
206
content: "";
207
}
208
.row-fluid:after {
209
clear: both;
210
}
211
.row-fluid > [class*="span"] {
212
float: left;
213
margin-left: 2.762430939%;
214
}
215
.row-fluid > [class*="span"]:first-child {
216
margin-left: 0;
217
}
218
.row-fluid > .span1 {
219
width: 5.801104972%;
220
}
221
.row-fluid > .span2 {
222
width: 14.364640883%;
223
}
224
.row-fluid > .span3 {
225
width: 22.928176794%;
226
}
227
.row-fluid > .span4 {
228
width: 31.491712705%;
229
}
230
.row-fluid > .span5 {
231
width: 40.055248616%;
232
}
233
.row-fluid > .span6 {
234
width: 48.618784527%;
235
}
236
.row-fluid > .span7 {
237
width: 57.182320438000005%;
238
}
239
.row-fluid > .span8 {
240
width: 65.74585634900001%;
241
}
242
.row-fluid > .span9 {
243
width: 74.30939226%;
244
}
245
.row-fluid > .span10 {
246
width: 82.87292817100001%;
247
}
248
.row-fluid > .span11 {
249
width: 91.436464082%;
250
}
251
.row-fluid > .span12 {
252
width: 99.999999993%;
253
}
254
input.span1, textarea.span1, .uneditable-input.span1 {
255
width: 32px;
256
}
257
input.span2, textarea.span2, .uneditable-input.span2 {
258
width: 94px;
259
}
260
input.span3, textarea.span3, .uneditable-input.span3 {
261
width: 156px;
262
}
263
input.span4, textarea.span4, .uneditable-input.span4 {
264
width: 218px;
265
}
266
input.span5, textarea.span5, .uneditable-input.span5 {
267
width: 280px;
268
}
269
input.span6, textarea.span6, .uneditable-input.span6 {
270
width: 342px;
271
}
272
input.span7, textarea.span7, .uneditable-input.span7 {
273
width: 404px;
274
}
275
input.span8, textarea.span8, .uneditable-input.span8 {
276
width: 466px;
277
}
278
input.span9, textarea.span9, .uneditable-input.span9 {
279
width: 528px;
280
}
281
input.span10, textarea.span10, .uneditable-input.span10 {
282
width: 590px;
283
}
284
input.span11, textarea.span11, .uneditable-input.span11 {
285
width: 652px;
286
}
287
input.span12, textarea.span12, .uneditable-input.span12 {
288
width: 714px;
289
}
290
}
291
@media (max-width: 979px) {
292
body {
293
padding-top: 0;
294
}
295
.navbar-fixed-top {
296
position: static;
297
margin-bottom: 18px;
298
}
299
.navbar-fixed-top .navbar-inner {
300
padding: 5px;
301
}
302
.navbar .container {
303
width: auto;
304
padding: 0;
305
}
306
.navbar .brand {
307
padding-left: 10px;
308
padding-right: 10px;
309
margin: 0 0 0 -5px;
310
}
311
.navbar .nav-collapse {
312
clear: left;
313
}
314
.navbar .nav {
315
float: none;
316
margin: 0 0 9px;
317
}
318
.navbar .nav > li {
319
float: none;
320
}
321
.navbar .nav > li > a {
322
margin-bottom: 2px;
323
}
324
.navbar .nav > .divider-vertical {
325
display: none;
326
}
327
.navbar .nav .nav-header {
328
color: #999999;
329
text-shadow: none;
330
}
331
.navbar .nav > li > a, .navbar .dropdown-menu a {
332
padding: 6px 15px;
333
font-weight: bold;
334
color: #999999;
335
-webkit-border-radius: 3px;
336
-moz-border-radius: 3px;
337
border-radius: 3px;
338
}
339
.navbar .dropdown-menu li + li a {
340
margin-bottom: 2px;
341
}
342
.navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {
343
background-color: #222222;
344
}
345
.navbar .dropdown-menu {
346
position: static;
347
top: auto;
348
left: auto;
349
float: none;
350
display: block;
351
max-width: none;
352
margin: 0 15px;
353
padding: 0;
354
background-color: transparent;
355
border: none;
356
-webkit-border-radius: 0;
357
-moz-border-radius: 0;
358
border-radius: 0;
359
-webkit-box-shadow: none;
360
-moz-box-shadow: none;
361
box-shadow: none;
362
}
363
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
364
display: none;
365
}
366
.navbar .dropdown-menu .divider {
367
display: none;
368
}
369
.navbar-form, .navbar-search {
370
float: none;
371
padding: 9px 15px;
372
margin: 9px 0;
373
border-top: 1px solid #222222;
374
border-bottom: 1px solid #222222;
375
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
376
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
377
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
378
}
379
.navbar .nav.pull-right {
380
float: none;
381
margin-left: 0;
382
}
383
.navbar-static .navbar-inner {
384
padding-left: 10px;
385
padding-right: 10px;
386
}
387
.btn-navbar {
388
display: block;
389
}
390
.nav-collapse {
391
overflow: hidden;
392
height: 0;
393
}
394
}
395
@media (min-width: 980px) {
396
.nav-collapse.collapse {
397
height: auto !important;
398
}
399
}
400
@media (min-width: 1200px) {
401
.row {
402
margin-left: -30px;
403
*zoom: 1;
404
}
405
.row:before, .row:after {
406
display: table;
407
content: "";
408
}
409
.row:after {
410
clear: both;
411
}
412
[class*="span"] {
413
float: left;
414
margin-left: 30px;
415
}
416
.span1 {
417
width: 70px;
418
}
419
.span2 {
420
width: 170px;
421
}
422
.span3 {
423
width: 270px;
424
}
425
.span4 {
426
width: 370px;
427
}
428
.span5 {
429
width: 470px;
430
}
431
.span6 {
432
width: 570px;
433
}
434
.span7 {
435
width: 670px;
436
}
437
.span8 {
438
width: 770px;
439
}
440
.span9 {
441
width: 870px;
442
}
443
.span10 {
444
width: 970px;
445
}
446
.span11 {
447
width: 1070px;
448
}
449
.span12, .container {
450
width: 1170px;
451
}
452
.offset1 {
453
margin-left: 130px;
454
}
455
.offset2 {
456
margin-left: 230px;
457
}
458
.offset3 {
459
margin-left: 330px;
460
}
461
.offset4 {
462
margin-left: 430px;
463
}
464
.offset5 {
465
margin-left: 530px;
466
}
467
.offset6 {
468
margin-left: 630px;
469
}
470
.offset7 {
471
margin-left: 730px;
472
}
473
.offset8 {
474
margin-left: 830px;
475
}
476
.offset9 {
477
margin-left: 930px;
478
}
479
.offset10 {
480
margin-left: 1030px;
481
}
482
.offset11 {
483
margin-left: 1130px;
484
}
485
.row-fluid {
486
width: 100%;
487
*zoom: 1;
488
}
489
.row-fluid:before, .row-fluid:after {
490
display: table;
491
content: "";
492
}
493
.row-fluid:after {
494
clear: both;
495
}
496
.row-fluid > [class*="span"] {
497
float: left;
498
margin-left: 2.564102564%;
499
}
500
.row-fluid > [class*="span"]:first-child {
501
margin-left: 0;
502
}
503
.row-fluid > .span1 {
504
width: 5.982905983%;
505
}
506
.row-fluid > .span2 {
507
width: 14.529914530000001%;
508
}
509
.row-fluid > .span3 {
510
width: 23.076923077%;
511
}
512
.row-fluid > .span4 {
513
width: 31.623931624%;
514
}
515
.row-fluid > .span5 {
516
width: 40.170940171000005%;
517
}
518
.row-fluid > .span6 {
519
width: 48.717948718%;
520
}
521
.row-fluid > .span7 {
522
width: 57.264957265%;
523
}
524
.row-fluid > .span8 {
525
width: 65.81196581200001%;
526
}
527
.row-fluid > .span9 {
528
width: 74.358974359%;
529
}
530
.row-fluid > .span10 {
531
width: 82.905982906%;
532
}
533
.row-fluid > .span11 {
534
width: 91.45299145300001%;
535
}
536
.row-fluid > .span12 {
537
width: 100%;
538
}
539
input.span1, textarea.span1, .uneditable-input.span1 {
540
width: 60px;
541
}
542
input.span2, textarea.span2, .uneditable-input.span2 {
543
width: 160px;
544
}
545
input.span3, textarea.span3, .uneditable-input.span3 {
546
width: 260px;
547
}
548
input.span4, textarea.span4, .uneditable-input.span4 {
549
width: 360px;
550
}
551
input.span5, textarea.span5, .uneditable-input.span5 {
552
width: 460px;
553
}
554
input.span6, textarea.span6, .uneditable-input.span6 {
555
width: 560px;
556
}
557
input.span7, textarea.span7, .uneditable-input.span7 {
558
width: 660px;
559
}
560
input.span8, textarea.span8, .uneditable-input.span8 {
561
width: 760px;
562
}
563
input.span9, textarea.span9, .uneditable-input.span9 {
564
width: 860px;
565
}
566
input.span10, textarea.span10, .uneditable-input.span10 {
567
width: 960px;
568
}
569
input.span11, textarea.span11, .uneditable-input.span11 {
570
width: 1060px;
571
}
572
input.span12, textarea.span12, .uneditable-input.span12 {
573
width: 1160px;
574
}
575
.thumbnails {
576
margin-left: -30px;
577
}
578
.thumbnails > li {
579
margin-left: 30px;
580
}
581
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1