~cisco-openstack/horizon/icehouse
» Revision
149
: debian/static/openstack-dashboard/css/d272fede7fb7.css
« back to all changes in this revision
Viewing changes to debian/static/openstack-dashboard/css/d272fede7fb7.css
- browse files at revision 149
- compare with another revision
- download diff
- download tarball
- view history from revision 149
- Committer: Chris Ricker
- Date: 2013-06-14 14:06:12 UTC
- Revision ID: chris.ricker@gmail.com-20130614140612-haocdxp5nxt5mcfx
Update compressed content, upstream content, BR
added
removed
debian/static/openstack-dashboard/css/d272fede7fb7.css
1
/*!
2
* Bootstrap 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
article,
11
aside,
12
details,
13
figcaption,
14
figure,
15
footer,
16
header,
17
hgroup,
18
nav,
19
section {
20
display: block;
21
}
22
audio,
23
canvas,
24
video {
25
display: inline-block;
26
*display: inline;
27
*zoom: 1;
28
}
29
audio:not([controls]) {
30
display: none;
31
}
32
html {
33
font-size: 100%;
34
-webkit-text-size-adjust: 100%;
35
-ms-text-size-adjust: 100%;
36
}
37
a:focus {
38
outline: thin dotted #333;
39
outline: 5px auto -webkit-focus-ring-color;
40
outline-offset: -2px;
41
}
42
a:hover,
43
a:active {
44
outline: 0;
45
}
46
sub,
47
sup {
48
position: relative;
49
font-size: 75%;
50
line-height: 0;
51
vertical-align: baseline;
52
}
53
sup {
54
top: -0.5em;
55
}
56
sub {
57
bottom: -0.25em;
58
}
59
img {
60
max-width: 100%;
61
height: auto;
62
border: 0;
63
-ms-interpolation-mode: bicubic;
64
}
65
button,
66
input,
67
select,
68
textarea {
69
margin: 0;
70
font-size: 100%;
71
vertical-align: middle;
72
}
73
button,
74
input {
75
*overflow: visible;
76
line-height: normal;
77
}
78
button::-moz-focus-inner,
79
input::-moz-focus-inner {
80
padding: 0;
81
border: 0;
82
}
83
button,
84
input[type="button"],
85
input[type="reset"],
86
input[type="submit"] {
87
cursor: pointer;
88
-webkit-appearance: button;
89
}
90
input[type="search"] {
91
-webkit-appearance: textfield;
92
-webkit-box-sizing: content-box;
93
-moz-box-sizing: content-box;
94
box-sizing: content-box;
95
}
96
input[type="search"]::-webkit-search-decoration,
97
input[type="search"]::-webkit-search-cancel-button {
98
-webkit-appearance: none;
99
}
100
textarea {
101
overflow: auto;
102
vertical-align: top;
103
}
104
.clearfix {
105
*zoom: 1;
106
}
107
.clearfix:before,
108
.clearfix:after {
109
display: table;
110
content: "";
111
}
112
.clearfix:after {
113
clear: both;
114
}
115
body {
116
margin: 0;
117
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
118
font-size: 13px;
119
line-height: 18px;
120
color: #333333;
121
background-color: #ffffff;
122
}
123
a {
124
color: #0088cc;
125
text-decoration: none;
126
}
127
a:hover {
128
color: #005580;
129
text-decoration: underline;
130
}
131
.row {
132
margin-left: -20px;
133
*zoom: 1;
134
}
135
.row:before,
136
.row:after {
137
display: table;
138
content: "";
139
}
140
.row:after {
141
clear: both;
142
}
143
[class*="span"] {
144
float: left;
145
margin-left: 20px;
146
}
147
.span1 {
148
width: 60px;
149
}
150
.span2 {
151
width: 140px;
152
}
153
.span3 {
154
width: 220px;
155
}
156
.span4 {
157
width: 300px;
158
}
159
.span5 {
160
width: 380px;
161
}
162
.span6 {
163
width: 460px;
164
}
165
.span7 {
166
width: 540px;
167
}
168
.span8 {
169
width: 620px;
170
}
171
.span9 {
172
width: 700px;
173
}
174
.span10 {
175
width: 780px;
176
}
177
.span11 {
178
width: 860px;
179
}
180
.span12,
181
.container {
182
width: 940px;
183
}
184
.offset1 {
185
margin-left: 100px;
186
}
187
.offset2 {
188
margin-left: 180px;
189
}
190
.offset3 {
191
margin-left: 260px;
192
}
193
.offset4 {
194
margin-left: 340px;
195
}
196
.offset5 {
197
margin-left: 420px;
198
}
199
.offset6 {
200
margin-left: 500px;
201
}
202
.offset7 {
203
margin-left: 580px;
204
}
205
.offset8 {
206
margin-left: 660px;
207
}
208
.offset9 {
209
margin-left: 740px;
210
}
211
.offset10 {
212
margin-left: 820px;
213
}
214
.offset11 {
215
margin-left: 900px;
216
}
217
.row-fluid {
218
width: 100%;
219
*zoom: 1;
220
}
221
.row-fluid:before,
222
.row-fluid:after {
223
display: table;
224
content: "";
225
}
226
.row-fluid:after {
227
clear: both;
228
}
229
.row-fluid > [class*="span"] {
230
float: left;
231
margin-left: 2.127659574%;
232
}
233
.row-fluid > [class*="span"]:first-child {
234
margin-left: 0;
235
}
236
.row-fluid > .span1 {
237
width: 6.382978723%;
238
}
239
.row-fluid > .span2 {
240
width: 14.89361702%;
241
}
242
.row-fluid > .span3 {
243
width: 23.404255317%;
244
}
245
.row-fluid > .span4 {
246
width: 31.914893614%;
247
}
248
.row-fluid > .span5 {
249
width: 40.425531911%;
250
}
251
.row-fluid > .span6 {
252
width: 48.93617020799999%;
253
}
254
.row-fluid > .span7 {
255
width: 57.446808505%;
256
}
257
.row-fluid > .span8 {
258
width: 65.95744680199999%;
259
}
260
.row-fluid > .span9 {
261
width: 74.468085099%;
262
}
263
.row-fluid > .span10 {
264
width: 82.97872339599999%;
265
}
266
.row-fluid > .span11 {
267
width: 91.489361693%;
268
}
269
.row-fluid > .span12 {
270
width: 99.99999998999999%;
271
}
272
.container {
273
width: 940px;
274
margin-left: auto;
275
margin-right: auto;
276
*zoom: 1;
277
}
278
.container:before,
279
.container:after {
280
display: table;
281
content: "";
282
}
283
.container:after {
284
clear: both;
285
}
286
.container-fluid {
287
padding-left: 20px;
288
padding-right: 20px;
289
*zoom: 1;
290
}
291
.container-fluid:before,
292
.container-fluid:after {
293
display: table;
294
content: "";
295
}
296
.container-fluid:after {
297
clear: both;
298
}
299
p {
300
margin: 0 0 9px;
301
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
302
font-size: 13px;
303
line-height: 18px;
304
}
305
p small {
306
font-size: 11px;
307
color: #999999;
308
}
309
.lead {
310
margin-bottom: 18px;
311
font-size: 20px;
312
font-weight: 200;
313
line-height: 27px;
314
}
315
h1,
316
h2,
317
h3,
318
h4,
319
h5,
320
h6 {
321
margin: 0;
322
font-weight: bold;
323
color: #333333;
324
text-rendering: optimizelegibility;
325
}
326
h1 small,
327
h2 small,
328
h3 small,
329
h4 small,
330
h5 small,
331
h6 small {
332
font-weight: normal;
333
color: #999999;
334
}
335
h1 {
336
font-size: 30px;
337
line-height: 36px;
338
}
339
h1 small {
340
font-size: 18px;
341
}
342
h2 {
343
font-size: 24px;
344
line-height: 36px;
345
}
346
h2 small {
347
font-size: 18px;
348
}
349
h3 {
350
line-height: 27px;
351
font-size: 18px;
352
}
353
h3 small {
354
font-size: 14px;
355
}
356
h4,
357
h5,
358
h6 {
359
line-height: 18px;
360
}
361
h4 {
362
font-size: 14px;
363
}
364
h4 small {
365
font-size: 12px;
366
}
367
h5 {
368
font-size: 12px;
369
}
370
h6 {
371
font-size: 11px;
372
color: #999999;
373
text-transform: uppercase;
374
}
375
.page-header {
376
padding-bottom: 17px;
377
margin: 18px 0;
378
border-bottom: 1px solid #eeeeee;
379
}
380
.page-header h1 {
381
line-height: 1;
382
}
383
ul,
384
ol {
385
padding: 0;
386
margin: 0 0 9px 25px;
387
}
388
ul ul,
389
ul ol,
390
ol ol,
391
ol ul {
392
margin-bottom: 0;
393
}
394
ul {
395
list-style: disc;
396
}
397
ol {
398
list-style: decimal;
399
}
400
li {
401
line-height: 18px;
402
}
403
ul.unstyled,
404
ol.unstyled {
405
margin-left: 0;
406
list-style: none;
407
}
408
table ul {
409
margin: 0;
410
list-style-type: none;
411
}
412
dl {
413
margin-bottom: 18px;
414
}
415
dt,
416
dd {
417
line-height: 18px;
418
}
419
dt {
420
font-weight: bold;
421
}
422
dd {
423
margin-left: 9px;
424
}
425
hr {
426
margin: 18px 0;
427
border: 0;
428
border-top: 1px solid #eeeeee;
429
border-bottom: 1px solid #ffffff;
430
}
431
strong {
432
font-weight: bold;
433
}
434
em {
435
font-style: italic;
436
}
437
.muted {
438
color: #999999;
439
}
440
abbr {
441
font-size: 90%;
442
text-transform: uppercase;
443
border-bottom: 1px dotted #ddd;
444
cursor: help;
445
}
446
blockquote {
447
padding: 0 0 0 15px;
448
margin: 0 0 18px;
449
border-left: 5px solid #eeeeee;
450
}
451
blockquote p {
452
margin-bottom: 0;
453
font-size: 16px;
454
font-weight: 300;
455
line-height: 22.5px;
456
}
457
blockquote small {
458
display: block;
459
line-height: 18px;
460
color: #999999;
461
}
462
blockquote small:before {
463
content: '\2014 \00A0';
464
}
465
blockquote.pull-right {
466
float: right;
467
padding-left: 0;
468
padding-right: 15px;
469
border-left: 0;
470
border-right: 5px solid #eeeeee;
471
}
472
blockquote.pull-right p,
473
blockquote.pull-right small {
474
text-align: right;
475
}
476
q:before,
477
q:after,
478
blockquote:before,
479
blockquote:after {
480
content: "";
481
}
482
address {
483
display: block;
484
margin-bottom: 18px;
485
line-height: 18px;
486
font-style: normal;
487
}
488
small {
489
font-size: 100%;
490
}
491
cite {
492
font-style: normal;
493
}
494
code,
495
pre {
496
padding: 0 3px 2px;
497
font-family: Menlo, Monaco, "Courier New", monospace;
498
font-size: 12px;
499
color: #333333;
500
-webkit-border-radius: 3px;
501
-moz-border-radius: 3px;
502
border-radius: 3px;
503
}
504
code {
505
padding: 3px 4px;
506
color: #d14;
507
background-color: #f7f7f9;
508
border: 1px solid #e1e1e8;
509
}
510
pre {
511
display: block;
512
padding: 8.5px;
513
margin: 0 0 9px;
514
font-size: 12px;
515
line-height: 18px;
516
background-color: #f5f5f5;
517
border: 1px solid #ccc;
518
border: 1px solid rgba(0, 0, 0, 0.15);
519
-webkit-border-radius: 4px;
520
-moz-border-radius: 4px;
521
border-radius: 4px;
522
white-space: pre;
523
white-space: pre-wrap;
524
word-break: break-all;
525
word-wrap: break-word;
526
}
527
pre.prettyprint {
528
margin-bottom: 18px;
529
}
530
pre code {
531
padding: 0;
532
color: inherit;
533
background-color: transparent;
534
border: 0;
535
}
536
.pre-scrollable {
537
max-height: 340px;
538
overflow-y: scroll;
539
}
540
form {
541
margin: 0 0 18px;
542
}
543
fieldset {
544
padding: 0;
545
margin: 0;
546
border: 0;
547
}
548
legend {
549
display: block;
550
width: 100%;
551
padding: 0;
552
margin-bottom: 27px;
553
font-size: 19.5px;
554
line-height: 36px;
555
color: #333333;
556
border: 0;
557
border-bottom: 1px solid #eee;
558
}
559
legend small {
560
font-size: 13.5px;
561
color: #999999;
562
}
563
label,
564
input,
565
button,
566
select,
567
textarea {
568
font-size: 13px;
569
font-weight: normal;
570
line-height: 18px;
571
}
572
input,
573
button,
574
select,
575
textarea {
576
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
577
}
578
label {
579
display: block;
580
margin-bottom: 5px;
581
color: #333333;
582
}
583
input,
584
textarea,
585
select,
586
.uneditable-input {
587
display: inline-block;
588
width: 210px;
589
height: 18px;
590
padding: 4px;
591
margin-bottom: 9px;
592
font-size: 13px;
593
line-height: 18px;
594
color: #555555;
595
border: 1px solid #ccc;
596
-webkit-border-radius: 3px;
597
-moz-border-radius: 3px;
598
border-radius: 3px;
599
}
600
.uneditable-textarea {
601
width: auto;
602
height: auto;
603
}
604
label input,
605
label textarea,
606
label select {
607
display: block;
608
}
609
input[type="image"],
610
input[type="checkbox"],
611
input[type="radio"] {
612
width: auto;
613
height: auto;
614
padding: 0;
615
margin: 3px 0;
616
*margin-top: 0;
617
/* IE7 */
618
619
line-height: normal;
620
cursor: pointer;
621
-webkit-border-radius: 0;
622
-moz-border-radius: 0;
623
border-radius: 0;
624
border: 0 \9;
625
/* IE9 and down */
626
627
}
628
input[type="image"] {
629
border: 0;
630
}
631
input[type="file"] {
632
width: auto;
633
padding: initial;
634
line-height: initial;
635
border: initial;
636
background-color: #ffffff;
637
background-color: initial;
638
-webkit-box-shadow: none;
639
-moz-box-shadow: none;
640
box-shadow: none;
641
}
642
input[type="button"],
643
input[type="reset"],
644
input[type="submit"] {
645
width: auto;
646
height: auto;
647
}
648
select,
649
input[type="file"] {
650
height: 28px;
651
/* In IE7, the height of the select element cannot be changed by height, only font-size */
652
653
*margin-top: 4px;
654
/* For IE7, add top margin to align select with labels */
655
656
line-height: 28px;
657
}
658
input[type="file"] {
659
line-height: 18px \9;
660
}
661
select {
662
width: 220px;
663
background-color: #ffffff;
664
}
665
select[multiple],
666
select[size] {
667
height: auto;
668
}
669
input[type="image"] {
670
-webkit-box-shadow: none;
671
-moz-box-shadow: none;
672
box-shadow: none;
673
}
674
textarea {
675
height: auto;
676
}
677
input[type="hidden"] {
678
display: none;
679
}
680
.radio,
681
.checkbox {
682
padding-left: 18px;
683
}
684
.radio input[type="radio"],
685
.checkbox input[type="checkbox"] {
686
float: left;
687
margin-left: -18px;
688
}
689
.controls > .radio:first-child,
690
.controls > .checkbox:first-child {
691
padding-top: 5px;
692
}
693
.radio.inline,
694
.checkbox.inline {
695
display: inline-block;
696
padding-top: 5px;
697
margin-bottom: 0;
698
vertical-align: middle;
699
}
700
.radio.inline + .radio.inline,
701
.checkbox.inline + .checkbox.inline {
702
margin-left: 10px;
703
}
704
input,
705
textarea {
706
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
707
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
708
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
709
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
710
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
711
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
712
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
713
transition: border linear 0.2s, box-shadow linear 0.2s;
714
}
715
input:focus,
716
textarea:focus {
717
border-color: rgba(82, 168, 236, 0.8);
718
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
719
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
720
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
721
outline: 0;
722
outline: thin dotted \9;
723
/* IE6-9 */
724
725
}
726
input[type="file"]:focus,
727
input[type="radio"]:focus,
728
input[type="checkbox"]:focus,
729
select:focus {
730
-webkit-box-shadow: none;
731
-moz-box-shadow: none;
732
box-shadow: none;
733
outline: thin dotted #333;
734
outline: 5px auto -webkit-focus-ring-color;
735
outline-offset: -2px;
736
}
737
.input-mini {
738
width: 60px;
739
}
740
.input-small {
741
width: 90px;
742
}
743
.input-medium {
744
width: 150px;
745
}
746
.input-large {
747
width: 210px;
748
}
749
.input-xlarge {
750
width: 270px;
751
}
752
.input-xxlarge {
753
width: 530px;
754
}
755
input[class*="span"],
756
select[class*="span"],
757
textarea[class*="span"],
758
.uneditable-input {
759
float: none;
760
margin-left: 0;
761
}
762
input.span1,
763
textarea.span1,
764
.uneditable-input.span1 {
765
width: 50px;
766
}
767
input.span2,
768
textarea.span2,
769
.uneditable-input.span2 {
770
width: 130px;
771
}
772
input.span3,
773
textarea.span3,
774
.uneditable-input.span3 {
775
width: 210px;
776
}
777
input.span4,
778
textarea.span4,
779
.uneditable-input.span4 {
780
width: 290px;
781
}
782
input.span5,
783
textarea.span5,
784
.uneditable-input.span5 {
785
width: 370px;
786
}
787
input.span6,
788
textarea.span6,
789
.uneditable-input.span6 {
790
width: 450px;
791
}
792
input.span7,
793
textarea.span7,
794
.uneditable-input.span7 {
795
width: 530px;
796
}
797
input.span8,
798
textarea.span8,
799
.uneditable-input.span8 {
800
width: 610px;
801
}
802
input.span9,
803
textarea.span9,
804
.uneditable-input.span9 {
805
width: 690px;
806
}
807
input.span10,
808
textarea.span10,
809
.uneditable-input.span10 {
810
width: 770px;
811
}
812
input.span11,
813
textarea.span11,
814
.uneditable-input.span11 {
815
width: 850px;
816
}
817
input.span12,
818
textarea.span12,
819
.uneditable-input.span12 {
820
width: 930px;
821
}
822
input[disabled],
823
select[disabled],
824
textarea[disabled],
825
input[readonly],
826
select[readonly],
827
textarea[readonly] {
828
background-color: #f5f5f5;
829
border-color: #ddd;
830
cursor: not-allowed;
831
}
832
.control-group.warning > label,
833
.control-group.warning .help-block,
834
.control-group.warning .help-inline {
835
color: #c09853;
836
}
837
.control-group.warning input,
838
.control-group.warning select,
839
.control-group.warning textarea {
840
color: #c09853;
841
border-color: #c09853;
842
}
843
.control-group.warning input:focus,
844
.control-group.warning select:focus,
845
.control-group.warning textarea:focus {
846
border-color: #a47e3c;
847
-webkit-box-shadow: 0 0 6px #dbc59e;
848
-moz-box-shadow: 0 0 6px #dbc59e;
849
box-shadow: 0 0 6px #dbc59e;
850
}
851
.control-group.warning .input-prepend .add-on,
852
.control-group.warning .input-append .add-on {
853
color: #c09853;
854
background-color: #fcf8e3;
855
border-color: #c09853;
856
}
857
.control-group.error > label,
858
.control-group.error .help-block,
859
.control-group.error .help-inline {
860
color: #b94a48;
861
}
862
.control-group.error input,
863
.control-group.error select,
864
.control-group.error textarea {
865
color: #b94a48;
866
border-color: #b94a48;
867
}
868
.control-group.error input:focus,
869
.control-group.error select:focus,
870
.control-group.error textarea:focus {
871
border-color: #953b39;
872
-webkit-box-shadow: 0 0 6px #d59392;
873
-moz-box-shadow: 0 0 6px #d59392;
874
box-shadow: 0 0 6px #d59392;
875
}
876
.control-group.error .input-prepend .add-on,
877
.control-group.error .input-append .add-on {
878
color: #b94a48;
879
background-color: #f2dede;
880
border-color: #b94a48;
881
}
882
.control-group.success > label,
883
.control-group.success .help-block,
884
.control-group.success .help-inline {
885
color: #468847;
886
}
887
.control-group.success input,
888
.control-group.success select,
889
.control-group.success textarea {
890
color: #468847;
891
border-color: #468847;
892
}
893
.control-group.success input:focus,
894
.control-group.success select:focus,
895
.control-group.success textarea:focus {
896
border-color: #356635;
897
-webkit-box-shadow: 0 0 6px #7aba7b;
898
-moz-box-shadow: 0 0 6px #7aba7b;
899
box-shadow: 0 0 6px #7aba7b;
900
}
901
.control-group.success .input-prepend .add-on,
902
.control-group.success .input-append .add-on {
903
color: #468847;
904
background-color: #dff0d8;
905
border-color: #468847;
906
}
907
input:focus:required:invalid,
908
textarea:focus:required:invalid,
909
select:focus:required:invalid {
910
color: #b94a48;
911
border-color: #ee5f5b;
912
}
913
input:focus:required:invalid:focus,
914
textarea:focus:required:invalid:focus,
915
select:focus:required:invalid:focus {
916
border-color: #e9322d;
917
-webkit-box-shadow: 0 0 6px #f8b9b7;
918
-moz-box-shadow: 0 0 6px #f8b9b7;
919
box-shadow: 0 0 6px #f8b9b7;
920
}
921
.form-actions {
922
padding: 17px 20px 18px;
923
margin-top: 18px;
924
margin-bottom: 18px;
925
background-color: #f5f5f5;
926
border-top: 1px solid #ddd;
927
}
928
.uneditable-input {
929
display: block;
930
background-color: #ffffff;
931
border-color: #eee;
932
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
933
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
934
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
935
cursor: not-allowed;
936
}
937
:-moz-placeholder {
938
color: #999999;
939
}
940
::-webkit-input-placeholder {
941
color: #999999;
942
}
943
.help-block {
944
display: block;
945
margin-top: 5px;
946
margin-bottom: 0;
947
color: #999999;
948
}
949
.help-inline {
950
display: inline-block;
951
*display: inline;
952
/* IE7 inline-block hack */
953
954
*zoom: 1;
955
margin-bottom: 9px;
956
vertical-align: middle;
957
padding-left: 5px;
958
}
959
.input-prepend,
960
.input-append {
961
margin-bottom: 5px;
962
*zoom: 1;
963
}
964
.input-prepend:before,
965
.input-append:before,
966
.input-prepend:after,
967
.input-append:after {
968
display: table;
969
content: "";
970
}
971
.input-prepend:after,
972
.input-append:after {
973
clear: both;
974
}
975
.input-prepend input,
976
.input-append input,
977
.input-prepend .uneditable-input,
978
.input-append .uneditable-input {
979
-webkit-border-radius: 0 3px 3px 0;
980
-moz-border-radius: 0 3px 3px 0;
981
border-radius: 0 3px 3px 0;
982
}
983
.input-prepend input:focus,
984
.input-append input:focus,
985
.input-prepend .uneditable-input:focus,
986
.input-append .uneditable-input:focus {
987
position: relative;
988
z-index: 2;
989
}
990
.input-prepend .uneditable-input,
991
.input-append .uneditable-input {
992
border-left-color: #ccc;
993
}
994
.input-prepend .add-on,
995
.input-append .add-on {
996
float: left;
997
display: block;
998
width: auto;
999
min-width: 16px;
1000
height: 18px;
1001
margin-right: -1px;
1002
padding: 4px 5px;
1003
font-weight: normal;
1004
line-height: 18px;
1005
color: #999999;
1006
text-align: center;
1007
text-shadow: 0 1px 0 #ffffff;
1008
background-color: #f5f5f5;
1009
border: 1px solid #ccc;
1010
-webkit-border-radius: 3px 0 0 3px;
1011
-moz-border-radius: 3px 0 0 3px;
1012
border-radius: 3px 0 0 3px;
1013
}
1014
.input-prepend .active,
1015
.input-append .active {
1016
background-color: #a9dba9;
1017
border-color: #46a546;
1018
}
1019
.input-prepend .add-on {
1020
*margin-top: 1px;
1021
/* IE6-7 */
1022
1023
}
1024
.input-append input,
1025
.input-append .uneditable-input {
1026
float: left;
1027
-webkit-border-radius: 3px 0 0 3px;
1028
-moz-border-radius: 3px 0 0 3px;
1029
border-radius: 3px 0 0 3px;
1030
}
1031
.input-append .uneditable-input {
1032
border-left-color: #eee;
1033
border-right-color: #ccc;
1034
}
1035
.input-append .add-on {
1036
margin-right: 0;
1037
margin-left: -1px;
1038
-webkit-border-radius: 0 3px 3px 0;
1039
-moz-border-radius: 0 3px 3px 0;
1040
border-radius: 0 3px 3px 0;
1041
}
1042
.input-append input:first-child {
1043
*margin-left: -160px;
1044
}
1045
.input-append input:first-child + .add-on {
1046
*margin-left: -21px;
1047
}
1048
.search-query {
1049
padding-left: 14px;
1050
padding-right: 14px;
1051
margin-bottom: 0;
1052
-webkit-border-radius: 14px;
1053
-moz-border-radius: 14px;
1054
border-radius: 14px;
1055
}
1056
.form-search input,
1057
.form-inline input,
1058
.form-horizontal input,
1059
.form-search textarea,
1060
.form-inline textarea,
1061
.form-horizontal textarea,
1062
.form-search select,
1063
.form-inline select,
1064
.form-horizontal select,
1065
.form-search .help-inline,
1066
.form-inline .help-inline,
1067
.form-horizontal .help-inline,
1068
.form-search .uneditable-input,
1069
.form-inline .uneditable-input,
1070
.form-horizontal .uneditable-input {
1071
display: inline-block;
1072
margin-bottom: 0;
1073
}
1074
.form-search .hide,
1075
.form-inline .hide,
1076
.form-horizontal .hide {
1077
display: none;
1078
}
1079
.form-search label,
1080
.form-inline label,
1081
.form-search .input-append,
1082
.form-inline .input-append,
1083
.form-search .input-prepend,
1084
.form-inline .input-prepend {
1085
display: inline-block;
1086
}
1087
.form-search .input-append .add-on,
1088
.form-inline .input-prepend .add-on,
1089
.form-search .input-append .add-on,
1090
.form-inline .input-prepend .add-on {
1091
vertical-align: middle;
1092
}
1093
.form-search .radio,
1094
.form-inline .radio,
1095
.form-search .checkbox,
1096
.form-inline .checkbox {
1097
margin-bottom: 0;
1098
vertical-align: middle;
1099
}
1100
.control-group {
1101
margin-bottom: 9px;
1102
}
1103
legend + .control-group {
1104
margin-top: 18px;
1105
-webkit-margin-top-collapse: separate;
1106
}
1107
.form-horizontal .control-group {
1108
margin-bottom: 18px;
1109
*zoom: 1;
1110
}
1111
.form-horizontal .control-group:before,
1112
.form-horizontal .control-group:after {
1113
display: table;
1114
content: "";
1115
}
1116
.form-horizontal .control-group:after {
1117
clear: both;
1118
}
1119
.form-horizontal .control-label {
1120
float: left;
1121
width: 140px;
1122
padding-top: 5px;
1123
text-align: right;
1124
}
1125
.form-horizontal .controls {
1126
margin-left: 160px;
1127
}
1128
.form-horizontal .form-actions {
1129
padding-left: 160px;
1130
}
1131
table {
1132
max-width: 100%;
1133
border-collapse: collapse;
1134
border-spacing: 0;
1135
}
1136
.table {
1137
width: 100%;
1138
margin-bottom: 18px;
1139
}
1140
.table th,
1141
.table td {
1142
padding: 8px;
1143
line-height: 18px;
1144
text-align: left;
1145
vertical-align: top;
1146
border-top: 1px solid #ddd;
1147
}
1148
.table th {
1149
font-weight: bold;
1150
}
1151
.table thead th {
1152
vertical-align: bottom;
1153
}
1154
.table thead:first-child tr th,
1155
.table thead:first-child tr td {
1156
border-top: 0;
1157
}
1158
.table tbody + tbody {
1159
border-top: 2px solid #ddd;
1160
}
1161
.table-condensed th,
1162
.table-condensed td {
1163
padding: 4px 5px;
1164
}
1165
.table-bordered {
1166
border: 1px solid #ddd;
1167
border-collapse: separate;
1168
*border-collapse: collapsed;
1169
-webkit-border-radius: 4px;
1170
-moz-border-radius: 4px;
1171
border-radius: 4px;
1172
}
1173
.table-bordered th + th,
1174
.table-bordered td + td,
1175
.table-bordered th + td,
1176
.table-bordered td + th {
1177
border-left: 1px solid #ddd;
1178
}
1179
.table-bordered thead:first-child tr:first-child th,
1180
.table-bordered tbody:first-child tr:first-child th,
1181
.table-bordered tbody:first-child tr:first-child td {
1182
border-top: 0;
1183
}
1184
.table-bordered thead:first-child tr:first-child th:first-child,
1185
.table-bordered tbody:first-child tr:first-child td:first-child {
1186
-webkit-border-radius: 4px 0 0 0;
1187
-moz-border-radius: 4px 0 0 0;
1188
border-radius: 4px 0 0 0;
1189
}
1190
.table-bordered thead:first-child tr:first-child th:last-child,
1191
.table-bordered tbody:first-child tr:first-child td:last-child {
1192
-webkit-border-radius: 0 4px 0 0;
1193
-moz-border-radius: 0 4px 0 0;
1194
border-radius: 0 4px 0 0;
1195
}
1196
.table-bordered thead:last-child tr:last-child th:first-child,
1197
.table-bordered tbody:last-child tr:last-child td:first-child {
1198
-webkit-border-radius: 0 0 0 4px;
1199
-moz-border-radius: 0 0 0 4px;
1200
border-radius: 0 0 0 4px;
1201
}
1202
.table-bordered thead:last-child tr:last-child th:last-child,
1203
.table-bordered tbody:last-child tr:last-child td:last-child {
1204
-webkit-border-radius: 0 0 4px 0;
1205
-moz-border-radius: 0 0 4px 0;
1206
border-radius: 0 0 4px 0;
1207
}
1208
.table-striped tbody tr:nth-child(odd) td,
1209
.table-striped tbody tr:nth-child(odd) th {
1210
background-color: #f9f9f9;
1211
}
1212
.table tbody tr:hover td,
1213
.table tbody tr:hover th {
1214
background-color: #f5f5f5;
1215
}
1216
table .span1 {
1217
float: none;
1218
width: 44px;
1219
margin-left: 0;
1220
}
1221
table .span2 {
1222
float: none;
1223
width: 124px;
1224
margin-left: 0;
1225
}
1226
table .span3 {
1227
float: none;
1228
width: 204px;
1229
margin-left: 0;
1230
}
1231
table .span4 {
1232
float: none;
1233
width: 284px;
1234
margin-left: 0;
1235
}
1236
table .span5 {
1237
float: none;
1238
width: 364px;
1239
margin-left: 0;
1240
}
1241
table .span6 {
1242
float: none;
1243
width: 444px;
1244
margin-left: 0;
1245
}
1246
table .span7 {
1247
float: none;
1248
width: 524px;
1249
margin-left: 0;
1250
}
1251
table .span8 {
1252
float: none;
1253
width: 604px;
1254
margin-left: 0;
1255
}
1256
table .span9 {
1257
float: none;
1258
width: 684px;
1259
margin-left: 0;
1260
}
1261
table .span10 {
1262
float: none;
1263
width: 764px;
1264
margin-left: 0;
1265
}
1266
table .span11 {
1267
float: none;
1268
width: 844px;
1269
margin-left: 0;
1270
}
1271
table .span12 {
1272
float: none;
1273
width: 924px;
1274
margin-left: 0;
1275
}
1276
[class^="icon-"],
1277
[class*=" icon-"] {
1278
display: inline-block;
1279
width: 14px;
1280
height: 14px;
1281
line-height: 14px;
1282
vertical-align: text-top;
1283
background-image: url("/static/bootstrap/img/glyphicons-halflings.png");
1284
background-position: 14px 14px;
1285
background-repeat: no-repeat;
1286
*margin-right: .3em;
1287
}
1288
[class^="icon-"]:last-child,
1289
[class*=" icon-"]:last-child {
1290
*margin-left: 0;
1291
}
1292
.icon-white {
1293
background-image: url("/static/bootstrap/img/glyphicons-halflings-white.png");
1294
}
1295
.icon-glass {
1296
background-position: 0 0;
1297
}
1298
.icon-music {
1299
background-position: -24px 0;
1300
}
1301
.icon-search {
1302
background-position: -48px 0;
1303
}
1304
.icon-envelope {
1305
background-position: -72px 0;
1306
}
1307
.icon-heart {
1308
background-position: -96px 0;
1309
}
1310
.icon-star {
1311
background-position: -120px 0;
1312
}
1313
.icon-star-empty {
1314
background-position: -144px 0;
1315
}
1316
.icon-user {
1317
background-position: -168px 0;
1318
}
1319
.icon-film {
1320
background-position: -192px 0;
1321
}
1322
.icon-th-large {
1323
background-position: -216px 0;
1324
}
1325
.icon-th {
1326
background-position: -240px 0;
1327
}
1328
.icon-th-list {
1329
background-position: -264px 0;
1330
}
1331
.icon-ok {
1332
background-position: -288px 0;
1333
}
1334
.icon-remove {
1335
background-position: -312px 0;
1336
}
1337
.icon-zoom-in {
1338
background-position: -336px 0;
1339
}
1340
.icon-zoom-out {
1341
background-position: -360px 0;
1342
}
1343
.icon-off {
1344
background-position: -384px 0;
1345
}
1346
.icon-signal {
1347
background-position: -408px 0;
1348
}
1349
.icon-cog {
1350
background-position: -432px 0;
1351
}
1352
.icon-trash {
1353
background-position: -456px 0;
1354
}
1355
.icon-home {
1356
background-position: 0 -24px;
1357
}
1358
.icon-file {
1359
background-position: -24px -24px;
1360
}
1361
.icon-time {
1362
background-position: -48px -24px;
1363
}
1364
.icon-road {
1365
background-position: -72px -24px;
1366
}
1367
.icon-download-alt {
1368
background-position: -96px -24px;
1369
}
1370
.icon-download {
1371
background-position: -120px -24px;
1372
}
1373
.icon-upload {
1374
background-position: -144px -24px;
1375
}
1376
.icon-inbox {
1377
background-position: -168px -24px;
1378
}
1379
.icon-play-circle {
1380
background-position: -192px -24px;
1381
}
1382
.icon-repeat {
1383
background-position: -216px -24px;
1384
}
1385
.icon-refresh {
1386
background-position: -240px -24px;
1387
}
1388
.icon-list-alt {
1389
background-position: -264px -24px;
1390
}
1391
.icon-lock {
1392
background-position: -287px -24px;
1393
}
1394
.icon-flag {
1395
background-position: -312px -24px;
1396
}
1397
.icon-headphones {
1398
background-position: -336px -24px;
1399
}
1400
.icon-volume-off {
1401
background-position: -360px -24px;
1402
}
1403
.icon-volume-down {
1404
background-position: -384px -24px;
1405
}
1406
.icon-volume-up {
1407
background-position: -408px -24px;
1408
}
1409
.icon-qrcode {
1410
background-position: -432px -24px;
1411
}
1412
.icon-barcode {
1413
background-position: -456px -24px;
1414
}
1415
.icon-tag {
1416
background-position: 0 -48px;
1417
}
1418
.icon-tags {
1419
background-position: -25px -48px;
1420
}
1421
.icon-book {
1422
background-position: -48px -48px;
1423
}
1424
.icon-bookmark {
1425
background-position: -72px -48px;
1426
}
1427
.icon-print {
1428
background-position: -96px -48px;
1429
}
1430
.icon-camera {
1431
background-position: -120px -48px;
1432
}
1433
.icon-font {
1434
background-position: -144px -48px;
1435
}
1436
.icon-bold {
1437
background-position: -167px -48px;
1438
}
1439
.icon-italic {
1440
background-position: -192px -48px;
1441
}
1442
.icon-text-height {
1443
background-position: -216px -48px;
1444
}
1445
.icon-text-width {
1446
background-position: -240px -48px;
1447
}
1448
.icon-align-left {
1449
background-position: -264px -48px;
1450
}
1451
.icon-align-center {
1452
background-position: -288px -48px;
1453
}
1454
.icon-align-right {
1455
background-position: -312px -48px;
1456
}
1457
.icon-align-justify {
1458
background-position: -336px -48px;
1459
}
1460
.icon-list {
1461
background-position: -360px -48px;
1462
}
1463
.icon-indent-left {
1464
background-position: -384px -48px;
1465
}
1466
.icon-indent-right {
1467
background-position: -408px -48px;
1468
}
1469
.icon-facetime-video {
1470
background-position: -432px -48px;
1471
}
1472
.icon-picture {
1473
background-position: -456px -48px;
1474
}
1475
.icon-pencil {
1476
background-position: 0 -72px;
1477
}
1478
.icon-map-marker {
1479
background-position: -24px -72px;
1480
}
1481
.icon-adjust {
1482
background-position: -48px -72px;
1483
}
1484
.icon-tint {
1485
background-position: -72px -72px;
1486
}
1487
.icon-edit {
1488
background-position: -96px -72px;
1489
}
1490
.icon-share {
1491
background-position: -120px -72px;
1492
}
1493
.icon-check {
1494
background-position: -144px -72px;
1495
}
1496
.icon-move {
1497
background-position: -168px -72px;
1498
}
1499
.icon-step-backward {
1500
background-position: -192px -72px;
1501
}
1502
.icon-fast-backward {
1503
background-position: -216px -72px;
1504
}
1505
.icon-backward {
1506
background-position: -240px -72px;
1507
}
1508
.icon-play {
1509
background-position: -264px -72px;
1510
}
1511
.icon-pause {
1512
background-position: -288px -72px;
1513
}
1514
.icon-stop {
1515
background-position: -312px -72px;
1516
}
1517
.icon-forward {
1518
background-position: -336px -72px;
1519
}
1520
.icon-fast-forward {
1521
background-position: -360px -72px;
1522
}
1523
.icon-step-forward {
1524
background-position: -384px -72px;
1525
}
1526
.icon-eject {
1527
background-position: -408px -72px;
1528
}
1529
.icon-chevron-left {
1530
background-position: -432px -72px;
1531
}
1532
.icon-chevron-right {
1533
background-position: -456px -72px;
1534
}
1535
.icon-plus-sign {
1536
background-position: 0 -96px;
1537
}
1538
.icon-minus-sign {
1539
background-position: -24px -96px;
1540
}
1541
.icon-remove-sign {
1542
background-position: -48px -96px;
1543
}
1544
.icon-ok-sign {
1545
background-position: -72px -96px;
1546
}
1547
.icon-question-sign {
1548
background-position: -96px -96px;
1549
}
1550
.icon-info-sign {
1551
background-position: -120px -96px;
1552
}
1553
.icon-screenshot {
1554
background-position: -144px -96px;
1555
}
1556
.icon-remove-circle {
1557
background-position: -168px -96px;
1558
}
1559
.icon-ok-circle {
1560
background-position: -192px -96px;
1561
}
1562
.icon-ban-circle {
1563
background-position: -216px -96px;
1564
}
1565
.icon-arrow-left {
1566
background-position: -240px -96px;
1567
}
1568
.icon-arrow-right {
1569
background-position: -264px -96px;
1570
}
1571
.icon-arrow-up {
1572
background-position: -289px -96px;
1573
}
1574
.icon-arrow-down {
1575
background-position: -312px -96px;
1576
}
1577
.icon-share-alt {
1578
background-position: -336px -96px;
1579
}
1580
.icon-resize-full {
1581
background-position: -360px -96px;
1582
}
1583
.icon-resize-small {
1584
background-position: -384px -96px;
1585
}
1586
.icon-plus {
1587
background-position: -408px -96px;
1588
}
1589
.icon-minus {
1590
background-position: -433px -96px;
1591
}
1592
.icon-asterisk {
1593
background-position: -456px -96px;
1594
}
1595
.icon-exclamation-sign {
1596
background-position: 0 -120px;
1597
}
1598
.icon-gift {
1599
background-position: -24px -120px;
1600
}
1601
.icon-leaf {
1602
background-position: -48px -120px;
1603
}
1604
.icon-fire {
1605
background-position: -72px -120px;
1606
}
1607
.icon-eye-open {
1608
background-position: -96px -120px;
1609
}
1610
.icon-eye-close {
1611
background-position: -120px -120px;
1612
}
1613
.icon-warning-sign {
1614
background-position: -144px -120px;
1615
}
1616
.icon-plane {
1617
background-position: -168px -120px;
1618
}
1619
.icon-calendar {
1620
background-position: -192px -120px;
1621
}
1622
.icon-random {
1623
background-position: -216px -120px;
1624
}
1625
.icon-comment {
1626
background-position: -240px -120px;
1627
}
1628
.icon-magnet {
1629
background-position: -264px -120px;
1630
}
1631
.icon-chevron-up {
1632
background-position: -288px -120px;
1633
}
1634
.icon-chevron-down {
1635
background-position: -313px -119px;
1636
}
1637
.icon-retweet {
1638
background-position: -336px -120px;
1639
}
1640
.icon-shopping-cart {
1641
background-position: -360px -120px;
1642
}
1643
.icon-folder-close {
1644
background-position: -384px -120px;
1645
}
1646
.icon-folder-open {
1647
background-position: -408px -120px;
1648
}
1649
.icon-resize-vertical {
1650
background-position: -432px -119px;
1651
}
1652
.icon-resize-horizontal {
1653
background-position: -456px -118px;
1654
}
1655
.dropdown {
1656
position: relative;
1657
}
1658
.dropdown-toggle {
1659
*margin-bottom: -3px;
1660
}
1661
.dropdown-toggle:active,
1662
.open .dropdown-toggle {
1663
outline: 0;
1664
}
1665
.caret {
1666
display: inline-block;
1667
width: 0;
1668
height: 0;
1669
text-indent: -99999px;
1670
*text-indent: 0;
1671
vertical-align: top;
1672
border-left: 4px solid transparent;
1673
border-right: 4px solid transparent;
1674
border-top: 4px solid #000000;
1675
opacity: 0.3;
1676
filter: alpha(opacity=30);
1677
content: "\2193";
1678
}
1679
.dropdown .caret {
1680
margin-top: 8px;
1681
margin-left: 2px;
1682
}
1683
.dropdown:hover .caret,
1684
.open.dropdown .caret {
1685
opacity: 1;
1686
filter: alpha(opacity=100);
1687
}
1688
.dropdown-menu {
1689
position: absolute;
1690
top: 100%;
1691
left: 0;
1692
z-index: 1000;
1693
float: left;
1694
display: none;
1695
min-width: 160px;
1696
_width: 160px;
1697
padding: 4px 0;
1698
margin: 0;
1699
list-style: none;
1700
background-color: #ffffff;
1701
border-color: #ccc;
1702
border-color: rgba(0, 0, 0, 0.2);
1703
border-style: solid;
1704
border-width: 1px;
1705
-webkit-border-radius: 0 0 5px 5px;
1706
-moz-border-radius: 0 0 5px 5px;
1707
border-radius: 0 0 5px 5px;
1708
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1709
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1710
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1711
-webkit-background-clip: padding-box;
1712
-moz-background-clip: padding;
1713
background-clip: padding-box;
1714
*border-right-width: 2px;
1715
*border-bottom-width: 2px;
1716
}
1717
.dropdown-menu.bottom-up {
1718
top: auto;
1719
bottom: 100%;
1720
margin-bottom: 2px;
1721
}
1722
.dropdown-menu .divider {
1723
height: 1px;
1724
margin: 5px 1px;
1725
overflow: hidden;
1726
background-color: #e5e5e5;
1727
border-bottom: 1px solid #ffffff;
1728
*width: 100%;
1729
*margin: -5px 0 5px;
1730
}
1731
.dropdown-menu a {
1732
display: block;
1733
padding: 3px 15px;
1734
clear: both;
1735
font-weight: normal;
1736
line-height: 18px;
1737
color: #555555;
1738
word-wrap: break-word;
1739
}
1740
.dropdown-menu li > a:hover,
1741
.dropdown-menu .active > a,
1742
.dropdown-menu .active > a:hover {
1743
color: #ffffff;
1744
text-decoration: none;
1745
background-color: #0088cc;
1746
}
1747
.dropdown.open {
1748
*z-index: 1000;
1749
}
1750
.dropdown.open .dropdown-toggle {
1751
color: #ffffff;
1752
background: #ccc;
1753
background: rgba(0, 0, 0, 0.3);
1754
}
1755
.dropdown.open .dropdown-menu {
1756
display: block;
1757
}
1758
.typeahead {
1759
margin-top: 2px;
1760
-webkit-border-radius: 4px;
1761
-moz-border-radius: 4px;
1762
border-radius: 4px;
1763
}
1764
.well {
1765
min-height: 20px;
1766
padding: 19px;
1767
margin-bottom: 20px;
1768
background-color: #f5f5f5;
1769
border: 1px solid #eee;
1770
border: 1px solid rgba(0, 0, 0, 0.05);
1771
-webkit-border-radius: 4px;
1772
-moz-border-radius: 4px;
1773
border-radius: 4px;
1774
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1775
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1776
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1777
}
1778
.well blockquote {
1779
border-color: #ddd;
1780
border-color: rgba(0, 0, 0, 0.15);
1781
}
1782
.fade {
1783
-webkit-transition: opacity 0.15s linear;
1784
-moz-transition: opacity 0.15s linear;
1785
-ms-transition: opacity 0.15s linear;
1786
-o-transition: opacity 0.15s linear;
1787
transition: opacity 0.15s linear;
1788
opacity: 0;
1789
}
1790
.fade.in {
1791
opacity: 1;
1792
}
1793
.collapse {
1794
-webkit-transition: height 0.35s ease;
1795
-moz-transition: height 0.35s ease;
1796
-ms-transition: height 0.35s ease;
1797
-o-transition: height 0.35s ease;
1798
transition: height 0.35s ease;
1799
position: relative;
1800
overflow: hidden;
1801
height: 0;
1802
}
1803
.collapse.in {
1804
height: auto;
1805
}
1806
.close {
1807
float: right;
1808
font-size: 20px;
1809
font-weight: bold;
1810
line-height: 18px;
1811
color: #000000;
1812
text-shadow: 0 1px 0 #ffffff;
1813
opacity: 0.2;
1814
filter: alpha(opacity=20);
1815
}
1816
.close:hover {
1817
color: #000000;
1818
text-decoration: none;
1819
opacity: 0.4;
1820
filter: alpha(opacity=40);
1821
cursor: pointer;
1822
}
1823
.btn {
1824
display: inline-block;
1825
padding: 4px 10px 4px;
1826
margin-bottom: 0;
1827
font-size: 13px;
1828
line-height: 18px;
1829
color: #333333;
1830
text-align: center;
1831
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1832
vertical-align: middle;
1833
background-color: #f5f5f5;
1834
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
1835
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
1836
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
1837
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
1838
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
1839
background-image: linear-gradient(top, #ffffff, #e6e6e6);
1840
background-repeat: repeat-x;
1841
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1842
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
1843
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1844
border: 1px solid #ccc;
1845
border-bottom-color: #bbb;
1846
-webkit-border-radius: 4px;
1847
-moz-border-radius: 4px;
1848
border-radius: 4px;
1849
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1850
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1851
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1852
cursor: pointer;
1853
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1854
*margin-left: .3em;
1855
}
1856
.btn:hover,
1857
.btn:active,
1858
.btn.active,
1859
.btn.disabled,
1860
.btn[disabled] {
1861
background-color: #e6e6e6;
1862
}
1863
.btn:active,
1864
.btn.active {
1865
background-color: #cccccc \9;
1866
}
1867
.btn:first-child {
1868
*margin-left: 0;
1869
}
1870
.btn:hover {
1871
color: #333333;
1872
text-decoration: none;
1873
background-color: #e6e6e6;
1874
background-position: 0 -15px;
1875
-webkit-transition: background-position 0.1s linear;
1876
-moz-transition: background-position 0.1s linear;
1877
-ms-transition: background-position 0.1s linear;
1878
-o-transition: background-position 0.1s linear;
1879
transition: background-position 0.1s linear;
1880
}
1881
.btn:focus {
1882
outline: thin dotted #333;
1883
outline: 5px auto -webkit-focus-ring-color;
1884
outline-offset: -2px;
1885
}
1886
.btn.active,
1887
.btn:active {
1888
background-image: none;
1889
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1890
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1891
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1892
background-color: #e6e6e6;
1893
background-color: #d9d9d9 \9;
1894
outline: 0;
1895
}
1896
.btn.disabled,
1897
.btn[disabled] {
1898
cursor: default;
1899
background-image: none;
1900
background-color: #e6e6e6;
1901
opacity: 0.65;
1902
filter: alpha(opacity=65);
1903
-webkit-box-shadow: none;
1904
-moz-box-shadow: none;
1905
box-shadow: none;
1906
}
1907
.btn-large {
1908
padding: 9px 14px;
1909
font-size: 15px;
1910
line-height: normal;
1911
-webkit-border-radius: 5px;
1912
-moz-border-radius: 5px;
1913
border-radius: 5px;
1914
}
1915
.btn-large [class^="icon-"] {
1916
margin-top: 1px;
1917
}
1918
.btn-small {
1919
padding: 5px 9px;
1920
font-size: 11px;
1921
line-height: 16px;
1922
}
1923
.btn-small [class^="icon-"] {
1924
margin-top: -1px;
1925
}
1926
.btn-mini {
1927
padding: 2px 6px;
1928
font-size: 11px;
1929
line-height: 14px;
1930
}
1931
.btn-primary,
1932
.btn-primary:hover,
1933
.btn-warning,
1934
.btn-warning:hover,
1935
.btn-danger,
1936
.btn-danger:hover,
1937
.btn-success,
1938
.btn-success:hover,
1939
.btn-info,
1940
.btn-info:hover,
1941
.btn-inverse,
1942
.btn-inverse:hover {
1943
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1944
color: #ffffff;
1945
}
1946
.btn-primary.active,
1947
.btn-warning.active,
1948
.btn-danger.active,
1949
.btn-success.active,
1950
.btn-info.active,
1951
.btn-dark.active {
1952
color: rgba(255, 255, 255, 0.75);
1953
}
1954
.btn-primary {
1955
background-color: #006dcc;
1956
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
1957
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
1958
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
1959
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
1960
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
1961
background-image: linear-gradient(top, #0088cc, #0044cc);
1962
background-repeat: repeat-x;
1963
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
1964
border-color: #0044cc #0044cc #002a80;
1965
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1966
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1967
}
1968
.btn-primary:hover,
1969
.btn-primary:active,
1970
.btn-primary.active,
1971
.btn-primary.disabled,
1972
.btn-primary[disabled] {
1973
background-color: #0044cc;
1974
}
1975
.btn-primary:active,
1976
.btn-primary.active {
1977
background-color: #003399 \9;
1978
}
1979
.btn-warning {
1980
background-color: #faa732;
1981
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
1982
background-image: -ms-linear-gradient(top, #fbb450, #f89406);
1983
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
1984
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
1985
background-image: -o-linear-gradient(top, #fbb450, #f89406);
1986
background-image: linear-gradient(top, #fbb450, #f89406);
1987
background-repeat: repeat-x;
1988
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
1989
border-color: #f89406 #f89406 #ad6704;
1990
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1991
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1992
}
1993
.btn-warning:hover,
1994
.btn-warning:active,
1995
.btn-warning.active,
1996
.btn-warning.disabled,
1997
.btn-warning[disabled] {
1998
background-color: #f89406;
1999
}
2000
.btn-warning:active,
2001
.btn-warning.active {
2002
background-color: #c67605 \9;
2003
}
2004
.btn-danger {
2005
background-color: #da4f49;
2006
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
2007
background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
2008
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
2009
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
2010
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
2011
background-image: linear-gradient(top, #ee5f5b, #bd362f);
2012
background-repeat: repeat-x;
2013
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
2014
border-color: #bd362f #bd362f #802420;
2015
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2016
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2017
}
2018
.btn-danger:hover,
2019
.btn-danger:active,
2020
.btn-danger.active,
2021
.btn-danger.disabled,
2022
.btn-danger[disabled] {
2023
background-color: #bd362f;
2024
}
2025
.btn-danger:active,
2026
.btn-danger.active {
2027
background-color: #942a25 \9;
2028
}
2029
.btn-success {
2030
background-color: #5bb75b;
2031
background-image: -moz-linear-gradient(top, #62c462, #51a351);
2032
background-image: -ms-linear-gradient(top, #62c462, #51a351);
2033
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
2034
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
2035
background-image: -o-linear-gradient(top, #62c462, #51a351);
2036
background-image: linear-gradient(top, #62c462, #51a351);
2037
background-repeat: repeat-x;
2038
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
2039
border-color: #51a351 #51a351 #387038;
2040
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2041
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2042
}
2043
.btn-success:hover,
2044
.btn-success:active,
2045
.btn-success.active,
2046
.btn-success.disabled,
2047
.btn-success[disabled] {
2048
background-color: #51a351;
2049
}
2050
.btn-success:active,
2051
.btn-success.active {
2052
background-color: #408140 \9;
2053
}
2054
.btn-info {
2055
background-color: #49afcd;
2056
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
2057
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
2058
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
2059
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
2060
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
2061
background-image: linear-gradient(top, #5bc0de, #2f96b4);
2062
background-repeat: repeat-x;
2063
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
2064
border-color: #2f96b4 #2f96b4 #1f6377;
2065
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2066
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2067
}
2068
.btn-info:hover,
2069
.btn-info:active,
2070
.btn-info.active,
2071
.btn-info.disabled,
2072
.btn-info[disabled] {
2073
background-color: #2f96b4;
2074
}
2075
.btn-info:active,
2076
.btn-info.active {
2077
background-color: #24748c \9;
2078
}
2079
.btn-inverse {
2080
background-color: #393939;
2081
background-image: -moz-linear-gradient(top, #454545, #262626);
2082
background-image: -ms-linear-gradient(top, #454545, #262626);
2083
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
2084
background-image: -webkit-linear-gradient(top, #454545, #262626);
2085
background-image: -o-linear-gradient(top, #454545, #262626);
2086
background-image: linear-gradient(top, #454545, #262626);
2087
background-repeat: repeat-x;
2088
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
2089
border-color: #262626 #262626 #000000;
2090
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2091
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2092
}
2093
.btn-inverse:hover,
2094
.btn-inverse:active,
2095
.btn-inverse.active,
2096
.btn-inverse.disabled,
2097
.btn-inverse[disabled] {
2098
background-color: #262626;
2099
}
2100
.btn-inverse:active,
2101
.btn-inverse.active {
2102
background-color: #0c0c0c \9;
2103
}
2104
button.btn,
2105
input[type="submit"].btn {
2106
*padding-top: 2px;
2107
*padding-bottom: 2px;
2108
}
2109
button.btn::-moz-focus-inner,
2110
input[type="submit"].btn::-moz-focus-inner {
2111
padding: 0;
2112
border: 0;
2113
}
2114
button.btn.large,
2115
input[type="submit"].btn.large {
2116
*padding-top: 7px;
2117
*padding-bottom: 7px;
2118
}
2119
button.btn.small,
2120
input[type="submit"].btn.small {
2121
*padding-top: 3px;
2122
*padding-bottom: 3px;
2123
}
2124
.btn-group {
2125
position: relative;
2126
*zoom: 1;
2127
*margin-left: .3em;
2128
}
2129
.btn-group:before,
2130
.btn-group:after {
2131
display: table;
2132
content: "";
2133
}
2134
.btn-group:after {
2135
clear: both;
2136
}
2137
.btn-group:first-child {
2138
*margin-left: 0;
2139
}
2140
.btn-group + .btn-group {
2141
margin-left: 5px;
2142
}
2143
.btn-toolbar {
2144
margin-top: 9px;
2145
margin-bottom: 9px;
2146
}
2147
.btn-toolbar .btn-group {
2148
display: inline-block;
2149
*display: inline;
2150
/* IE7 inline-block hack */
2151
2152
*zoom: 1;
2153
}
2154
.btn-group .btn {
2155
position: relative;
2156
float: left;
2157
margin-left: -1px;
2158
-webkit-border-radius: 0;
2159
-moz-border-radius: 0;
2160
border-radius: 0;
2161
}
2162
.btn-group .btn:first-child {
2163
margin-left: 0;
2164
-webkit-border-top-left-radius: 4px;
2165
-moz-border-radius-topleft: 4px;
2166
border-top-left-radius: 4px;
2167
-webkit-border-bottom-left-radius: 4px;
2168
-moz-border-radius-bottomleft: 4px;
2169
border-bottom-left-radius: 4px;
2170
}
2171
.btn-group .btn:last-child,
2172
.btn-group .dropdown-toggle {
2173
-webkit-border-top-right-radius: 4px;
2174
-moz-border-radius-topright: 4px;
2175
border-top-right-radius: 4px;
2176
-webkit-border-bottom-right-radius: 4px;
2177
-moz-border-radius-bottomright: 4px;
2178
border-bottom-right-radius: 4px;
2179
}
2180
.btn-group .btn.large:first-child {
2181
margin-left: 0;
2182
-webkit-border-top-left-radius: 6px;
2183
-moz-border-radius-topleft: 6px;
2184
border-top-left-radius: 6px;
2185
-webkit-border-bottom-left-radius: 6px;
2186
-moz-border-radius-bottomleft: 6px;
2187
border-bottom-left-radius: 6px;
2188
}
2189
.btn-group .btn.large:last-child,
2190
.btn-group .large.dropdown-toggle {
2191
-webkit-border-top-right-radius: 6px;
2192
-moz-border-radius-topright: 6px;
2193
border-top-right-radius: 6px;
2194
-webkit-border-bottom-right-radius: 6px;
2195
-moz-border-radius-bottomright: 6px;
2196
border-bottom-right-radius: 6px;
2197
}
2198
.btn-group .btn:hover,
2199
.btn-group .btn:focus,
2200
.btn-group .btn:active,
2201
.btn-group .btn.active {
2202
z-index: 2;
2203
}
2204
.btn-group .dropdown-toggle:active,
2205
.btn-group.open .dropdown-toggle {
2206
outline: 0;
2207
}
2208
.btn-group .dropdown-toggle {
2209
padding-left: 8px;
2210
padding-right: 8px;
2211
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2212
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2213
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
2214
*padding-top: 5px;
2215
*padding-bottom: 5px;
2216
}
2217
.btn-group.open {
2218
*z-index: 1000;
2219
}
2220
.btn-group.open .dropdown-menu {
2221
display: block;
2222
margin-top: 1px;
2223
-webkit-border-radius: 5px;
2224
-moz-border-radius: 5px;
2225
border-radius: 5px;
2226
}
2227
.btn-group.open .dropdown-toggle {
2228
background-image: none;
2229
-webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
2230
-moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
2231
box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
2232
}
2233
.btn .caret {
2234
margin-top: 7px;
2235
margin-left: 0;
2236
}
2237
.btn:hover .caret,
2238
.open.btn-group .caret {
2239
opacity: 1;
2240
filter: alpha(opacity=100);
2241
}
2242
.btn-primary .caret,
2243
.btn-danger .caret,
2244
.btn-info .caret,
2245
.btn-success .caret,
2246
.btn-inverse .caret {
2247
border-top-color: #ffffff;
2248
opacity: 0.75;
2249
filter: alpha(opacity=75);
2250
}
2251
.btn-small .caret {
2252
margin-top: 4px;
2253
}
2254
.alert {
2255
padding: 8px 35px 8px 14px;
2256
margin-bottom: 18px;
2257
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2258
background-color: #fcf8e3;
2259
border: 1px solid #fbeed5;
2260
-webkit-border-radius: 4px;
2261
-moz-border-radius: 4px;
2262
border-radius: 4px;
2263
}
2264
.alert,
2265
.alert-heading {
2266
color: #c09853;
2267
}
2268
.alert .close {
2269
position: relative;
2270
top: -2px;
2271
right: -21px;
2272
line-height: 18px;
2273
}
2274
.alert-success {
2275
background-color: #dff0d8;
2276
border-color: #d6e9c6;
2277
}
2278
.alert-success,
2279
.alert-success .alert-heading {
2280
color: #468847;
2281
}
2282
.alert-danger,
2283
.alert-error {
2284
background-color: #f2dede;
2285
border-color: #eed3d7;
2286
}
2287
.alert-danger,
2288
.alert-error,
2289
.alert-danger .alert-heading,
2290
.alert-error .alert-heading {
2291
color: #b94a48;
2292
}
2293
.alert-info {
2294
background-color: #d9edf7;
2295
border-color: #bce8f1;
2296
}
2297
.alert-info,
2298
.alert-info .alert-heading {
2299
color: #3a87ad;
2300
}
2301
.alert-block {
2302
padding-top: 14px;
2303
padding-bottom: 14px;
2304
}
2305
.alert-block > p,
2306
.alert-block > ul {
2307
margin-bottom: 0;
2308
}
2309
.alert-block p + p {
2310
margin-top: 5px;
2311
}
2312
.nav {
2313
margin-left: 0;
2314
margin-bottom: 18px;
2315
list-style: none;
2316
}
2317
.nav > li > a {
2318
display: block;
2319
}
2320
.nav > li > a:hover {
2321
text-decoration: none;
2322
background-color: #eeeeee;
2323
}
2324
.nav .nav-header {
2325
display: block;
2326
padding: 3px 15px;
2327
font-size: 11px;
2328
font-weight: bold;
2329
line-height: 18px;
2330
color: #999999;
2331
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2332
text-transform: uppercase;
2333
}
2334
.nav li + .nav-header {
2335
margin-top: 9px;
2336
}
2337
.nav-list {
2338
padding-left: 14px;
2339
padding-right: 14px;
2340
margin-bottom: 0;
2341
}
2342
.nav-list > li > a,
2343
.nav-list .nav-header {
2344
margin-left: -15px;
2345
margin-right: -15px;
2346
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2347
}
2348
.nav-list > li > a {
2349
padding: 3px 15px;
2350
}
2351
.nav-list .active > a,
2352
.nav-list .active > a:hover {
2353
color: #ffffff;
2354
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
2355
background-color: #0088cc;
2356
}
2357
.nav-list [class^="icon-"] {
2358
margin-right: 2px;
2359
}
2360
.nav-tabs,
2361
.nav-pills {
2362
*zoom: 1;
2363
}
2364
.nav-tabs:before,
2365
.nav-pills:before,
2366
.nav-tabs:after,
2367
.nav-pills:after {
2368
display: table;
2369
content: "";
2370
}
2371
.nav-tabs:after,
2372
.nav-pills:after {
2373
clear: both;
2374
}
2375
.nav-tabs > li,
2376
.nav-pills > li {
2377
float: left;
2378
}
2379
.nav-tabs > li > a,
2380
.nav-pills > li > a {
2381
padding-right: 12px;
2382
padding-left: 12px;
2383
margin-right: 2px;
2384
line-height: 14px;
2385
}
2386
.nav-tabs {
2387
border-bottom: 1px solid #ddd;
2388
}
2389
.nav-tabs > li {
2390
margin-bottom: -1px;
2391
}
2392
.nav-tabs > li > a {
2393
padding-top: 9px;
2394
padding-bottom: 9px;
2395
border: 1px solid transparent;
2396
-webkit-border-radius: 4px 4px 0 0;
2397
-moz-border-radius: 4px 4px 0 0;
2398
border-radius: 4px 4px 0 0;
2399
}
2400
.nav-tabs > li > a:hover {
2401
border-color: #eeeeee #eeeeee #dddddd;
2402
}
2403
.nav-tabs > .active > a,
2404
.nav-tabs > .active > a:hover {
2405
color: #555555;
2406
background-color: #ffffff;
2407
border: 1px solid #ddd;
2408
border-bottom-color: transparent;
2409
cursor: default;
2410
}
2411
.nav-pills > li > a {
2412
padding-top: 8px;
2413
padding-bottom: 8px;
2414
margin-top: 2px;
2415
margin-bottom: 2px;
2416
-webkit-border-radius: 5px;
2417
-moz-border-radius: 5px;
2418
border-radius: 5px;
2419
}
2420
.nav-pills .active > a,
2421
.nav-pills .active > a:hover {
2422
color: #ffffff;
2423
background-color: #0088cc;
2424
}
2425
.nav-stacked > li {
2426
float: none;
2427
}
2428
.nav-stacked > li > a {
2429
margin-right: 0;
2430
}
2431
.nav-tabs.nav-stacked {
2432
border-bottom: 0;
2433
}
2434
.nav-tabs.nav-stacked > li > a {
2435
border: 1px solid #ddd;
2436
-webkit-border-radius: 0;
2437
-moz-border-radius: 0;
2438
border-radius: 0;
2439
}
2440
.nav-tabs.nav-stacked > li:first-child > a {
2441
-webkit-border-radius: 4px 4px 0 0;
2442
-moz-border-radius: 4px 4px 0 0;
2443
border-radius: 4px 4px 0 0;
2444
}
2445
.nav-tabs.nav-stacked > li:last-child > a {
2446
-webkit-border-radius: 0 0 4px 4px;
2447
-moz-border-radius: 0 0 4px 4px;
2448
border-radius: 0 0 4px 4px;
2449
}
2450
.nav-tabs.nav-stacked > li > a:hover {
2451
border-color: #ddd;
2452
z-index: 2;
2453
}
2454
.nav-pills.nav-stacked > li > a {
2455
margin-bottom: 3px;
2456
}
2457
.nav-pills.nav-stacked > li:last-child > a {
2458
margin-bottom: 1px;
2459
}
2460
.nav-tabs .dropdown-menu,
2461
.nav-pills .dropdown-menu {
2462
margin-top: 1px;
2463
border-width: 1px;
2464
}
2465
.nav-pills .dropdown-menu {
2466
-webkit-border-radius: 4px;
2467
-moz-border-radius: 4px;
2468
border-radius: 4px;
2469
}
2470
.nav-tabs .dropdown-toggle .caret,
2471
.nav-pills .dropdown-toggle .caret {
2472
border-top-color: #0088cc;
2473
margin-top: 6px;
2474
}
2475
.nav-tabs .dropdown-toggle:hover .caret,
2476
.nav-pills .dropdown-toggle:hover .caret {
2477
border-top-color: #005580;
2478
}
2479
.nav-tabs .active .dropdown-toggle .caret,
2480
.nav-pills .active .dropdown-toggle .caret {
2481
border-top-color: #333333;
2482
}
2483
.nav > .dropdown.active > a:hover {
2484
color: #000000;
2485
cursor: pointer;
2486
}
2487
.nav-tabs .open .dropdown-toggle,
2488
.nav-pills .open .dropdown-toggle,
2489
.nav > .open.active > a:hover {
2490
color: #ffffff;
2491
background-color: #999999;
2492
border-color: #999999;
2493
}
2494
.nav .open .caret,
2495
.nav .open.active .caret,
2496
.nav .open a:hover .caret {
2497
border-top-color: #ffffff;
2498
opacity: 1;
2499
filter: alpha(opacity=100);
2500
}
2501
.tabs-stacked .open > a:hover {
2502
border-color: #999999;
2503
}
2504
.tabbable {
2505
*zoom: 1;
2506
}
2507
.tabbable:before,
2508
.tabbable:after {
2509
display: table;
2510
content: "";
2511
}
2512
.tabbable:after {
2513
clear: both;
2514
}
2515
.tab-content {
2516
overflow: hidden;
2517
}
2518
.tabs-below .nav-tabs,
2519
.tabs-right .nav-tabs,
2520
.tabs-left .nav-tabs {
2521
border-bottom: 0;
2522
}
2523
.tab-content > .tab-pane,
2524
.pill-content > .pill-pane {
2525
display: none;
2526
}
2527
.tab-content > .active,
2528
.pill-content > .active {
2529
display: block;
2530
}
2531
.tabs-below .nav-tabs {
2532
border-top: 1px solid #ddd;
2533
}
2534
.tabs-below .nav-tabs > li {
2535
margin-top: -1px;
2536
margin-bottom: 0;
2537
}
2538
.tabs-below .nav-tabs > li > a {
2539
-webkit-border-radius: 0 0 4px 4px;
2540
-moz-border-radius: 0 0 4px 4px;
2541
border-radius: 0 0 4px 4px;
2542
}
2543
.tabs-below .nav-tabs > li > a:hover {
2544
border-bottom-color: transparent;
2545
border-top-color: #ddd;
2546
}
2547
.tabs-below .nav-tabs .active > a,
2548
.tabs-below .nav-tabs .active > a:hover {
2549
border-color: transparent #ddd #ddd #ddd;
2550
}
2551
.tabs-left .nav-tabs > li,
2552
.tabs-right .nav-tabs > li {
2553
float: none;
2554
}
2555
.tabs-left .nav-tabs > li > a,
2556
.tabs-right .nav-tabs > li > a {
2557
min-width: 74px;
2558
margin-right: 0;
2559
margin-bottom: 3px;
2560
}
2561
.tabs-left .nav-tabs {
2562
float: left;
2563
margin-right: 19px;
2564
border-right: 1px solid #ddd;
2565
}
2566
.tabs-left .nav-tabs > li > a {
2567
margin-right: -1px;
2568
-webkit-border-radius: 4px 0 0 4px;
2569
-moz-border-radius: 4px 0 0 4px;
2570
border-radius: 4px 0 0 4px;
2571
}
2572
.tabs-left .nav-tabs > li > a:hover {
2573
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
2574
}
2575
.tabs-left .nav-tabs .active > a,
2576
.tabs-left .nav-tabs .active > a:hover {
2577
border-color: #ddd transparent #ddd #ddd;
2578
*border-right-color: #ffffff;
2579
}
2580
.tabs-right .nav-tabs {
2581
float: right;
2582
margin-left: 19px;
2583
border-left: 1px solid #ddd;
2584
}
2585
.tabs-right .nav-tabs > li > a {
2586
margin-left: -1px;
2587
-webkit-border-radius: 0 4px 4px 0;
2588
-moz-border-radius: 0 4px 4px 0;
2589
border-radius: 0 4px 4px 0;
2590
}
2591
.tabs-right .nav-tabs > li > a:hover {
2592
border-color: #eeeeee #eeeeee #eeeeee #dddddd;
2593
}
2594
.tabs-right .nav-tabs .active > a,
2595
.tabs-right .nav-tabs .active > a:hover {
2596
border-color: #ddd #ddd #ddd transparent;
2597
*border-left-color: #ffffff;
2598
}
2599
.navbar {
2600
overflow: visible;
2601
margin-bottom: 18px;
2602
}
2603
.navbar-inner {
2604
padding-left: 20px;
2605
padding-right: 20px;
2606
background-color: #2c2c2c;
2607
background-image: -moz-linear-gradient(top, #333333, #222222);
2608
background-image: -ms-linear-gradient(top, #333333, #222222);
2609
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
2610
background-image: -webkit-linear-gradient(top, #333333, #222222);
2611
background-image: -o-linear-gradient(top, #333333, #222222);
2612
background-image: linear-gradient(top, #333333, #222222);
2613
background-repeat: repeat-x;
2614
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
2615
-webkit-border-radius: 4px;
2616
-moz-border-radius: 4px;
2617
border-radius: 4px;
2618
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2619
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2620
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2621
}
2622
.btn-navbar {
2623
display: none;
2624
float: right;
2625
padding: 7px 10px;
2626
margin-left: 5px;
2627
margin-right: 5px;
2628
background-color: #2c2c2c;
2629
background-image: -moz-linear-gradient(top, #333333, #222222);
2630
background-image: -ms-linear-gradient(top, #333333, #222222);
2631
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
2632
background-image: -webkit-linear-gradient(top, #333333, #222222);
2633
background-image: -o-linear-gradient(top, #333333, #222222);
2634
background-image: linear-gradient(top, #333333, #222222);
2635
background-repeat: repeat-x;
2636
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
2637
border-color: #222222 #222222 #000000;
2638
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2639
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2640
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
2641
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
2642
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
2643
}
2644
.btn-navbar:hover,
2645
.btn-navbar:active,
2646
.btn-navbar.active,
2647
.btn-navbar.disabled,
2648
.btn-navbar[disabled] {
2649
background-color: #222222;
2650
}
2651
.btn-navbar:active,
2652
.btn-navbar.active {
2653
background-color: #080808 \9;
2654
}
2655
.btn-navbar .icon-bar {
2656
display: block;
2657
width: 18px;
2658
height: 2px;
2659
background-color: #f5f5f5;
2660
-webkit-border-radius: 1px;
2661
-moz-border-radius: 1px;
2662
border-radius: 1px;
2663
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
2664
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
2665
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
2666
}
2667
.btn-navbar .icon-bar + .icon-bar {
2668
margin-top: 3px;
2669
}
2670
.nav-collapse.collapse {
2671
height: auto;
2672
}
2673
.navbar .brand:hover {
2674
text-decoration: none;
2675
}
2676
.navbar .brand {
2677
float: left;
2678
display: block;
2679
padding: 8px 20px 12px;
2680
margin-left: -20px;
2681
font-size: 20px;
2682
font-weight: 200;
2683
line-height: 1;
2684
color: #ffffff;
2685
}
2686
.navbar .navbar-text {
2687
margin-bottom: 0;
2688
line-height: 40px;
2689
color: #999999;
2690
}
2691
.navbar .navbar-text a:hover {
2692
color: #ffffff;
2693
background-color: transparent;
2694
}
2695
.navbar .btn,
2696
.navbar .btn-group {
2697
margin-top: 5px;
2698
}
2699
.navbar .btn-group .btn {
2700
margin-top: 0;
2701
}
2702
.navbar-form {
2703
margin-bottom: 0;
2704
*zoom: 1;
2705
}
2706
.navbar-form:before,
2707
.navbar-form:after {
2708
display: table;
2709
content: "";
2710
}
2711
.navbar-form:after {
2712
clear: both;
2713
}
2714
.navbar-form input,
2715
.navbar-form select {
2716
display: inline-block;
2717
margin-top: 5px;
2718
margin-bottom: 0;
2719
}
2720
.navbar-form .radio,
2721
.navbar-form .checkbox {
2722
margin-top: 5px;
2723
}
2724
.navbar-form input[type="image"],
2725
.navbar-form input[type="checkbox"],
2726
.navbar-form input[type="radio"] {
2727
margin-top: 3px;
2728
}
2729
.navbar-form .input-append,
2730
.navbar-form .input-prepend {
2731
margin-top: 6px;
2732
white-space: nowrap;
2733
}
2734
.navbar-form .input-append input,
2735
.navbar-form .input-prepend input {
2736
margin-top: 0;
2737
}
2738
.navbar-search {
2739
position: relative;
2740
float: left;
2741
margin-top: 6px;
2742
margin-bottom: 0;
2743
}
2744
.navbar-search .search-query {
2745
padding: 4px 9px;
2746
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
2747
font-size: 13px;
2748
font-weight: normal;
2749
line-height: 1;
2750
color: #ffffff;
2751
color: rgba(255, 255, 255, 0.75);
2752
background: #666;
2753
background: rgba(255, 255, 255, 0.3);
2754
border: 1px solid #111;
2755
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
2756
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
2757
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
2758
-webkit-transition: none;
2759
-moz-transition: none;
2760
-ms-transition: none;
2761
-o-transition: none;
2762
transition: none;
2763
}
2764
.navbar-search .search-query :-moz-placeholder {
2765
color: #eeeeee;
2766
}
2767
.navbar-search .search-query ::-webkit-input-placeholder {
2768
color: #eeeeee;
2769
}
2770
.navbar-search .search-query:hover {
2771
color: #ffffff;
2772
background-color: #999999;
2773
background-color: rgba(255, 255, 255, 0.5);
2774
}
2775
.navbar-search .search-query:focus,
2776
.navbar-search .search-query.focused {
2777
padding: 5px 10px;
2778
color: #333333;
2779
text-shadow: 0 1px 0 #ffffff;
2780
background-color: #ffffff;
2781
border: 0;
2782
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
2783
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
2784
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
2785
outline: 0;
2786
}
2787
.navbar-fixed-top {
2788
position: fixed;
2789
top: 0;
2790
right: 0;
2791
left: 0;
2792
z-index: 1030;
2793
}
2794
.navbar-fixed-top .navbar-inner {
2795
padding-left: 0;
2796
padding-right: 0;
2797
-webkit-border-radius: 0;
2798
-moz-border-radius: 0;
2799
border-radius: 0;
2800
}
2801
.navbar .nav {
2802
position: relative;
2803
left: 0;
2804
display: block;
2805
float: left;
2806
margin: 0 10px 0 0;
2807
}
2808
.navbar .nav.pull-right {
2809
float: right;
2810
}
2811
.navbar .nav > li {
2812
display: block;
2813
float: left;
2814
}
2815
.navbar .nav > li > a {
2816
float: none;
2817
padding: 10px 10px 11px;
2818
line-height: 19px;
2819
color: #999999;
2820
text-decoration: none;
2821
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2822
}
2823
.navbar .nav > li > a:hover {
2824
background-color: #NaNbbaaNaN00NaN00NaN00NaN00NaN;
2825
color: #ffffff;
2826
text-decoration: none;
2827
}
2828
.navbar .nav .active > a,
2829
.navbar .nav .active > a:hover {
2830
color: #ffffff;
2831
text-decoration: none;
2832
background-color: #222222;
2833
}
2834
.navbar .divider-vertical {
2835
height: 40px;
2836
width: 1px;
2837
margin: 0 9px;
2838
overflow: hidden;
2839
background-color: #222222;
2840
border-right: 1px solid #333333;
2841
}
2842
.navbar .nav.pull-right {
2843
margin-left: 10px;
2844
margin-right: 0;
2845
}
2846
.navbar .dropdown-menu {
2847
margin-top: 1px;
2848
-webkit-border-radius: 4px;
2849
-moz-border-radius: 4px;
2850
border-radius: 4px;
2851
}
2852
.navbar .dropdown-menu:before {
2853
content: '';
2854
display: inline-block;
2855
border-left: 7px solid transparent;
2856
border-right: 7px solid transparent;
2857
border-bottom: 7px solid #ccc;
2858
border-bottom-color: rgba(0, 0, 0, 0.2);
2859
position: absolute;
2860
top: -7px;
2861
left: 9px;
2862
}
2863
.navbar .dropdown-menu:after {
2864
content: '';
2865
display: inline-block;
2866
border-left: 6px solid transparent;
2867
border-right: 6px solid transparent;
2868
border-bottom: 6px solid #ffffff;
2869
position: absolute;
2870
top: -6px;
2871
left: 10px;
2872
}
2873
.navbar .nav .dropdown-toggle .caret,
2874
.navbar .nav .open.dropdown .caret {
2875
border-top-color: #ffffff;
2876
}
2877
.navbar .nav .active .caret {
2878
opacity: 1;
2879
filter: alpha(opacity=100);
2880
}
2881
.navbar .nav .open > .dropdown-toggle,
2882
.navbar .nav .active > .dropdown-toggle,
2883
.navbar .nav .open.active > .dropdown-toggle {
2884
background-color: transparent;
2885
}
2886
.navbar .nav .active > .dropdown-toggle:hover {
2887
color: #ffffff;
2888
}
2889
.navbar .nav.pull-right .dropdown-menu {
2890
left: auto;
2891
right: 0;
2892
}
2893
.navbar .nav.pull-right .dropdown-menu:before {
2894
left: auto;
2895
right: 12px;
2896
}
2897
.navbar .nav.pull-right .dropdown-menu:after {
2898
left: auto;
2899
right: 13px;
2900
}
2901
.breadcrumb {
2902
padding: 7px 14px;
2903
margin: 0 0 18px;
2904
background-color: #fbfbfb;
2905
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
2906
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
2907
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
2908
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
2909
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
2910
background-image: linear-gradient(top, #ffffff, #f5f5f5);
2911
background-repeat: repeat-x;
2912
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
2913
border: 1px solid #ddd;
2914
-webkit-border-radius: 3px;
2915
-moz-border-radius: 3px;
2916
border-radius: 3px;
2917
-webkit-box-shadow: inset 0 1px 0 #ffffff;
2918
-moz-box-shadow: inset 0 1px 0 #ffffff;
2919
box-shadow: inset 0 1px 0 #ffffff;
2920
}
2921
.breadcrumb li {
2922
display: inline-block;
2923
text-shadow: 0 1px 0 #ffffff;
2924
}
2925
.breadcrumb .divider {
2926
padding: 0 5px;
2927
color: #999999;
2928
}
2929
.breadcrumb .active a {
2930
color: #333333;
2931
}
2932
.pagination {
2933
height: 36px;
2934
margin: 18px 0;
2935
}
2936
.pagination ul {
2937
display: inline-block;
2938
*display: inline;
2939
/* IE7 inline-block hack */
2940
2941
*zoom: 1;
2942
margin-left: 0;
2943
margin-bottom: 0;
2944
-webkit-border-radius: 3px;
2945
-moz-border-radius: 3px;
2946
border-radius: 3px;
2947
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2948
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2949
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2950
}
2951
.pagination li {
2952
display: inline;
2953
}
2954
.pagination a {
2955
float: left;
2956
padding: 0 14px;
2957
line-height: 34px;
2958
text-decoration: none;
2959
border: 1px solid #ddd;
2960
border-left-width: 0;
2961
}
2962
.pagination a:hover,
2963
.pagination .active a {
2964
background-color: #f5f5f5;
2965
}
2966
.pagination .active a {
2967
color: #999999;
2968
cursor: default;
2969
}
2970
.pagination .disabled a,
2971
.pagination .disabled a:hover {
2972
color: #999999;
2973
background-color: transparent;
2974
cursor: default;
2975
}
2976
.pagination li:first-child a {
2977
border-left-width: 1px;
2978
-webkit-border-radius: 3px 0 0 3px;
2979
-moz-border-radius: 3px 0 0 3px;
2980
border-radius: 3px 0 0 3px;
2981
}
2982
.pagination li:last-child a {
2983
-webkit-border-radius: 0 3px 3px 0;
2984
-moz-border-radius: 0 3px 3px 0;
2985
border-radius: 0 3px 3px 0;
2986
}
2987
.pagination-centered {
2988
text-align: center;
2989
}
2990
.pagination-right {
2991
text-align: right;
2992
}
2993
.pager {
2994
margin-left: 0;
2995
margin-bottom: 18px;
2996
list-style: none;
2997
text-align: center;
2998
*zoom: 1;
2999
}
3000
.pager:before,
3001
.pager:after {
3002
display: table;
3003
content: "";
3004
}
3005
.pager:after {
3006
clear: both;
3007
}
3008
.pager li {
3009
display: inline;
3010
}
3011
.pager a {
3012
display: inline-block;
3013
padding: 5px 14px;
3014
background-color: #fff;
3015
border: 1px solid #ddd;
3016
-webkit-border-radius: 15px;
3017
-moz-border-radius: 15px;
3018
border-radius: 15px;
3019
}
3020
.pager a:hover {
3021
text-decoration: none;
3022
background-color: #f5f5f5;
3023
}
3024
.pager .next a {
3025
float: right;
3026
}
3027
.pager .previous a {
3028
float: left;
3029
}
3030
.modal-open .dropdown-menu {
3031
z-index: 2050;
3032
}
3033
.modal-open .dropdown.open {
3034
*z-index: 2050;
3035
}
3036
.modal-open .popover {
3037
z-index: 2060;
3038
}
3039
.modal-open .tooltip {
3040
z-index: 2070;
3041
}
3042
.modal-backdrop {
3043
position: fixed;
3044
top: 0;
3045
right: 0;
3046
bottom: 0;
3047
left: 0;
3048
z-index: 1040;
3049
background-color: #000000;
3050
}
3051
.modal-backdrop.fade {
3052
opacity: 0;
3053
}
3054
.modal-backdrop,
3055
.modal-backdrop.fade.in {
3056
opacity: 0.8;
3057
filter: alpha(opacity=80);
3058
}
3059
.modal {
3060
position: fixed;
3061
top: 50%;
3062
left: 50%;
3063
z-index: 1050;
3064
max-height: 500px;
3065
overflow: auto;
3066
width: 560px;
3067
margin: -250px 0 0 -280px;
3068
background-color: #ffffff;
3069
border: 1px solid #999;
3070
border: 1px solid rgba(0, 0, 0, 0.3);
3071
*border: 1px solid #999;
3072
/* IE6-7 */
3073
3074
-webkit-border-radius: 6px;
3075
-moz-border-radius: 6px;
3076
border-radius: 6px;
3077
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3078
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3079
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3080
-webkit-background-clip: padding-box;
3081
-moz-background-clip: padding-box;
3082
background-clip: padding-box;
3083
}
3084
.modal.fade {
3085
-webkit-transition: opacity .3s linear, top .3s ease-out;
3086
-moz-transition: opacity .3s linear, top .3s ease-out;
3087
-ms-transition: opacity .3s linear, top .3s ease-out;
3088
-o-transition: opacity .3s linear, top .3s ease-out;
3089
transition: opacity .3s linear, top .3s ease-out;
3090
top: -25%;
3091
}
3092
.modal.fade.in {
3093
top: 50%;
3094
}
3095
.modal-header {
3096
padding: 9px 15px;
3097
border-bottom: 1px solid #eee;
3098
}
3099
.modal-header .close {
3100
margin-top: 2px;
3101
}
3102
.modal-body {
3103
padding: 15px;
3104
}
3105
.modal-body .modal-form {
3106
margin-bottom: 0;
3107
}
3108
.modal-footer {
3109
padding: 14px 15px 15px;
3110
margin-bottom: 0;
3111
background-color: #f5f5f5;
3112
border-top: 1px solid #ddd;
3113
-webkit-border-radius: 0 0 6px 6px;
3114
-moz-border-radius: 0 0 6px 6px;
3115
border-radius: 0 0 6px 6px;
3116
-webkit-box-shadow: inset 0 1px 0 #ffffff;
3117
-moz-box-shadow: inset 0 1px 0 #ffffff;
3118
box-shadow: inset 0 1px 0 #ffffff;
3119
*zoom: 1;
3120
}
3121
.modal-footer:before,
3122
.modal-footer:after {
3123
display: table;
3124
content: "";
3125
}
3126
.modal-footer:after {
3127
clear: both;
3128
}
3129
.modal-footer .btn {
3130
float: right;
3131
margin-left: 5px;
3132
margin-bottom: 0;
3133
}
3134
.tooltip {
3135
position: absolute;
3136
z-index: 1020;
3137
display: block;
3138
visibility: visible;
3139
padding: 5px;
3140
font-size: 11px;
3141
opacity: 0;
3142
filter: alpha(opacity=0);
3143
}
3144
.tooltip.in {
3145
opacity: 0.8;
3146
filter: alpha(opacity=80);
3147
}
3148
.tooltip.top {
3149
margin-top: -2px;
3150
}
3151
.tooltip.right {
3152
margin-left: 2px;
3153
}
3154
.tooltip.bottom {
3155
margin-top: 2px;
3156
}
3157
.tooltip.left {
3158
margin-left: -2px;
3159
}
3160
.tooltip.top .tooltip-arrow {
3161
bottom: 0;
3162
left: 50%;
3163
margin-left: -5px;
3164
border-left: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3165
border-right: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3166
border-top: 5px solid #000000;
3167
}
3168
.tooltip.left .tooltip-arrow {
3169
top: 50%;
3170
right: 0;
3171
margin-top: -5px;
3172
border-top: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3173
border-bottom: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3174
border-left: 5px solid #000000;
3175
}
3176
.tooltip.bottom .tooltip-arrow {
3177
top: 0;
3178
left: 50%;
3179
margin-left: -5px;
3180
border-left: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3181
border-right: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3182
border-bottom: 5px solid #000000;
3183
}
3184
.tooltip.right .tooltip-arrow {
3185
top: 50%;
3186
left: 0;
3187
margin-top: -5px;
3188
border-top: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3189
border-bottom: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3190
border-right: 5px solid #000000;
3191
}
3192
.tooltip-inner {
3193
max-width: 200px;
3194
padding: 3px 8px;
3195
color: #ffffff;
3196
text-align: center;
3197
text-decoration: none;
3198
background-color: #000000;
3199
-webkit-border-radius: 4px;
3200
-moz-border-radius: 4px;
3201
border-radius: 4px;
3202
}
3203
.tooltip-arrow {
3204
position: absolute;
3205
width: 0;
3206
height: 0;
3207
}
3208
.popover {
3209
position: absolute;
3210
top: 0;
3211
left: 0;
3212
z-index: 1010;
3213
display: none;
3214
padding: 5px;
3215
}
3216
.popover.top {
3217
margin-top: -5px;
3218
}
3219
.popover.right {
3220
margin-left: 5px;
3221
}
3222
.popover.bottom {
3223
margin-top: 5px;
3224
}
3225
.popover.left {
3226
margin-left: -5px;
3227
}
3228
.popover.top .arrow {
3229
bottom: 0;
3230
left: 50%;
3231
margin-left: -5px;
3232
border-left: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3233
border-right: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3234
border-top: 5px solid #000000;
3235
}
3236
.popover.right .arrow {
3237
top: 50%;
3238
left: 0;
3239
margin-top: -5px;
3240
border-top: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3241
border-bottom: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3242
border-right: 5px solid #000000;
3243
}
3244
.popover.bottom .arrow {
3245
top: 0;
3246
left: 50%;
3247
margin-left: -5px;
3248
border-left: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3249
border-right: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3250
border-bottom: 5px solid #000000;
3251
}
3252
.popover.left .arrow {
3253
top: 50%;
3254
right: 0;
3255
margin-top: -5px;
3256
border-top: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3257
border-bottom: 5px solid #NaNbbaaNaN00NaN00NaN00NaN00NaN;
3258
border-left: 5px solid #000000;
3259
}
3260
.popover .arrow {
3261
position: absolute;
3262
width: 0;
3263
height: 0;
3264
}
3265
.popover-inner {
3266
padding: 3px;
3267
width: 280px;
3268
overflow: hidden;
3269
background: #000000;
3270
background: rgba(0, 0, 0, 0.8);
3271
-webkit-border-radius: 6px;
3272
-moz-border-radius: 6px;
3273
border-radius: 6px;
3274
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3275
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3276
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3277
}
3278
.popover-title {
3279
padding: 9px 15px;
3280
line-height: 1;
3281
background-color: #f5f5f5;
3282
border-bottom: 1px solid #eee;
3283
-webkit-border-radius: 3px 3px 0 0;
3284
-moz-border-radius: 3px 3px 0 0;
3285
border-radius: 3px 3px 0 0;
3286
}
3287
.popover-content {
3288
padding: 14px;
3289
background-color: #ffffff;
3290
-webkit-border-radius: 0 0 3px 3px;
3291
-moz-border-radius: 0 0 3px 3px;
3292
border-radius: 0 0 3px 3px;
3293
-webkit-background-clip: padding-box;
3294
-moz-background-clip: padding-box;
3295
background-clip: padding-box;
3296
}
3297
.popover-content p,
3298
.popover-content ul,
3299
.popover-content ol {
3300
margin-bottom: 0;
3301
}
3302
.thumbnails {
3303
margin-left: -20px;
3304
list-style: none;
3305
*zoom: 1;
3306
}
3307
.thumbnails:before,
3308
.thumbnails:after {
3309
display: table;
3310
content: "";
3311
}
3312
.thumbnails:after {
3313
clear: both;
3314
}
3315
.thumbnails > li {
3316
float: left;
3317
margin: 0 0 18px 20px;
3318
}
3319
.thumbnail {
3320
display: block;
3321
padding: 4px;
3322
line-height: 1;
3323
border: 1px solid #ddd;
3324
-webkit-border-radius: 4px;
3325
-moz-border-radius: 4px;
3326
border-radius: 4px;
3327
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
3328
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
3329
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
3330
}
3331
a.thumbnail:hover {
3332
border-color: #0088cc;
3333
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
3334
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
3335
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
3336
}
3337
.thumbnail > img {
3338
display: block;
3339
max-width: 100%;
3340
margin-left: auto;
3341
margin-right: auto;
3342
}
3343
.thumbnail .caption {
3344
padding: 9px;
3345
}
3346
.label {
3347
padding: 2px 4px 3px;
3348
font-size: 11.049999999999999px;
3349
font-weight: bold;
3350
color: #ffffff;
3351
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3352
background-color: #999999;
3353
-webkit-border-radius: 3px;
3354
-moz-border-radius: 3px;
3355
border-radius: 3px;
3356
}
3357
.label:hover {
3358
color: #ffffff;
3359
text-decoration: none;
3360
}
3361
.label-important {
3362
background-color: #b94a48;
3363
}
3364
.label-important:hover {
3365
background-color: #953b39;
3366
}
3367
.label-warning {
3368
background-color: #f89406;
3369
}
3370
.label-warning:hover {
3371
background-color: #c67605;
3372
}
3373
.label-success {
3374
background-color: #468847;
3375
}
3376
.label-success:hover {
3377
background-color: #356635;
3378
}
3379
.label-info {
3380
background-color: #3a87ad;
3381
}
3382
.label-info:hover {
3383
background-color: #2d6987;
3384
}
3385
@-webkit-keyframes progress-bar-stripes {
3386
from {
3387
background-position: 0 0;
3388
}
3389
to {
3390
background-position: 40px 0;
3391
}
3392
}
3393
@-moz-keyframes progress-bar-stripes {
3394
from {
3395
background-position: 0 0;
3396
}
3397
to {
3398
background-position: 40px 0;
3399
}
3400
}
3401
@keyframes progress-bar-stripes {
3402
from {
3403
background-position: 0 0;
3404
}
3405
to {
3406
background-position: 40px 0;
3407
}
3408
}
3409
.progress {
3410
overflow: hidden;
3411
height: 18px;
3412
margin-bottom: 18px;
3413
background-color: #f7f7f7;
3414
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
3415
background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
3416
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
3417
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
3418
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
3419
background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
3420
background-repeat: repeat-x;
3421
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
3422
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3423
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3424
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3425
-webkit-border-radius: 4px;
3426
-moz-border-radius: 4px;
3427
border-radius: 4px;
3428
}
3429
.progress .bar {
3430
width: 0%;
3431
height: 18px;
3432
color: #ffffff;
3433
font-size: 12px;
3434
text-align: center;
3435
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3436
background-color: #0e90d2;
3437
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
3438
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
3439
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
3440
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
3441
background-image: -o-linear-gradient(top, #149bdf, #0480be);
3442
background-image: linear-gradient(top, #149bdf, #0480be);
3443
background-repeat: repeat-x;
3444
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
3445
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3446
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3447
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3448
-webkit-box-sizing: border-box;
3449
-moz-box-sizing: border-box;
3450
-ms-box-sizing: border-box;
3451
-o-box-sizing: border-box;
3452
box-sizing: border-box;
3453
-webkit-transition: width 0.6s ease;
3454
-moz-transition: width 0.6s ease;
3455
-ms-transition: width 0.6s ease;
3456
-o-transition: width 0.6s ease;
3457
transition: width 0.6s ease;
3458
}
3459
.progress-striped .bar {
3460
background-color: #62c462;
3461
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, #NaNbbaaNaN00NaN00NaN00NaN00NaN), to(#NaNbbaaNaN00NaN00NaN00NaN00NaN));
3462
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3463
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3464
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3465
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3466
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3467
-webkit-background-size: 40px 40px;
3468
-moz-background-size: 40px 40px;
3469
-o-background-size: 40px 40px;
3470
background-size: 40px 40px;
3471
}
3472
.progress.active .bar {
3473
-webkit-animation: progress-bar-stripes 2s linear infinite;
3474
-moz-animation: progress-bar-stripes 2s linear infinite;
3475
animation: progress-bar-stripes 2s linear infinite;
3476
}
3477
.progress-danger .bar {
3478
background-color: #dd514c;
3479
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
3480
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
3481
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
3482
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
3483
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
3484
background-image: linear-gradient(top, #ee5f5b, #c43c35);
3485
background-repeat: repeat-x;
3486
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
3487
}
3488
.progress-danger.progress-striped .bar {
3489
background-color: #ee5f5b;
3490
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, #NaNbbaaNaN00NaN00NaN00NaN00NaN), to(#NaNbbaaNaN00NaN00NaN00NaN00NaN));
3491
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3492
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3493
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3494
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3495
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3496
}
3497
.progress-success .bar {
3498
background-color: #5eb95e;
3499
background-image: -moz-linear-gradient(top, #62c462, #57a957);
3500
background-image: -ms-linear-gradient(top, #62c462, #57a957);
3501
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
3502
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
3503
background-image: -o-linear-gradient(top, #62c462, #57a957);
3504
background-image: linear-gradient(top, #62c462, #57a957);
3505
background-repeat: repeat-x;
3506
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
3507
}
3508
.progress-success.progress-striped .bar {
3509
background-color: #62c462;
3510
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, #NaNbbaaNaN00NaN00NaN00NaN00NaN), to(#NaNbbaaNaN00NaN00NaN00NaN00NaN));
3511
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3512
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3513
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3514
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3515
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3516
}
3517
.progress-info .bar {
3518
background-color: #4bb1cf;
3519
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
3520
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
3521
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
3522
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
3523
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
3524
background-image: linear-gradient(top, #5bc0de, #339bb9);
3525
background-repeat: repeat-x;
3526
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
3527
}
3528
.progress-info.progress-striped .bar {
3529
background-color: #5bc0de;
3530
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, #NaNbbaaNaN00NaN00NaN00NaN00NaN), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, #NaNbbaaNaN00NaN00NaN00NaN00NaN), to(#NaNbbaaNaN00NaN00NaN00NaN00NaN));
3531
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3532
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3533
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3534
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3535
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 25%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN 75%, #NaNbbaaNaN00NaN00NaN00NaN00NaN);
3536
}
3537
.accordion {
3538
margin-bottom: 18px;
3539
}
3540
.accordion-group {
3541
margin-bottom: 2px;
3542
border: 1px solid #e5e5e5;
3543
-webkit-border-radius: 4px;
3544
-moz-border-radius: 4px;
3545
border-radius: 4px;
3546
}
3547
.accordion-heading {
3548
border-bottom: 0;
3549
}
3550
.accordion-heading .accordion-toggle {
3551
display: block;
3552
padding: 8px 15px;
3553
}
3554
.accordion-inner {
3555
padding: 9px 15px;
3556
border-top: 1px solid #e5e5e5;
3557
}
3558
.carousel {
3559
position: relative;
3560
margin-bottom: 18px;
3561
line-height: 1;
3562
}
3563
.carousel-inner {
3564
overflow: hidden;
3565
width: 100%;
3566
position: relative;
3567
}
3568
.carousel .item {
3569
display: none;
3570
position: relative;
3571
-webkit-transition: 0.6s ease-in-out left;
3572
-moz-transition: 0.6s ease-in-out left;
3573
-ms-transition: 0.6s ease-in-out left;
3574
-o-transition: 0.6s ease-in-out left;
3575
transition: 0.6s ease-in-out left;
3576
}
3577
.carousel .item > img {
3578
display: block;
3579
line-height: 1;
3580
}
3581
.carousel .active,
3582
.carousel .next,
3583
.carousel .prev {
3584
display: block;
3585
}
3586
.carousel .active {
3587
left: 0;
3588
}
3589
.carousel .next,
3590
.carousel .prev {
3591
position: absolute;
3592
top: 0;
3593
width: 100%;
3594
}
3595
.carousel .next {
3596
left: 100%;
3597
}
3598
.carousel .prev {
3599
left: -100%;
3600
}
3601
.carousel .next.left,
3602
.carousel .prev.right {
3603
left: 0;
3604
}
3605
.carousel .active.left {
3606
left: -100%;
3607
}
3608
.carousel .active.right {
3609
left: 100%;
3610
}
3611
.carousel-control {
3612
position: absolute;
3613
top: 40%;
3614
left: 15px;
3615
width: 40px;
3616
height: 40px;
3617
margin-top: -20px;
3618
font-size: 60px;
3619
font-weight: 100;
3620
line-height: 30px;
3621
color: #ffffff;
3622
text-align: center;
3623
background: #222222;
3624
border: 3px solid #ffffff;
3625
-webkit-border-radius: 23px;
3626
-moz-border-radius: 23px;
3627
border-radius: 23px;
3628
opacity: 0.5;
3629
filter: alpha(opacity=50);
3630
}
3631
.carousel-control.right {
3632
left: auto;
3633
right: 15px;
3634
}
3635
.carousel-control:hover {
3636
color: #ffffff;
3637
text-decoration: none;
3638
opacity: 0.9;
3639
filter: alpha(opacity=90);
3640
}
3641
.carousel-caption {
3642
position: absolute;
3643
left: 0;
3644
right: 0;
3645
bottom: 0;
3646
padding: 10px 15px 5px;
3647
background: #333333;
3648
background: rgba(0, 0, 0, 0.75);
3649
}
3650
.carousel-caption h4,
3651
.carousel-caption p {
3652
color: #ffffff;
3653
}
3654
.hero-unit {
3655
padding: 60px;
3656
margin-bottom: 30px;
3657
background-color: #f5f5f5;
3658
-webkit-border-radius: 6px;
3659
-moz-border-radius: 6px;
3660
border-radius: 6px;
3661
}
3662
.hero-unit h1 {
3663
margin-bottom: 0;
3664
font-size: 60px;
3665
line-height: 1;
3666
letter-spacing: -1px;
3667
}
3668
.hero-unit p {
3669
font-size: 18px;
3670
font-weight: 200;
3671
line-height: 27px;
3672
}
3673
.pull-right {
3674
float: right;
3675
}
3676
.pull-left {
3677
float: left;
3678
}
3679
.hide {
3680
display: none;
3681
}
3682
.show {
3683
display: block;
3684
}
3685
.invisible {
3686
visibility: hidden;
3687
}
3688
/* new clearfix */
3689
.clearfix:after {
3690
visibility: hidden;
3691
display: block;
3692
font-size: 0;
3693
content: " ";
3694
clear: both;
3695
height: 0;
3696
}
3697
* html .clearfix {
3698
zoom: 1;
3699
}
3700
/* IE6 */
3701
*:first-child + html .clearfix {
3702
zoom: 1;
3703
}
3704
/* IE7 */
3705
@font-face {
3706
font-family: 'anivers';
3707
src: url('/static/dashboard/fonts/Anivers_Regular-webfont.eot');
3708
src: url('/static/dashboard/fonts/Anivers_Regular-webfont.eot?iefix') format('eot'), url('/static/dashboard/fonts/Anivers_Regular-webfont.woff') format('woff'), url('/static/dashboard/fonts/Anivers_Regular-webfont.ttf') format('truetype'), url('/static/dashboard/fonts/Anivers_Regular-webfont.svg#webfont3JLVF59W') format('svg');
3709
font-weight: normal;
3710
font-style: normal;
3711
}
3712
a {
3713
color: #43a1d6;
3714
}
3715
ul {
3716
list-style: none;
3717
margin: 0;
3718
}
3719
dt {
3720
font-weight: bold;
3721
}
3722
#main_content {
3723
padding-left: 250px;
3724
padding-right: 25px;
3725
}
3726
.topbar {
3727
background: #f2f2f2;
3728
border-bottom: 1px solid #e5e5e5;
3729
padding: 10px 25px;
3730
margin-top: 0;
3731
margin-left: -25px;
3732
margin-bottom: 20px;
3733
margin-right: -25px;
3734
min-width: 700px;
3735
}
3736
.topbar .switcher_bar {
3737
display: inline-block;
3738
height: auto;
3739
width: 160px;
3740
background-position: 140px center;
3741
margin-bottom: 0;
3742
font-size: 11px;
3743
margin-left: 20px;
3744
padding: 0;
3745
background-image: url(/static/dashboard/img/drop_arrow.png);
3746
border: 1px solid #c0d9e4;
3747
background-color: #e9f5fa;
3748
background-repeat: no-repeat;
3749
}
3750
.topbar .switcher_bar a {
3751
padding: 2px 10px 1px;
3752
margin-left: 0;
3753
display: block;
3754
}
3755
.topbar .switcher_bar ul {
3756
width: 130px;
3757
}
3758
#user_info {
3759
color: #888;
3760
margin: auto 0;
3761
}
3762
#user_info > a {
3763
margin-left: 25px;
3764
font-size: 11px !important;
3765
}
3766
.page-header {
3767
margin: 0;
3768
padding: 0;
3769
border: 0;
3770
font-family: anivers;
3771
}
3772
h2 {
3773
color: #6a6a6a;
3774
font-size: 30px;
3775
font-weight: normal;
3776
}
3777
body {
3778
background-color: #fff;
3779
min-width: 890px;
3780
}
3781
/* Login Splash Page */
3782
#splash {
3783
background: #fafafa;
3784
}
3785
#splash .login {
3786
background: #ffffff url(/static/dashboard/img/logo-splash.png) no-repeat center 35px;
3787
position: absolute;
3788
top: 80px;
3789
left: 50%;
3790
margin: 0 0 0 -195px;
3791
padding-top: 170px;
3792
width: 390px;
3793
border: 1px solid #e1e1e1;
3794
max-height: none;
3795
-webkit-border-radius: 6px;
3796
-moz-border-radius: 6px;
3797
border-radius: 6px;
3798
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3799
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3800
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
3801
-webkit-background-clip: padding-box;
3802
-moz-background-clip: padding-box;
3803
background-clip: padding-box;
3804
}
3805
#splash .login form .error {
3806
width: 100%;
3807
}
3808
#splash .login form input {
3809
width: 350px;
3810
}
3811
#splash .login form select {
3812
width: 360px;
3813
}
3814
#splash .help-block {
3815
display: none;
3816
}
3817
#create_container_form .modal-footer {
3818
margin-top: 190px;
3819
}
3820
.nav li a {
3821
color: #8EACB7;
3822
text-shadow: none;
3823
}
3824
.container-fluid {
3825
padding-left: 0;
3826
}
3827
.sidebar {
3828
background: #edf9ff;
3829
border-right: 5px solid #e5e5e5;
3830
border-bottom: 5px solid #e5e5e5;
3831
float: left;
3832
}
3833
.sidebar h4 {
3834
margin-left: 14px;
3835
color: #999;
3836
}
3837
.sidebar .nav-tabs {
3838
margin-top: -34px;
3839
}
3840
.sidebar .nav-tabs li.active a {
3841
background-color: #edf9ff;
3842
}
3843
h1.brand {
3844
width: 100%;
3845
margin: 0;
3846
background-color: #f5f5f5;
3847
padding-bottom: 40px;
3848
}
3849
h1.brand a {
3850
background: url(/static/dashboard/img/logo.png) top left no-repeat;
3851
display: block;
3852
float: left;
3853
width: 116px;
3854
height: 123px;
3855
text-indent: -9999px;
3856
margin-left: 56px;
3857
margin-top: 15px;
3858
margin-bottom: 25px;
3859
}
3860
/* Tenant Dropdown */
3861
a.current_item {
3862
width: 163px;
3863
float: left;
3864
}
3865
a.current_item:hover {
3866
text-decoration: none;
3867
}
3868
a.current_item:hover h3,
3869
a.current_item:hover h4 {
3870
color: #39738c;
3871
}
3872
.sidebar .switcher_bar {
3873
width: 190px;
3874
height: 38px;
3875
padding: 5px 0;
3876
margin-left: 14px;
3877
margin-bottom: 15px;
3878
}
3879
.sidebar .switcher_bar a.dropdown-toggle {
3880
display: block;
3881
padding: 5px 0;
3882
background-image: url(/static/dashboard/img/drop_arrow.png);
3883
border: 1px solid #c0d9e4;
3884
background-color: #e9f5fa;
3885
background-repeat: no-repeat;
3886
background-position: 167px 23px;
3887
}
3888
.sidebar .switcher_bar a.dropdown-toggle:hover {
3889
text-decoration: none;
3890
background-color: #cde8f4;
3891
}
3892
.sidebar .switcher_bar:focus {
3893
outline: none;
3894
}
3895
.sidebar .switcher_bar h3 {
3896
color: #4790ae;
3897
font-size: 16px;
3898
margin: -6px 0 0 14px;
3899
padding: 0;
3900
overflow: hidden;
3901
text-overflow: ellipsis;
3902
white-space: nowrap;
3903
}
3904
.sidebar .switcher_bar h3:hover {
3905
white-space: normal;
3906
overflow: visible;
3907
text-overflow: none;
3908
padding-right: 1em;
3909
word-wrap: break-word;
3910
}
3911
.sidebar .switcher_bar h4 {
3912
color: #6fabc4;
3913
font-size: 10px;
3914
text-transform: uppercase;
3915
font-weight: normal;
3916
padding: 0;
3917
}
3918
.sidebar .switcher_bar ul {
3919
border: 1px solid #c0d9e4;
3920
margin-left: -1px;
3921
width: 190px;
3922
}
3923
.sidebar .switcher_bar li a:hover {
3924
background: #92d6f1;
3925
}
3926
#usage {
3927
margin-bottom: 25px;
3928
height: 125px;
3929
}
3930
.usage_block {
3931
background: #e8f8ff;
3932
color: #84b6c5;
3933
border: 1px solid #afe3fb;
3934
-webkit-border-radius: 5px;
3935
-moz-border-radius: 5px;
3936
border-radius: 5px;
3937
float: left;
3938
width: 29%;
3939
margin-right: 5%;
3940
min-height: 125px;
3941
}
3942
.usage_block.last {
3943
margin-right: 0;
3944
}
3945
.usage_block h3 {
3946
background: #cef0ff;
3947
color: #4fa5bf;
3948
font-weight: normal;
3949
padding: 0 0 0 10px;
3950
border-bottom: 1px solid #c6e7f5;
3951
-webkit-border-top-left-radius: 5px;
3952
-webkit-border-top-right-radius: 5px;
3953
-moz-border-radius-topleft: 5px;
3954
-moz-border-radius-topright: 5px;
3955
border-top-left-radius: 5px;
3956
border-top-right-radius: 5px;
3957
}
3958
.usage_block ul {
3959
margin: 10px;
3960
}
3961
.usage_block .quantity {
3962
font-size: 25px;
3963
}
3964
.usage_block li {
3965
font-size: 11px;
3966
margin: 0 0 15px 0;
3967
}
3968
.usage_block .unit {
3969
font-size: 11px;
3970
text-transform: uppercase;
3971
padding: 0 0 0 1px;
3972
}
3973
.table-bordered {
3974
border: none;
3975
}
3976
.table_header {
3977
min-height: 35px;
3978
padding: 5px 0;
3979
}
3980
.table_caption th {
3981
background-color: transparent;
3982
border: none;
3983
}
3984
.table-bordered tr.table_caption + tr th {
3985
border-top: 1px solid #ddd;
3986
}
3987
.table-bordered tr.table_caption + tr th:first-child,
3988
.table-bordered tr.table_caption + tr th.hide + th {
3989
-moz-border-radius-topleft: 4px;
3990
-webkit-border-top-left-radius: 4px;
3991
border-top-left-radius: 4px;
3992
border-left: 1px solid #ddd;
3993
}
3994
.table-bordered tr.table_caption + tr th:last-child {
3995
-moz-border-radius-topright: 4px;
3996
-webkit-border-top-right-radius: 4px;
3997
border-top-right-radius: 4px;
3998
border-right: 1px solid #ddd;
3999
}
4000
.table-bordered tbody tr td:first-child,
4001
.table-bordered tfoot tr td:first-child {
4002
border-left: 1px solid #ddd;
4003
}
4004
.table-bordered tbody tr td:last-child,
4005
.table-bordered tfoot tr td:last-child {
4006
border-right: 1px solid #ddd;
4007
}
4008
.table-bordered tfoot tr td:first-child {
4009
border-bottom: 1px solid #ddd;
4010
-moz-border-radius-bottomleft: 4px;
4011
-webkit-border-bottom-left-radius: 4px;
4012
border-bottom-left-radius: 4px;
4013
}
4014
.table-bordered tfoot tr td:last-child {
4015
border-bottom: 1px solid #ddd;
4016
-moz-border-radius-bottomright: 4px;
4017
-webkit-border-bottom-right-radius: 4px;
4018
border-bottom-right-radius: 4px;
4019
}
4020
.table_title h3,
4021
.table_header h3 {
4022
font-family: anivers;
4023
font-weight: normal;
4024
font-size: 24px;
4025
margin-bottom: 5px;
4026
float: left;
4027
}
4028
.table th.header {
4029
cursor: pointer;
4030
}
4031
.table th.header:hover {
4032
background-color: #e8e8e8;
4033
text-decoration: underline;
4034
}
4035
.table tbody td.anchor a {
4036
display: block;
4037
padding: 8px;
4038
}
4039
.table tr.table_caption th.header:hover {
4040
background-color: transparent;
4041
cursor: default;
4042
}
4043
.table th.headerSortUp:hover,
4044
.table th.headerSortDown:hover {
4045
background-color: #dfdfdf;
4046
}
4047
.table th.headerSortUp,
4048
.table th.headerSortDown {
4049
background-color: #dfdfdf;
4050
background-repeat: no-repeat;
4051
background-position: 98% center;
4052
}
4053
.table th.headerSortDown {
4054
background-image: url(/static/dashboard/img/drop_arrow.png);
4055
}
4056
.table th.headerSortUp {
4057
background-image: url(/static/dashboard/img/up_arrow.png);
4058
}
4059
.table tr.summation td:first-child,
4060
.table tr.summation td:last-child {
4061
border-radius: 0;
4062
border-bottom: 0 none;
4063
}
4064
th {
4065
background: #f1f1f1;
4066
}
4067
td.anchor {
4068
padding: 0;
4069
}
4070
small {
4071
font-size: 11px;
4072
}
4073
.main_nav {
4074
list-style: none;
4075
width: 222px;
4076
margin: 10px 0 20px 0;
4077
}
4078
.main_nav a {
4079
color: #999;
4080
width: 185px;
4081
padding: 10px;
4082
display: block;
4083
margin-left: 20px;
4084
}
4085
.main_nav a.active {
4086
background: #fff;
4087
border: 2px solid #d8d8d8;
4088
border-right: 0;
4089
border-bottom-color: #ccc;
4090
}
4091
table form {
4092
margin-bottom: 0;
4093
width: 1px;
4094
}
4095
.messages {
4096
position: fixed;
4097
z-index: 9999;
4098
top: 20px;
4099
right: 20px;
4100
width: 300px;
4101
}
4102
.messages .alert-block {
4103
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
4104
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
4105
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
4106
}
4107
.messages .alert-block.alert-error {
4108
border: 1px solid #9d261d;
4109
}
4110
.messages .alert-block.alert-success {
4111
border: 1px solid #46a546;
4112
}
4113
.alert-block .alert-actions {
4114
margin-top: -23px;
4115
margin-right: -23px;
4116
}
4117
.modal > form,
4118
.login > form,
4119
.alert-actions > form {
4120
margin-bottom: 0;
4121
}
4122
.alert-block p {
4123
overflow: hidden;
4124
word-wrap: break-word;
4125
}
4126
.alert-block p:last-child {
4127
margin-bottom: 0;
4128
}
4129
#actions.single {
4130
width: 90px;
4131
}
4132
.table-striped tr td {
4133
transition: background 0.2s;
4134
-webkit-transition: background 0.2s;
4135
-moz-transition: background 0.2s;
4136
-o-transition: background 0.2s;
4137
}
4138
.inspect {
4139
float: left;
4140
display: block;
4141
margin-top: 5px;
4142
margin-right: 25px;
4143
}
4144
.table {
4145
margin-bottom: 25px;
4146
}
4147
.table tr td {
4148
vertical-align: middle;
4149
}
4150
.table tr.empty td {
4151
text-align: center;
4152
}
4153
.table tfoot tr td {
4154
border-top: 1px solid #DDD;
4155
background-color: #F1F1F1;
4156
font-size: 11px;
4157
line-height: 14px;
4158
}
4159
.table_actions {
4160
float: right;
4161
min-width: 400px;
4162
}
4163
.table_actions .table_search,
4164
.table_actions .table_filter {
4165
display: inline-block;
4166
}
4167
.table_search input {
4168
background: url(/static/dashboard/img/search.png) no-repeat 195px 5px;
4169
display: inline-block;
4170
margin-bottom: 0;
4171
}
4172
.table_actions a,
4173
.table_actions button {
4174
float: right;
4175
margin-left: 10px;
4176
}
4177
.table_actions button.filter {
4178
margin-left: 0;
4179
}
4180
.table_actions a.btn-create,
4181
.table_actions a.btn-launch {
4182
padding-left: 23px;
4183
position: relative;
4184
}
4185
.table_actions a.btn-create:before,
4186
.table_actions a.btn-launch:before {
4187
display: inline-block;
4188
content: "";
4189
width: 18px;
4190
height: 20px;
4191
margin-top: 1px;
4192
*margin-right: .3em;
4193
line-height: 14px;
4194
background-image: url("/static/bootstrap/img/glyphicons-halflings.png");
4195
background-position: -403px -92px;
4196
background-repeat: no-repeat;
4197
position: absolute;
4198
top: 0px;
4199
left: 0px;
4200
}
4201
.table_actions a.btn-download {
4202
padding-left: 23px;
4203
position: relative;
4204
}
4205
.table_actions a.btn-download:before {
4206
display: inline-block;
4207
content: "";
4208
width: 18px;
4209
height: 20px;
4210
margin-top: 1px;
4211
*margin-right: .3em;
4212
line-height: 14px;
4213
background-image: url("/static/bootstrap/img/glyphicons-halflings.png");
4214
background-position: -91px -19px;
4215
background-repeat: no-repeat;
4216
position: absolute;
4217
top: 0px;
4218
left: 0px;
4219
}
4220
.table_actions a.btn-upload {
4221
padding-left: 23px;
4222
position: relative;
4223
}
4224
.table_actions a.btn-upload:before {
4225
display: inline-block;
4226
content: "";
4227
width: 18px;
4228
height: 20px;
4229
margin-top: 1px;
4230
*margin-right: .3em;
4231
line-height: 14px;
4232
background-image: url("/static/bootstrap/img/glyphicons-halflings.png");
4233
background-position: -283px -92px;
4234
background-repeat: no-repeat;
4235
position: absolute;
4236
top: 0px;
4237
left: 0px;
4238
}
4239
.table_actions button.btn-delete,
4240
.table_actions button.btn-terminate {
4241
padding-left: 23px;
4242
position: relative;
4243
}
4244
.table_actions button.btn-delete:before,
4245
.table_actions button.btn-terminate:before {
4246
display: inline-block;
4247
content: "";
4248
width: 18px;
4249
height: 20px;
4250
margin-top: 1px;
4251
*margin-right: .3em;
4252
line-height: 14px;
4253
background-image: url("/static/bootstrap/img/glyphicons-halflings-white.png");
4254
background-position: -451px 5px;
4255
background-repeat: no-repeat;
4256
position: absolute;
4257
top: 0px;
4258
left: 0px;
4259
}
4260
.table_header .table_actions {
4261
min-width: 0;
4262
}
4263
.table_header .table_actions a,
4264
.table_header .table_actions > button,
4265
.table_header .table_actions .table_search button {
4266
display: inline-block;
4267
float: none;
4268
}
4269
.table_header .table_filter {
4270
vertical-align: bottom;
4271
margin-right: 20px;
4272
}
4273
.table_header .table_filter i {
4274
vertical-align: middle;
4275
}
4276
.table_actions form {
4277
float: right;
4278
margin-left: 10px;
4279
}
4280
.hidden {
4281
display: none;
4282
}
4283
/*
4284
* Bootstrap styles table backgrounds using nth-child(2n+1), which is
4285
* oblivious to hidden elements. The styles below allow us to override
4286
* the bootstrap style when neccessary by setting the odd/even classes.
4287
*/
4288
.table-striped.datatable tbody tr.odd td {
4289
background-color: #f9f9f9;
4290
}
4291
.table-striped.datatable tbody tr.even td {
4292
background-color: inherit;
4293
}
4294
.table-striped.datatable tbody tr.odd:hover td,
4295
.table-striped.datatable tbody tr.even:hover td,
4296
.table-striped.datatable tbody tr:hover th {
4297
background-color: #f5f5f5;
4298
}
4299
.table-striped tbody tr.status_unknown:nth-child(odd) td {
4300
background-color: #ffffb5;
4301
}
4302
.table-striped tbody tr.status_unknown:nth-child(even) td {
4303
background-color: #ffffc6;
4304
}
4305
.nowrap-col {
4306
white-space: nowrap;
4307
}
4308
.overview {
4309
font-size: 24px;
4310
}
4311
#monitoring {
4312
background: #f8f8f8;
4313
font-size: 14px;
4314
height: 20px;
4315
margin: -18px 0 25px;
4316
padding: 10px;
4317
border: 1px solid #e1e1e1;
4318
font-family: "anivers";
4319
}
4320
#monitoring h3 {
4321
font-size: 14px;
4322
font-weight: normal;
4323
float: left;
4324
line-height: 18px;
4325
}
4326
#external_links,
4327
#external_links li {
4328
float: left;
4329
}
4330
#external_links li {
4331
margin: 0 0 0 15px;
4332
}
4333
/* Forms */
4334
form label {
4335
text-align: left;
4336
color: #555;
4337
font-weight: bold;
4338
}
4339
.modal {
4340
width: 700px;
4341
max-height: none;
4342
/* Prevents large modals from scrolling unnecessarily */
4343
4344
top: 80px;
4345
margin-top: 0;
4346
position: absolute;
4347
}
4348
.modal.loading {
4349
width: 150px;
4350
height: 150px;
4351
margin: 0 auto;
4352
overflow: hidden;
4353
}
4354
.modal.loading p {
4355
text-align: center;
4356
position: absolute;
4357
bottom: 0;
4358
width: 150px;
4359
}
4360
form.horizontal .form-field {
4361
float: left;
4362
}
4363
form.horizontal.split_half .form-field {
4364
width: 334px;
4365
/* Fits 2 fields to a row */
4366
4367
}
4368
form.horizontal.split_quarter .form-field {
4369
width: 167px;
4370
/* Fits 4 fields to a row */
4371
4372
}
4373
form.horizontal.split_five .form-field {
4374
width: 133px;
4375
/* Fits 5 fields to a row */
4376
4377
}
4378
form.horizontal fieldset {
4379
width: 100%;
4380
}
4381
.modal-body {
4382
overflow-y: visible;
4383
max-height: none;
4384
}
4385
.modal-body table {
4386
margin-bottom: 30px;
4387
}
4388
.modal-body ~ hr {
4389
margin-bottom: 0;
4390
}
4391
.static_page {
4392
float: left;
4393
width: 700px;
4394
background-color: #FFF;
4395
border: 1px solid #DDD;
4396
}
4397
.static_page > form {
4398
margin-bottom: 0;
4399
}
4400
.left {
4401
float: left;
4402
width: 347px;
4403
margin-right: 15px;
4404
}
4405
.left form {
4406
margin: 0;
4407
}
4408
.right {
4409
float: left;
4410
width: 308px;
4411
}
4412
.workflow ul.nav-tabs {
4413
padding: 0 10px;
4414
}
4415
.workflow td.actions {
4416
vertical-align: top;
4417
width: 308px;
4418
padding-right: 10px;
4419
}
4420
.workflow td.help_text {
4421
vertical-align: top;
4422
width: 340px;
4423
padding-left: 10px;
4424
border-left: 1px solid #DDD;
4425
}
4426
.workflow fieldset > table {
4427
margin-bottom: 0;
4428
}
4429
.clear {
4430
clear: both;
4431
width: 0;
4432
height: 0;
4433
padding: 0;
4434
margin: 0;
4435
}
4436
.modal-body fieldset {
4437
margin: 0;
4438
padding: 0;
4439
}
4440
.modal-body fieldset ul {
4441
width: 90%;
4442
}
4443
.modal-body fieldset .form-field input,
4444
.modal-body fieldset .form-field textarea {
4445
width: 298px;
4446
}
4447
.modal-body fieldset .form-field select {
4448
width: 308px;
4449
}
4450
.modal-body fieldset .form-field textarea {
4451
height: 36px;
4452
}
4453
.modal-footer input {
4454
width: auto;
4455
}
4456
.modal-body .modal-footer {
4457
width: 670px;
4458
margin-left: -25px;
4459
margin-right: -15px;
4460
}
4461
.modal-footer a.close {
4462
margin-top: 0;
4463
margin-right: 5px;
4464
font-size: 12px;
4465
color: #666;
4466
font-weight: normal;
4467
filter: alpha(opacity=100);
4468
-khtml-opacity: 1;
4469
-moz-opacity: 1;
4470
opacity: 1;
4471
}
4472
.modal-footer a.close:hover {
4473
color: #333;
4474
text-decoration: underline;
4475
}
4476
.modal-body .help-block {
4477
text-align: left;
4478
float: left;
4479
width: 100%;
4480
margin-bottom: 10px;
4481
}
4482
#create_keypair_modal .clearfix {
4483
margin-bottom: 115px;
4484
}
4485
#actions {
4486
width: 90px;
4487
}
4488
#actions .btn {
4489
margin-bottom: 5px;
4490
}
4491
#actions a.btn {
4492
width: 70px;
4493
}
4494
#actions input.btn {
4495
text-align: left;
4496
}
4497
#images #actions {
4498
width: 100px;
4499
}
4500
/*New List Patches*/
4501
.details-modal .modal-body {
4502
padding-bottom: 20px;
4503
}
4504
.form-inline {
4505
display: inline;
4506
}
4507
.form-inline input,
4508
.form-inline button,
4509
.form-inline a.btn {
4510
margin-left: 5px;
4511
}
4512
td.select {
4513
width: 10px;
4514
}
4515
/* Actions dropdown */
4516
td.actions_column {
4517
white-space: nowrap;
4518
padding: 10px;
4519
position: relative;
4520
width: 200px;
4521
}
4522
td.actions_column .btn-group {
4523
display: inline-block;
4524
}
4525
td.actions_column .row_actions a,
4526
td.actions_column .row_actions input,
4527
td.actions_column .row_actions button {
4528
background: none;
4529
float: none;
4530
display: block;
4531
padding: 5px 10px;
4532
color: black;
4533
text-align: left;
4534
border-radius: 0;
4535
border: 0 none;
4536
-webkit-box-shadow: none;
4537
-moz-box-shadow: none;
4538
box-shadow: none;
4539
}
4540
td.actions_column .row_actions .hide {
4541
display: none;
4542
}
4543
td.actions_column .btn-action-required {
4544
font-weight: bold;
4545
}
4546
/* Makes size consistent across browsers when mixing "btn-group" and "small" */
4547
.btn.hide,
4548
.btn-group .hide {
4549
display: none;
4550
}
4551
.btn-group .dropdown-toggle:focus {
4552
outline: none;
4553
}
4554
.dropdown-menu button {
4555
line-height: 18px;
4556
/* Matches rule for ".dropdown-menu a" in bootstrap */
4557
4558
width: 100%;
4559
}
4560
.btn-group .dropdown-menu .btn {
4561
border-radius: 0;
4562
}
4563
.dropdown-menu .btn.btn-danger,
4564
.dropdown-menu .btn.btn-danger:hover,
4565
.dropdown-menu .btn.btn-success,
4566
.dropdown-menu .btn.btn-success:hover,
4567
.dropdown-menu .btn.btn-info,
4568
.dropdown-menu .btn.btn-info:hover {
4569
text-shadow: none;
4570
/* remove default bootstrap shadowing from button text. */
4571
4572
}
4573
.dropdown-menu li:hover {
4574
background: none;
4575
}
4576
.dropdown-menu li.divider:hover {
4577
background-color: #E5E5E5;
4578
}
4579
td.actions_column .dropdown-menu a:hover,
4580
td.actions_column .dropdown-menu button:hover {
4581
background-color: #CDCDCD;
4582
}
4583
.dropdown-menu .btn.btn-danger {
4584
color: #C43C35;
4585
}
4586
.dropdown-menu .btn.btn-danger:hover {
4587
background-color: #f6e0df;
4588
}
4589
/* Overrides for single-action rows (no dropdown) */
4590
tr td.actions_column ul.row_actions.single,
4591
tr:hover td.actions_column ul.row_actions.single,
4592
td.actions_column ul.row_actions.single,
4593
td.actions_column ul.row_actions.single:hover {
4594
border: none;
4595
}
4596
td.actions_column ul.row_actions.single li.action {
4597
display: block;
4598
}
4599
td.actions_column ul.row_actions.single li.action:hover {
4600
background-color: transparent;
4601
}
4602
td.actions_column ul.row_actions.single a,
4603
td.actions_column ul.row_actions.single input,
4604
td.actions_column ul.row_actions.single button {
4605
color: #43a1d6;
4606
}
4607
td.actions_column ul.row_actions.single a:hover,
4608
td.actions_column ul.row_actions.single input:hover,
4609
td.actions_column ul.row_actions.single button:hover {
4610
color: black;
4611
}
4612
th.multi_select_column,
4613
td.multi_select_column {
4614
width: 25px;
4615
}
4616
th.multi_select_column,
4617
td.multi_select_column {
4618
text-align: center;
4619
}
4620
.table-fixed {
4621
table-layout: fixed;
4622
}
4623
.table input[type="checkbox"] {
4624
display: inline;
4625
}
4626
div.input input[type="checkbox"] {
4627
float: left;
4628
width: 25px;
4629
}
4630
.table_title a {
4631
font-size: 11px;
4632
float: right;
4633
margin-left: 10px;
4634
margin-top: 10px;
4635
}
4636
tr.terminated {
4637
color: #999999;
4638
}
4639
#instance_tabs {
4640
float: left;
4641
width: 100%;
4642
border-bottom: 1px solid #e1e1e1;
4643
}
4644
#instance_tabs li a {
4645
background: #f2f2f2;
4646
display: block;
4647
font-size: 14px;
4648
float: left;
4649
padding: 5px 10px;
4650
margin-right: 10px;
4651
border: 1px solid #e1e1e1;
4652
border-bottom: none;
4653
}
4654
#instance_tabs li.active a {
4655
background: #fff;
4656
padding-bottom: 8px;
4657
margin-bottom: -5px;
4658
}
4659
#main_content .nav-tabs {
4660
margin-bottom: 0;
4661
}
4662
#main_content .tab-content {
4663
border: 1px solid #ddd;
4664
border-top: 0 none;
4665
padding: 10px;
4666
}
4667
#main_content .workflow .modal-body {
4668
padding-left: 0;
4669
padding-right: 0;
4670
}
4671
#main_content .workflow .modal-body .tab-content {
4672
border-left: 0 none;
4673
border-right: 0 none;
4674
border-bottom: 0 none;
4675
}
4676
.tab_wrapper {
4677
padding-top: 50px;
4678
}
4679
/* Fix tooltip z-index to show above modals. Bootstrap bug 582*/
4680
.tooltip {
4681
z-index: 12000;
4682
}
4683
.volume_boot_disclosure {
4684
font-weight: bold;
4685
color: #555;
4686
cursor: pointer;
4687
background-image: url(/static/dashboard/img/right_droparrow.png);
4688
background-repeat: no-repeat;
4689
background-position: 130px center;
4690
}
4691
.volume_boot_disclosure.on {
4692
width: 334px;
4693
margin-bottom: 10px;
4694
border-bottom: solid 1px #E1E1E1;
4695
background-image: url(/static/dashboard/img/drop_arrow.png);
4696
}
4697
form div.clearfix.error {
4698
width: 308px;
4699
}
4700
.nav-tabs a {
4701
cursor: pointer;
4702
}
4703
.nav-tabs li.error a {
4704
color: #B94A48;
4705
}
4706
.nav-tabs li.error a:after {
4707
content: "*";
4708
}
4709
/* Region selector in header */
4710
#region_selector {
4711
position: absolute;
4712
z-index: 9999;
4713
right: 0;
4714
top: 24px;
4715
}
4716
#region_selector a {
4717
margin-left: 0;
4718
}
4719
#region_selector ul {
4720
float: left;
4721
margin-left: 5px;
4722
padding-right: 21px;
4723
width: 125px;
4724
}
4725
#region_selector ul:hover a {
4726
display: block;
4727
}
4728
#region_selector li a {
4729
padding: 3px 3px 3px 5px;
4730
display: none;
4731
background: #E1E1E1;
4732
margin-top: -10px;
4733
}
4734
#region_selector li:first-child p {
4735
background: #ededed url(/static/dashboard/img/drop_arrow.png) no-repeat 106px 9px !important;
4736
display: block;
4737
border: 1px solid #e1e1e1;
4738
padding: 5px;
4739
}
4740
iframe {
4741
border: none;
4742
}
4743
.item_detail ul li label {
4744
color: #000;
4745
font-weight: bold;
4746
display: block;
4747
margin-top: 5px;
4748
}
4749
.progress_bar {
4750
height: 100%;
4751
width: 100%;
4752
border: 1px solid #CCC;
4753
background-color: #CCC;
4754
}
4755
.progress_bar_fill,
4756
.progress_bar_selected {
4757
height: 100%;
4758
float: left;
4759
}
4760
.progress_bar_fill {
4761
background-color: #666;
4762
}
4763
.progress_bar_selected {
4764
background-color: #4790AE;
4765
width: 0;
4766
}
4767
.progress_bar_over {
4768
background-color: red;
4769
}
4770
.quota_title {
4771
color: #999;
4772
padding-bottom: 0;
4773
margin-bottom: 8px;
4774
}
4775
.quota_title strong {
4776
color: #000;
4777
}
4778
.quota_title strong span {
4779
font-weight: normal;
4780
}
4781
.quota_title p {
4782
float: right;
4783
margin-bottom: 0;
4784
}
4785
.quota_bar {
4786
height: 15px;
4787
margin: -8px 0 8px;
4788
}
4789
div .flavor_table {
4790
border: 1px solid #AAA;
4791
width: 100%;
4792
margin-bottom: 14px;
4793
}
4794
.flavor_table .flavor_name {
4795
white-space: nowrap;
4796
font-weight: bold;
4797
text-align: left;
4798
padding: 7px 12px 7px 7px;
4799
width: 160px;
4800
}
4801
#main_content .row-fluid {
4802
margin: 10px 0 20px;
4803
}
4804
#main_content .row-fluid:last-child {
4805
margin-bottom: 0;
4806
}
4807
.header_rule {
4808
margin: 0 0 10px;
4809
}
4810
.item_detail .detail_section {
4811
margin-bottom: 25px;
4812
float: left;
4813
margin-right: 50px;
4814
}
4815
.error .help-inline,
4816
.dynamic-error {
4817
background: #efdfdf;
4818
border: 1px solid #ead5d8;
4819
padding: 10px;
4820
display: block;
4821
}
4822
.dynamic-error {
4823
color: #b94a48;
4824
margin-bottom: 0.5em;
4825
}
4826
label.log-length {
4827
line-height: 28px;
4828
margin-right: 10px;
4829
}
4830
.progress-success.bar {
4831
background-color: #5eb95e;
4832
background-image: -moz-linear-gradient(top, #62c462, #57a957);
4833
background-image: -ms-linear-gradient(top, #62c462, #57a957);
4834
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
4835
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
4836
background-image: -o-linear-gradient(top, #62c462, #57a957);
4837
background-image: linear-gradient(top, #62c462, #57a957);
4838
background-repeat: repeat-x;
4839
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
4840
}
4841
.progress_bar_fill.progress-warning.bar {
4842
background-color: #898989;
4843
background-image: -moz-linear-gradient(top, #999999, #333333);
4844
background-image: -ms-linear-gradient(top, #999999, #333333);
4845
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#333333));
4846
background-image: -webkit-linear-gradient(top, #999999, #333333);
4847
background-image: -o-linear-gradient(top, #999999, #333333);
4848
background-image: linear-gradient(top, #999999, #333333);
4849
background-repeat: repeat-x;
4850
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0);
4851
}
4852
.progress_bar_over.bar {
4853
background-color: #dd514c;
4854
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
4855
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
4856
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
4857
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
4858
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
4859
background-image: linear-gradient(top, #ee5f5b, #c43c35);
4860
background-repeat: repeat-x;
4861
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
4862
}
4863
.split_five div.control-group input[type="text"],
4864
.split_five div.control-group select {
4865
width: 120px;
4866
}
4867
.warning {
4868
background-color: #f2dede;
4869
border-bottom: 1px solid #9d261d;
4870
padding: 5px 10px;
4871
}
4872
.warning .warning-text {
4873
text-align: center;
4874
}
4875
.warning .warning-text h3,
4876
.warning .warning-text a {
4877
display: inline-block;
4878
}
4879
.warning .warning-text h3 {
4880
vertical-align: bottom;
4881
}
4882
#admin_warning_detail ul {
4883
list-style: circle;
4884
padding-left: 20px;
4885
margin-bottom: 10px;
4886
}
4887
.no_split {
4888
margin-top: -60px;
4889
}
4890
/* Project Membership UI */
4891
.project_membership {
4892
min-height: 200px;
4893
/* Buttons */
4894
4895
/* Header */
4896
4897
/* 'Fake table' body */
4898
4899
/* User lists */
4900
4901
/* List filtering */
4902
4903
/* Role dropdown menus */
4904
4905
}
4906
.project_membership .btn-group {
4907
margin-left: 0px;
4908
padding: 2px 10px 0 0;
4909
margin-bottom: 0px;
4910
border: 1px solid #DDD;
4911
border-bottom: none;
4912
}
4913
.project_membership .btn-group .active {
4914
float: right;
4915
}
4916
.project_membership a.btn-primary:hover {
4917
background-color: #04C;
4918
}
4919
.project_membership .help_text {
4920
margin-left: 15px;
4921
margin-bottom: 15px;
4922
}
4923
.project_membership .users_title {
4924
color: #555;
4925
font-weight: bold;
4926
padding-left: 10px;
4927
float: left;
4928
}
4929
.project_membership input {
4930
background: url(/static/dashboard/img/search.png) no-repeat 105px 5px whiteSmoke;
4931
}
4932
.project_membership .fake_table_header {
4933
background-color: #F1F1F1;
4934
width: 306px;
4935
height: 38px;
4936
padding-top: 15px;
4937
border: 1px solid #DDD;
4938
border-bottom: none;
4939
}
4940
.project_membership .fake_table {
4941
margin-left: 5px;
4942
width: 315px;
4943
}
4944
.project_membership .fake_table ul.no_results {
4945
width: 298px;
4946
}
4947
.project_membership .fake_table ul.btn-group:hover {
4948
background-color: #DDD;
4949
}
4950
.project_membership .left .fake_table_header {
4951
width: 318px;
4952
}
4953
.project_membership .right .fake_table_header {
4954
width: 318px;
4955
margin-left: -15px;
4956
}
4957
.project_membership .right .fake_table ul.no_results {
4958
margin-left: -20px;
4959
}
4960
.project_membership .member {
4961
padding: 10px;
4962
text-align: left;
4963
}
4964
.project_membership .project_members {
4965
margin-left: -20px;
4966
}
4967
.project_membership .project_members ul.btn-group,
4968
.project_membership .available_users ul.btn-group {
4969
width: 308px;
4970
}
4971
.project_membership .dark_stripe {
4972
background-color: #F9F9F9;
4973
}
4974
.project_membership .light_stripe {
4975
background-color: white;
4976
}
4977
.project_membership .last_stripe {
4978
border-bottom: 1px solid #DDD;
4979
}
4980
.project_membership .filter {
4981
width: 120px;
4982
margin: -5px 13px 15px 0px;
4983
float: right;
4984
}
4985
.project_membership .no_results {
4986
border: 1px solid #DDD;
4987
padding: 10px;
4988
opacity: 0.5;
4989
}
4990
.project_membership .role_dropdown li {
4991
cursor: pointer;
4992
background: none;
4993
float: none;
4994
display: block;
4995
padding: 5px 10px;
4996
color: black;
4997
text-align: left;
4998
border-radius: 0;
4999
border: 0 none;
5000
-webkit-box-shadow: none;
5001
-moz-box-shadow: none;
5002
box-shadow: none;
5003
z-index: 99999;
5004
}
5005
.project_membership .role_dropdown li i {
5006
opacity: 0;
5007
}
5008
.project_membership .role_dropdown li:hover {
5009
background-color: #CDCDCD;
5010
}
5011
.project_membership .role_dropdown li.selected i {
5012
opacity: 1;
5013
}
5014
.project_membership .dropdown-menu.role_dropdown {
5015
right: 0;
5016
left: auto;
5017
}
5018
.project_membership .nav .role_options {
5019
float: right;
5020
padding-right: 5px;
5021
}
5022
/* Inline user creation */
5023
.add_user_btn {
5024
display: inline;
5025
}
5026
#add_user {
5027
clear: both;
5028
}
5029
.add_user {
5030
float: right;
5031
margin-top: 10px;
5032
margin-right: 15px;
5033
}
5034
/* Fixes overflow on dropdowns in modal */
5035
.dropdown_fix {
5036
overflow: visible;
5037
}
5038
/* Replaces CPU hungry spin.js with animated gif */
5039
.loading_gif {
5040
width: 35px;
5041
height: 13px;
5042
padding-top: 2px;
5043
padding-right: 5px;
5044
float: left;
5045
}
5046
.action_required_img {
5047
width: 35px;
5048
height: 13px;
5049
padding-top: 2px;
5050
padding-right: 5px;
5051
float: left;
5052
}
5053
/* ResourceBrowser style */
5054
#browser_wrapper {
5055
width: 100%;
5056
min-width: 1000px;
5057
background-color: #eeeeee;
5058
border: 1px solid #dddddd;
5059
-webkit-border-radius: 4px;
5060
-moz-border-radius: 4px;
5061
border-radius: 4px;
5062
}
5063
#browser_wrapper .tfoot {
5064
clear: both;
5065
padding: 8px;
5066
border-top: 1px solid #dddddd;
5067
background-color: #F1F1F1;
5068
font-size: 11px;
5069
line-height: 14px;
5070
}
5071
#browser_wrapper .tfoot span {
5072
display: inline-block;
5073
}
5074
#browser_wrapper .tfoot span.navigation_table_count {
5075
width: 30%;
5076
}
5077
#browser_wrapper form,
5078
#browser_wrapper table {
5079
margin-bottom: 0;
5080
}
5081
#browser_wrapper .navigation_wrapper,
5082
#browser_wrapper .content_wrapper {
5083
position: relative;
5084
float: left;
5085
}
5086
#browser_wrapper div.navigation_wrapper {
5087
z-index: 10;
5088
width: 30%;
5089
}
5090
#browser_wrapper div.navigation_wrapper div.table_wrapper,
5091
#browser_wrapper div.navigation_wrapper thead th.table_header {
5092
border-right: 0 none;
5093
border-top-right-radius: 0;
5094
}
5095
#browser_wrapper div.navigation_wrapper td:first-child {
5096
border-left: 0 none;
5097
}
5098
#browser_wrapper div.navigation_wrapper td.breadcrumb_td {
5099
padding-right: 0px;
5100
max-width: 200px;
5101
}
5102
#browser_wrapper div.navigation_wrapper tr.current_selected td {
5103
background-color: #E9F5FA;
5104
}
5105
#browser_wrapper div.navigation_wrapper tfoot td {
5106
border-right: 0 none;
5107
border-bottom-right-radius: 0;
5108
}
5109
#browser_wrapper div.navigation_wrapper ul.breadcrumb {
5110
padding-right: 0px;
5111
border-top-right-radius: 0px;
5112
border-bottom-right-radius: 0px;
5113
border-right: none;
5114
white-space: nowrap;
5115
}
5116
#browser_wrapper div.navigation_wrapper tbody td {
5117
border-right: 1px solid #dddddd;
5118
background-color: #ffffff;
5119
}
5120
#browser_wrapper div.content_wrapper {
5121
width: 70%;
5122
/* FIXME(Ke Wu): for now there are two breadcrumb tr in both table
5123
* and this one in the content table is hidden. This hack is made to
5124
* fix the alignment of two table, needs a better solution in the
5125
* future.
5126
*/
5127
5128
}
5129
#browser_wrapper div.content_wrapper div.table_wrapper,
5130
#browser_wrapper div.content_wrapper thead th.table_header {
5131
border-left: 0 none;
5132
border-top-left-radius: 0;
5133
}
5134
#browser_wrapper div.content_wrapper td {
5135
border-bottom: 1px solid #dddddd;
5136
}
5137
#browser_wrapper div.content_wrapper td:last-child {
5138
border-right: 0 none;
5139
}
5140
#browser_wrapper div.content_wrapper td.breadcrumb_td {
5141
padding-left: 0px;
5142
}
5143
#browser_wrapper div.content_wrapper tfoot td {
5144
border-left: 0 none;
5145
border-bottom-left-radius: 0;
5146
}
5147
#browser_wrapper div.content_wrapper ul.breadcrumb {
5148
padding-left: 0px;
5149
border-top-left-radius: 0px;
5150
border-bottom-left-radius: 0px;
5151
border-left: none;
5152
}
5153
#browser_wrapper div.content_wrapper ul.breadcrumb li {
5154
visibility: hidden;
5155
}
5156
#browser_wrapper table {
5157
border-collapse: collapse;
5158
}
5159
#browser_wrapper table thead tr th {
5160
border-bottom: none;
5161
background-color: #eeeeee;
5162
}
5163
#browser_wrapper table tbody tr:last-child td {
5164
border-bottom: 1px solid #ddd;
5165
border-radius: 0;
5166
}
5167
#browser_wrapper table tbody tr.empty td {
5168
height: 28px;
5169
padding: 10px;
5170
}
5171
#browser_wrapper table tbody td.actions_column {
5172
position: static;
5173
}
5174
#browser_wrapper .breadcrumb {
5175
padding: 6px;
5176
margin: 0 0 1px 0;
5177
}
5178
/* Styling for inline object creation buttons */
5179
.btn-inline {
5180
margin-bottom: 9px;
5181
}
5182
.modal-body fieldset .form-field select[data-add-item-url] {
5183
width: 275px;
5184
margin-right: 2px;
5185
}
5186
/* Styling for draged network object */
5187
#networkListSortContainer {
5188
display: none;
5189
}
5190
.networklist {
5191
padding: 6px;
5192
background: #eee;
5193
border: 1px solid #ccc;
5194
min-height: 2em;
5195
width: auto !important;
5196
-webkit-box-sizing: border-box;
5197
-moz-box-sizing: border-box;
5198
box-sizing: border-box;
5199
}
5200
.networklist li {
5201
width: 226px;
5202
list-style-type: none;
5203
margin: 6px auto;
5204
padding: 3px;
5205
background: #fff;
5206
border: 1px solid #aaa;
5207
line-height: 18px;
5208
border-radius: 3px;
5209
cursor: move;
5210
padding-left: 23px;
5211
background: #ffffff url(/static/dashboard/img/drag.png) no-repeat 11px 50%;
5212
}
5213
.networklist li em {
5214
font-size: 0.5em;
5215
line-height: 1em;
5216
color: #999;
5217
font-style: normal;
5218
margin-left: 0.8em;
5219
}
5220
.networklist li i {
5221
margin-right: 5px;
5222
vertical-align: middle;
5223
}
5224
.networklist li a.btn {
5225
-webkit-box-sizing: border-box;
5226
-moz-box-sizing: border-box;
5227
box-sizing: border-box;
5228
font-size: 11px;
5229
line-height: 12px;
5230
padding: 2px 5px 3px;
5231
margin-right: 1px;
5232
width: 18px;
5233
text-align: center;
5234
right: 5px;
5235
vertical-align: middle;
5236
float: right;
5237
}
5238
.networklist li a.btn:before {
5239
content: "+";
5240
}
5241
.networklist li.ui-sortable-helper {
5242
background-color: #def;
5243
}
5244
.networklist li.ui-state-highlight {
5245
border: 1px dotted #ccc;
5246
background: #efefef;
5247
height: 0.5em;
5248
}
5249
.networklist li:after {
5250
visibility: hidden;
5251
display: block;
5252
font-size: 0;
5253
content: " ";
5254
clear: both;
5255
height: 0;
5256
}
5257
#selected_network {
5258
margin-bottom: 1.5em;
5259
counter-reset: v1 0;
5260
background: #edf9ff;
5261
border: 1px solid #c0d9e4;
5262
}
5263
#selected_network li {
5264
position: relative;
5265
}
5266
#selected_network li a.btn:before {
5267
content: "-";
5268
}
5269
#selected_network li:before {
5270
content: "nic:" counter(v1);
5271
counter-increment: v1;
5272
display: inline-block;
5273
margin-right: 5px;
5274
background: #666;
5275
color: #fff;
5276
font-size: 90%;
5277
padding: 0px 4px;
5278
vertical-align: middle;
5279
border-radius: 2px;
5280
position: absolute;
5281
left: -2em;
5282
}
5283
#selected_network.dragging li:before {
5284
content: "nic:";
5285
background-color: rgba(102, 102, 102, 0.5);
5286
padding-right: 10px;
5287
}
5288
#selected_network.dragging li.ui-state-highlight:before {
5289
content: "";
5290
background: transparent;
5291
}
5292
/* Styling for network topology */
5293
@-webkit-keyframes progress-bar-stripes {
5294
from {
5295
background-position: 20px 0;
5296
}
5297
to {
5298
background-position: 0 0;
5299
}
5300
}
5301
@-moz-keyframes progress-bar-stripes {
5302
from {
5303
background-position: 20px 0;
5304
}
5305
to {
5306
background-position: 0 0;
5307
}
5308
}
5309
@-ms-keyframes progress-bar-stripes {
5310
from {
5311
background-position: 20px 0;
5312
}
5313
to {
5314
background-position: 0 0;
5315
}
5316
}
5317
@-o-keyframes progress-bar-stripes {
5318
from {
5319
background-position: 0 0;
5320
}
5321
to {
5322
background-position: 20px 0;
5323
}
5324
}
5325
@keyframes progress-bar-stripes {
5326
from {
5327
background-position: 20px 0;
5328
}
5329
to {
5330
background-position: 0 0;
5331
}
5332
}
5333
#topologyCanvas {
5334
-webkit-box-sizing: border-box;
5335
-moz-box-sizing: border-box;
5336
-ms-box-sizing: border-box;
5337
-o-box-sizing: border-box;
5338
box-sizing: border-box;
5339
width: 100%;
5340
height: 500px;
5341
padding: 25px;
5342
padding-left: 50px;
5343
background: #efefef;
5344
}
5345
#topologyCanvas div.nodata {
5346
font-size: 150%;
5347
font-weight: bold;
5348
text-align: center;
5349
padding-top: 200px;
5350
display: none;
5351
}
5352
div.networks {
5353
height: 100%;
5354
}
5355
div.network {
5356
-webkit-box-sizing: border-box;
5357
-moz-box-sizing: border-box;
5358
-ms-box-sizing: border-box;
5359
-o-box-sizing: border-box;
5360
box-sizing: border-box;
5361
float: left;
5362
width: 270px;
5363
height: 100%;
5364
position: relative;
5365
}
5366
div.network .nicname {
5367
-webkit-box-sizing: border-box;
5368
-moz-box-sizing: border-box;
5369
-ms-box-sizing: border-box;
5370
-o-box-sizing: border-box;
5371
box-sizing: border-box;
5372
height: 100%;
5373
width: 17px;
5374
border-radius: 17px;
5375
z-index: 200;
5376
color: #fff;
5377
position: absolute;
5378
left: -8px;
5379
top: 0px;
5380
cursor: pointer;
5381
}
5382
div.network .nicname:hover {
5383
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
5384
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
5385
background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
5386
background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
5387
background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15));
5388
background-size: 10px 10px;
5389
}
5390
div.network .nicname.nourl {
5391
cursor: auto;
5392
}
5393
div.network .nicname.nourl:hover {
5394
background-image: none;
5395
}
5396
div.network .nicname h3 {
5397
font-size: 12px;
5398
line-height: 1;
5399
position: relative;
5400
font-weight: normal;
5401
top: 55%;
5402
color: #fff;
5403
left: -1px;
5404
letter-spacing: 0.2em;
5405
-webkit-transform: rotate(-90deg);
5406
-moz-transform: rotate(-90deg);
5407
-ms-transform: rotate(-90deg);
5408
-o-transform: rotate(-90deg);
5409
transform: rotate(-90deg);
5410
white-space: nowrap;
5411
text-shadow: 0px 0px 5px #000;
5412
}
5413
div.network .nicname span.ip {
5414
position: absolute;
5415
bottom: -10px;
5416
left: 20px;
5417
color: #000;
5418
display: block;
5419
font-weight: normal;
5420
font-size: 90%;
5421
letter-spacing: 0.2em;
5422
-webkit-transform: rotate(-90deg);
5423
-moz-transform: rotate(-90deg);
5424
-ms-transform: rotate(-90deg);
5425
-o-transform: rotate(-90deg);
5426
transform: rotate(-90deg);
5427
-webkit-transform-origin: 0% 0%;
5428
-moz-transform-origin: 0% 0%;
5429
-ms-transform-origin: 0% 0%;
5430
-o-transform-origin: 0% 0%;
5431
transform-origin: 0% 0%;
5432
white-space: nowrap;
5433
text-shadow: 0px 0px 2px #fff,0px 0px 2px #fff;
5434
}
5435
div.network .router,
5436
div.network .server,
5437
div.network .device {
5438
-webkit-box-sizing: border-box;
5439
-moz-box-sizing: border-box;
5440
-ms-box-sizing: border-box;
5441
-o-box-sizing: border-box;
5442
box-sizing: border-box;
5443
cursor: pointer;
5444
width: 90px;
5445
border: 3px solid #444;
5446
position: absolute;
5447
top: 30px;
5448
left: 90px;
5449
color: #fff;
5450
padding: 0 3px;
5451
background: #666;
5452
margin-bottom: 20px;
5453
border-radius: 8px;
5454
}
5455
div.network .router:before,
5456
div.network .server:before,
5457
div.network .device:before {
5458
content: "";
5459
width: 20px;
5460
height: 20px;
5461
border: 2px solid #444;
5462
line-height: 1.2;
5463
position: absolute;
5464
border-radius: 20px;
5465
top: -10px;
5466
left: -10px;
5467
background: #ffffff url(/static/dashboard/img/router.png) no-repeat center center;
5468
background-size: 16px 16px;
5469
}
5470
div.network .router:after,
5471
div.network .server:after,
5472
div.network .device:after {
5473
content: "";
5474
width: 100%;
5475
line-height: 1.2;
5476
position: absolute;
5477
text-align: center;
5478
border-radius: 0;
5479
background: #444;
5480
color: #fff;
5481
font-size: 11px;
5482
height: 1.5em;
5483
bottom: 0px;
5484
left: 0px;
5485
}
5486
div.network .router span.devicename,
5487
div.network .server span.devicename,
5488
div.network .device span.devicename {
5489
position: absolute;
5490
color: #fff;
5491
bottom: 0px;
5492
font-size: 12px;
5493
line-height: 14px;
5494
width: 100%;
5495
text-align: center;
5496
z-index: 300;
5497
left: -2px;
5498
}
5499
div.network .router span.name,
5500
div.network .server span.name,
5501
div.network .device span.name {
5502
overflow: hidden;
5503
white-space: nowrap;
5504
text-overflow: ellipsis;
5505
display: block;
5506
font-size: 12px;
5507
position: relative;
5508
z-index: 10;
5509
text-align: center;
5510
top: 4px;
5511
padding: 0 3px;
5512
}
5513
div.network .router div.port,
5514
div.network .server div.port,
5515
div.network .device div.port {
5516
text-align: right;
5517
min-width: 90px;
5518
height: 10px;
5519
font: 0px/0px sans-serif;
5520
position: absolute;
5521
left: -91px;
5522
top: 8px;
5523
background-color: #37a9e3;
5524
background-image: none;
5525
-webkit-background-size: 20px 20px;
5526
-moz-background-size: 20px 20px;
5527
-o-background-size: 20px 20px;
5528
background-size: 20px 20px;
5529
z-index: 100;
5530
}
5531
div.network .router div.port span.ip,
5532
div.network .server div.port span.ip,
5533
div.network .device div.port span.ip {
5534
-webkit-box-sizing: border-box;
5535
-moz-box-sizing: border-box;
5536
-ms-box-sizing: border-box;
5537
-o-box-sizing: border-box;
5538
box-sizing: border-box;
5539
color: #333;
5540
font-size: 9px;
5541
line-height: 1;
5542
text-shadow: 0px -1px #ffffff;
5543
position: relative;
5544
top: -1em;
5545
width: 90px;
5546
display: inline-block;
5547
padding-right: 8px;
5548
padding-left: 8px;
5549
word-wrap: break-word;
5550
word-break: break-all;
5551
}
5552
div.network .router div.port.right,
5553
div.network .server div.port.right,
5554
div.network .device div.port.right {
5555
left: auto;
5556
right: -92px;
5557
width: 92px;
5558
text-align: left;
5559
}
5560
div.network .router:hover,
5561
div.network .server:hover,
5562
div.network .device:hover {
5563
border-color: #222;
5564
}
5565
div.network .router:hover div.port,
5566
div.network .server:hover div.port,
5567
div.network .device:hover div.port {
5568
cursor: pointer;
5569
background-color: #2688c0;
5570
-webkit-animation: progress-bar-stripes 1s linear infinite;
5571
-moz-animation: progress-bar-stripes 1s linear infinite;
5572
-ms-animation: progress-bar-stripes 1s linear infinite;
5573
-o-animation: progress-bar-stripes 1s linear infinite;
5574
animation: progress-bar-stripes 1s linear infinite;
5575
}
5576
div.network .router:hover div.port:hover,
5577
div.network .server:hover div.port:hover,
5578
div.network .device:hover div.port:hover {
5579
-webkit-animation: progress-bar-stripes 0.3s linear infinite;
5580
-moz-animation: progress-bar-stripes 0.3s linear infinite;
5581
-ms-animation: progress-bar-stripes 0.3s linear infinite;
5582
-o-animation: progress-bar-stripes 0.3s linear infinite;
5583
animation: progress-bar-stripes 0.3s linear infinite;
5584
}
5585
div.network .router:hover div.port.nourl,
5586
div.network .server:hover div.port.nourl,
5587
div.network .device:hover div.port.nourl {
5588
cursor: auto;
5589
background-image: none;
5590
}
5591
div.network .router:hover div.port.nourl:hover,
5592
div.network .server:hover div.port.nourl:hover,
5593
div.network .device:hover div.port.nourl:hover {
5594
background-image: none;
5595
}
5596
div.network .router:hover:after,
5597
div.network .server:hover:after,
5598
div.network .device:hover:after {
5599
background-color: #222;
5600
border-color: #222;
5601
}
5602
div.network .device {
5603
border: none;
5604
background: transparent;
5605
}
5606
div.network .server {
5607
background: #fff;
5608
color: #333;
5609
}
5610
div.network .server:before {
5611
background: #ffffff url(/static/dashboard/img/server.png) no-repeat center center;
5612
background-size: 14px 14px;
5613
}
5614
.launchButtons {
5615
text-align: right;
5616
margin: 10px 0px 15px 10px;
5617
}
5618
.launchButtons a.btn {
5619
margin-left: 10px;
5620
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1