Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
Download
80668 views
1
/*!
2
* Bootstrap v1.4.0
3
*
4
* Copyright 2011 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
* Date: Sun Nov 20 21:42:29 PST 2011
10
*/
11
/* Reset.less
12
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
13
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
14
html, body {
15
margin: 0;
16
padding: 0;
17
}
18
h1,
19
h2,
20
h3,
21
h4,
22
h5,
23
h6,
24
p,
25
blockquote,
26
pre,
27
a,
28
abbr,
29
acronym,
30
address,
31
cite,
32
code,
33
del,
34
dfn,
35
em,
36
img,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
dd,
48
dl,
49
dt,
50
li,
51
ol,
52
ul,
53
fieldset,
54
form,
55
label,
56
legend,
57
button,
58
table,
59
caption,
60
tbody,
61
tfoot,
62
thead,
63
tr,
64
th,
65
td {
66
margin: 0;
67
padding: 0;
68
border: 0;
69
font-weight: normal;
70
font-style: normal;
71
font-size: 100%;
72
line-height: 1;
73
font-family: inherit;
74
}
75
table {
76
border-collapse: collapse;
77
border-spacing: 0;
78
}
79
ol, ul {
80
list-style: none;
81
}
82
q:before,
83
q:after,
84
blockquote:before,
85
blockquote:after {
86
content: "";
87
}
88
html {
89
overflow-y: scroll;
90
font-size: 100%;
91
-webkit-text-size-adjust: 100%;
92
-ms-text-size-adjust: 100%;
93
}
94
a:focus {
95
outline: thin dotted;
96
}
97
a:hover, a:active {
98
outline: 0;
99
}
100
article,
101
aside,
102
details,
103
figcaption,
104
figure,
105
footer,
106
header,
107
hgroup,
108
nav,
109
section {
110
display: block;
111
}
112
audio, canvas, video {
113
display: inline-block;
114
*display: inline;
115
*zoom: 1;
116
}
117
audio:not([controls]) {
118
display: none;
119
}
120
sub, sup {
121
font-size: 75%;
122
line-height: 0;
123
position: relative;
124
vertical-align: baseline;
125
}
126
sup {
127
top: -0.5em;
128
}
129
sub {
130
bottom: -0.25em;
131
}
132
img {
133
border: 0;
134
-ms-interpolation-mode: bicubic;
135
}
136
button,
137
input,
138
select,
139
textarea {
140
font-size: 100%;
141
margin: 0;
142
vertical-align: baseline;
143
*vertical-align: middle;
144
}
145
button, input {
146
line-height: normal;
147
*overflow: visible;
148
}
149
button::-moz-focus-inner, input::-moz-focus-inner {
150
border: 0;
151
padding: 0;
152
}
153
button,
154
input[type="button"],
155
input[type="reset"],
156
input[type="submit"] {
157
cursor: pointer;
158
-webkit-appearance: button;
159
}
160
input[type="search"] {
161
-webkit-appearance: textfield;
162
-webkit-box-sizing: content-box;
163
-moz-box-sizing: content-box;
164
box-sizing: content-box;
165
}
166
input[type="search"]::-webkit-search-decoration {
167
-webkit-appearance: none;
168
}
169
textarea {
170
overflow: auto;
171
vertical-align: top;
172
}
173
/* Variables.less
174
* Variables to customize the look and feel of Bootstrap
175
* ----------------------------------------------------- */
176
/* Mixins.less
177
* Snippets of reusable CSS to develop faster and keep code readable
178
* ----------------------------------------------------------------- */
179
/*
180
* Scaffolding
181
* Basic and global styles for generating a grid system, structural layout, and page templates
182
* ------------------------------------------------------------------------------------------- */
183
body {
184
background-color: #ffffff;
185
margin: 0;
186
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
187
font-size: 13px;
188
font-weight: normal;
189
line-height: 18px;
190
color: #404040;
191
}
192
.container {
193
width: 940px;
194
margin-left: auto;
195
margin-right: auto;
196
zoom: 1;
197
}
198
.container:before, .container:after {
199
display: table;
200
content: "";
201
zoom: 1;
202
}
203
.container:after {
204
clear: both;
205
}
206
.container-fluid {
207
position: relative;
208
min-width: 940px;
209
padding-left: 20px;
210
padding-right: 20px;
211
zoom: 1;
212
}
213
.container-fluid:before, .container-fluid:after {
214
display: table;
215
content: "";
216
zoom: 1;
217
}
218
.container-fluid:after {
219
clear: both;
220
}
221
.container-fluid > .sidebar {
222
position: absolute;
223
top: 0;
224
left: 20px;
225
width: 220px;
226
}
227
.container-fluid > .content {
228
margin-left: 240px;
229
}
230
a {
231
color: #0069d6;
232
text-decoration: none;
233
line-height: inherit;
234
font-weight: inherit;
235
}
236
a:hover {
237
color: #00438a;
238
text-decoration: underline;
239
}
240
.pull-right {
241
float: right;
242
}
243
.pull-left {
244
float: left;
245
}
246
.hide {
247
display: none;
248
}
249
.show {
250
display: block;
251
}
252
.row {
253
zoom: 1;
254
margin-left: -20px;
255
}
256
.row:before, .row:after {
257
display: table;
258
content: "";
259
zoom: 1;
260
}
261
.row:after {
262
clear: both;
263
}
264
.row > [class*="span"] {
265
display: inline;
266
float: left;
267
margin-left: 20px;
268
}
269
.span1 {
270
width: 40px;
271
}
272
.span2 {
273
width: 100px;
274
}
275
.span3 {
276
width: 160px;
277
}
278
.span4 {
279
width: 220px;
280
}
281
.span5 {
282
width: 280px;
283
}
284
.span6 {
285
width: 340px;
286
}
287
.span7 {
288
width: 400px;
289
}
290
.span8 {
291
width: 460px;
292
}
293
.span9 {
294
width: 520px;
295
}
296
.span10 {
297
width: 580px;
298
}
299
.span11 {
300
width: 640px;
301
}
302
.span12 {
303
width: 700px;
304
}
305
.span13 {
306
width: 760px;
307
}
308
.span14 {
309
width: 820px;
310
}
311
.span15 {
312
width: 880px;
313
}
314
.span16 {
315
width: 940px;
316
}
317
.span17 {
318
width: 1000px;
319
}
320
.span18 {
321
width: 1060px;
322
}
323
.span19 {
324
width: 1120px;
325
}
326
.span20 {
327
width: 1180px;
328
}
329
.span21 {
330
width: 1240px;
331
}
332
.span22 {
333
width: 1300px;
334
}
335
.span23 {
336
width: 1360px;
337
}
338
.span24 {
339
width: 1420px;
340
}
341
.row > .offset1 {
342
margin-left: 80px;
343
}
344
.row > .offset2 {
345
margin-left: 140px;
346
}
347
.row > .offset3 {
348
margin-left: 200px;
349
}
350
.row > .offset4 {
351
margin-left: 260px;
352
}
353
.row > .offset5 {
354
margin-left: 320px;
355
}
356
.row > .offset6 {
357
margin-left: 380px;
358
}
359
.row > .offset7 {
360
margin-left: 440px;
361
}
362
.row > .offset8 {
363
margin-left: 500px;
364
}
365
.row > .offset9 {
366
margin-left: 560px;
367
}
368
.row > .offset10 {
369
margin-left: 620px;
370
}
371
.row > .offset11 {
372
margin-left: 680px;
373
}
374
.row > .offset12 {
375
margin-left: 740px;
376
}
377
.span-one-third {
378
width: 300px;
379
}
380
.span-two-thirds {
381
width: 620px;
382
}
383
.row > .offset-one-third {
384
margin-left: 340px;
385
}
386
.row > .offset-two-thirds {
387
margin-left: 660px;
388
}
389
/* Typography.less
390
* Headings, body text, lists, code, and more for a versatile and durable typography system
391
* ---------------------------------------------------------------------------------------- */
392
p {
393
font-size: 13px;
394
font-weight: normal;
395
line-height: 18px;
396
margin-bottom: 9px;
397
}
398
p small {
399
font-size: 11px;
400
color: #bfbfbf;
401
}
402
h1,
403
h2,
404
h3,
405
h4,
406
h5,
407
h6 {
408
font-weight: bold;
409
color: #404040;
410
}
411
h1 small,
412
h2 small,
413
h3 small,
414
h4 small,
415
h5 small,
416
h6 small {
417
color: #bfbfbf;
418
}
419
h1 {
420
margin-bottom: 18px;
421
font-size: 30px;
422
line-height: 36px;
423
}
424
h1 small {
425
font-size: 18px;
426
}
427
h2 {
428
font-size: 24px;
429
line-height: 36px;
430
}
431
h2 small {
432
font-size: 14px;
433
}
434
h3,
435
h4,
436
h5,
437
h6 {
438
line-height: 36px;
439
}
440
h3 {
441
font-size: 18px;
442
}
443
h3 small {
444
font-size: 14px;
445
}
446
h4 {
447
font-size: 16px;
448
}
449
h4 small {
450
font-size: 12px;
451
}
452
h5 {
453
font-size: 14px;
454
}
455
h6 {
456
font-size: 13px;
457
color: #bfbfbf;
458
text-transform: uppercase;
459
}
460
ul, ol {
461
margin: 0 0 18px 25px;
462
}
463
ul ul,
464
ul ol,
465
ol ol,
466
ol ul {
467
margin-bottom: 0;
468
}
469
ul {
470
list-style: disc;
471
}
472
ol {
473
list-style: decimal;
474
}
475
li {
476
line-height: 18px;
477
color: #808080;
478
}
479
ul.unstyled {
480
list-style: none;
481
margin-left: 0;
482
}
483
dl {
484
margin-bottom: 18px;
485
}
486
dl dt, dl dd {
487
line-height: 18px;
488
}
489
dl dt {
490
font-weight: bold;
491
}
492
dl dd {
493
margin-left: 9px;
494
}
495
hr {
496
margin: 20px 0 19px;
497
border: 0;
498
border-bottom: 1px solid #eee;
499
}
500
strong {
501
font-style: inherit;
502
font-weight: bold;
503
}
504
em {
505
font-style: italic;
506
font-weight: inherit;
507
line-height: inherit;
508
}
509
.muted {
510
color: #bfbfbf;
511
}
512
blockquote {
513
margin-bottom: 18px;
514
border-left: 5px solid #eee;
515
padding-left: 15px;
516
}
517
blockquote p {
518
font-size: 14px;
519
font-weight: 300;
520
line-height: 18px;
521
margin-bottom: 0;
522
}
523
blockquote small {
524
display: block;
525
font-size: 12px;
526
font-weight: 300;
527
line-height: 18px;
528
color: #bfbfbf;
529
}
530
blockquote small:before {
531
content: '\2014 \00A0';
532
}
533
address {
534
display: block;
535
line-height: 18px;
536
margin-bottom: 18px;
537
}
538
539
/*code, pre {
540
padding: 0 3px 2px;
541
font-family: Monaco, Andale Mono, Courier New, monospace;
542
font-size: 12px;
543
-webkit-border-radius: 3px;
544
-moz-border-radius: 3px;
545
border-radius: 3px;
546
}
547
code {
548
background-color: #fee9cc;
549
color: rgba(0, 0, 0, 0.75);
550
padding: 1px 3px;
551
}
552
pre {
553
background-color: #f5f5f5;
554
display: block;
555
padding: 8.5px;
556
margin: 0 0 18px;
557
line-height: 18px;
558
font-size: 12px;
559
border: 1px solid #ccc;
560
border: 1px solid rgba(0, 0, 0, 0.15);
561
-webkit-border-radius: 3px;
562
-moz-border-radius: 3px;
563
border-radius: 3px;
564
white-space: pre;
565
white-space: pre-wrap;
566
word-wrap: break-word;
567
}*/
568
569
/* Forms.less
570
* Base styles for various input types, form layouts, and states
571
* ------------------------------------------------------------- */
572
form {
573
margin-bottom: 18px;
574
}
575
fieldset {
576
margin-bottom: 18px;
577
padding-top: 18px;
578
}
579
fieldset legend {
580
display: block;
581
padding-left: 150px;
582
font-size: 19.5px;
583
line-height: 1;
584
color: #404040;
585
*padding: 0 0 5px 145px;
586
/* IE6-7 */
587
588
*line-height: 1.5;
589
/* IE6-7 */
590
591
}
592
form .clearfix {
593
margin-bottom: 18px;
594
zoom: 1;
595
}
596
form .clearfix:before, form .clearfix:after {
597
display: table;
598
content: "";
599
zoom: 1;
600
}
601
form .clearfix:after {
602
clear: both;
603
}
604
label,
605
input,
606
select,
607
textarea {
608
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
609
font-size: 13px;
610
font-weight: normal;
611
line-height: normal;
612
}
613
label {
614
padding-top: 6px;
615
font-size: 13px;
616
line-height: 18px;
617
float: left;
618
width: 130px;
619
text-align: right;
620
color: #404040;
621
}
622
form .input {
623
margin-left: 150px;
624
}
625
input[type=checkbox], input[type=radio] {
626
cursor: pointer;
627
}
628
input,
629
textarea,
630
select,
631
.uneditable-input {
632
display: inline-block;
633
width: 210px;
634
height: 18px;
635
padding: 4px;
636
font-size: 13px;
637
line-height: 18px;
638
color: #808080;
639
border: 1px solid #ccc;
640
-webkit-border-radius: 3px;
641
-moz-border-radius: 3px;
642
border-radius: 3px;
643
}
644
select {
645
padding: initial;
646
}
647
input[type=checkbox], input[type=radio] {
648
width: auto;
649
height: auto;
650
padding: 0;
651
margin: 3px 0;
652
*margin-top: 0;
653
/* IE6-7 */
654
655
line-height: normal;
656
border: none;
657
}
658
input[type=file] {
659
background-color: #ffffff;
660
padding: initial;
661
border: initial;
662
line-height: initial;
663
-webkit-box-shadow: none;
664
-moz-box-shadow: none;
665
box-shadow: none;
666
}
667
input[type=button], input[type=reset], input[type=submit] {
668
width: auto;
669
height: auto;
670
}
671
select, input[type=file] {
672
height: 27px;
673
*height: auto;
674
line-height: 27px;
675
*margin-top: 4px;
676
/* For IE7, add top margin to align select with labels */
677
678
}
679
select[multiple] {
680
height: inherit;
681
background-color: #ffffff;
682
}
683
textarea {
684
height: auto;
685
}
686
.uneditable-input {
687
background-color: #ffffff;
688
display: block;
689
border-color: #eee;
690
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
691
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
692
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
693
cursor: not-allowed;
694
}
695
:-moz-placeholder {
696
color: #bfbfbf;
697
}
698
::-webkit-input-placeholder {
699
color: #bfbfbf;
700
}
701
input, textarea {
702
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
703
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
704
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
705
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
706
transition: border linear 0.2s, box-shadow linear 0.2s;
707
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
708
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
709
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
710
}
711
input:focus, textarea:focus {
712
outline: 0;
713
border-color: rgba(82, 168, 236, 0.8);
714
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
715
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
716
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
717
}
718
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
719
-webkit-box-shadow: none;
720
-moz-box-shadow: none;
721
box-shadow: none;
722
outline: 1px dotted #666;
723
}
724
form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline {
725
color: #b94a48;
726
}
727
form .clearfix.error input, form .clearfix.error textarea {
728
color: #b94a48;
729
border-color: #ee5f5b;
730
}
731
form .clearfix.error input:focus, form .clearfix.error textarea:focus {
732
border-color: #e9322d;
733
-webkit-box-shadow: 0 0 6px #f8b9b7;
734
-moz-box-shadow: 0 0 6px #f8b9b7;
735
box-shadow: 0 0 6px #f8b9b7;
736
}
737
form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on {
738
color: #b94a48;
739
background-color: #fce6e6;
740
border-color: #b94a48;
741
}
742
form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline {
743
color: #c09853;
744
}
745
form .clearfix.warning input, form .clearfix.warning textarea {
746
color: #c09853;
747
border-color: #ccae64;
748
}
749
form .clearfix.warning input:focus, form .clearfix.warning textarea:focus {
750
border-color: #be9a3f;
751
-webkit-box-shadow: 0 0 6px #e5d6b1;
752
-moz-box-shadow: 0 0 6px #e5d6b1;
753
box-shadow: 0 0 6px #e5d6b1;
754
}
755
form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on {
756
color: #c09853;
757
background-color: #d2b877;
758
border-color: #c09853;
759
}
760
form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline {
761
color: #468847;
762
}
763
form .clearfix.success input, form .clearfix.success textarea {
764
color: #468847;
765
border-color: #57a957;
766
}
767
form .clearfix.success input:focus, form .clearfix.success textarea:focus {
768
border-color: #458845;
769
-webkit-box-shadow: 0 0 6px #9acc9a;
770
-moz-box-shadow: 0 0 6px #9acc9a;
771
box-shadow: 0 0 6px #9acc9a;
772
}
773
form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on {
774
color: #468847;
775
background-color: #bcddbc;
776
border-color: #468847;
777
}
778
.input-mini,
779
input.mini,
780
textarea.mini,
781
select.mini {
782
width: 60px;
783
}
784
.input-small,
785
input.small,
786
textarea.small,
787
select.small {
788
width: 90px;
789
}
790
.input-medium,
791
input.medium,
792
textarea.medium,
793
select.medium {
794
width: 150px;
795
}
796
.input-large,
797
input.large,
798
textarea.large,
799
select.large {
800
width: 210px;
801
}
802
.input-xlarge,
803
input.xlarge,
804
textarea.xlarge,
805
select.xlarge {
806
width: 270px;
807
}
808
.input-xxlarge,
809
input.xxlarge,
810
textarea.xxlarge,
811
select.xxlarge {
812
width: 530px;
813
}
814
textarea.xxlarge {
815
overflow-y: auto;
816
}
817
input.span1, textarea.span1 {
818
display: inline-block;
819
float: none;
820
width: 30px;
821
margin-left: 0;
822
}
823
input.span2, textarea.span2 {
824
display: inline-block;
825
float: none;
826
width: 90px;
827
margin-left: 0;
828
}
829
input.span3, textarea.span3 {
830
display: inline-block;
831
float: none;
832
width: 150px;
833
margin-left: 0;
834
}
835
input.span4, textarea.span4 {
836
display: inline-block;
837
float: none;
838
width: 210px;
839
margin-left: 0;
840
}
841
input.span5, textarea.span5 {
842
display: inline-block;
843
float: none;
844
width: 270px;
845
margin-left: 0;
846
}
847
input.span6, textarea.span6 {
848
display: inline-block;
849
float: none;
850
width: 330px;
851
margin-left: 0;
852
}
853
input.span7, textarea.span7 {
854
display: inline-block;
855
float: none;
856
width: 390px;
857
margin-left: 0;
858
}
859
input.span8, textarea.span8 {
860
display: inline-block;
861
float: none;
862
width: 450px;
863
margin-left: 0;
864
}
865
input.span9, textarea.span9 {
866
display: inline-block;
867
float: none;
868
width: 510px;
869
margin-left: 0;
870
}
871
input.span10, textarea.span10 {
872
display: inline-block;
873
float: none;
874
width: 570px;
875
margin-left: 0;
876
}
877
input.span11, textarea.span11 {
878
display: inline-block;
879
float: none;
880
width: 630px;
881
margin-left: 0;
882
}
883
input.span12, textarea.span12 {
884
display: inline-block;
885
float: none;
886
width: 690px;
887
margin-left: 0;
888
}
889
input.span13, textarea.span13 {
890
display: inline-block;
891
float: none;
892
width: 750px;
893
margin-left: 0;
894
}
895
input.span14, textarea.span14 {
896
display: inline-block;
897
float: none;
898
width: 810px;
899
margin-left: 0;
900
}
901
input.span15, textarea.span15 {
902
display: inline-block;
903
float: none;
904
width: 870px;
905
margin-left: 0;
906
}
907
input.span16, textarea.span16 {
908
display: inline-block;
909
float: none;
910
width: 930px;
911
margin-left: 0;
912
}
913
input[disabled],
914
select[disabled],
915
textarea[disabled],
916
input[readonly],
917
select[readonly],
918
textarea[readonly] {
919
background-color: #f5f5f5;
920
border-color: #ddd;
921
cursor: not-allowed;
922
}
923
.actions {
924
background: #f5f5f5;
925
margin-top: 18px;
926
margin-bottom: 18px;
927
padding: 17px 20px 18px 150px;
928
border-top: 1px solid #ddd;
929
-webkit-border-radius: 0 0 3px 3px;
930
-moz-border-radius: 0 0 3px 3px;
931
border-radius: 0 0 3px 3px;
932
}
933
.actions .secondary-action {
934
float: right;
935
}
936
.actions .secondary-action a {
937
line-height: 30px;
938
}
939
.actions .secondary-action a:hover {
940
text-decoration: underline;
941
}
942
.help-inline, .help-block {
943
font-size: 13px;
944
line-height: 18px;
945
color: #bfbfbf;
946
}
947
.help-inline {
948
padding-left: 5px;
949
*position: relative;
950
/* IE6-7 */
951
952
*top: -5px;
953
/* IE6-7 */
954
955
}
956
.help-block {
957
display: block;
958
max-width: 600px;
959
}
960
.inline-inputs {
961
color: #808080;
962
}
963
.inline-inputs span {
964
padding: 0 2px 0 1px;
965
}
966
.input-prepend input, .input-append input {
967
-webkit-border-radius: 0 3px 3px 0;
968
-moz-border-radius: 0 3px 3px 0;
969
border-radius: 0 3px 3px 0;
970
}
971
.input-prepend .add-on, .input-append .add-on {
972
position: relative;
973
background: #f5f5f5;
974
border: 1px solid #ccc;
975
z-index: 2;
976
float: left;
977
display: block;
978
width: auto;
979
min-width: 16px;
980
height: 18px;
981
padding: 4px 4px 4px 5px;
982
margin-right: -1px;
983
font-weight: normal;
984
line-height: 18px;
985
color: #bfbfbf;
986
text-align: center;
987
text-shadow: 0 1px 0 #ffffff;
988
-webkit-border-radius: 3px 0 0 3px;
989
-moz-border-radius: 3px 0 0 3px;
990
border-radius: 3px 0 0 3px;
991
}
992
.input-prepend .active, .input-append .active {
993
background: #a9dba9;
994
border-color: #46a546;
995
}
996
.input-prepend .add-on {
997
*margin-top: 1px;
998
/* IE6-7 */
999
1000
}
1001
.input-append input {
1002
float: left;
1003
-webkit-border-radius: 3px 0 0 3px;
1004
-moz-border-radius: 3px 0 0 3px;
1005
border-radius: 3px 0 0 3px;
1006
}
1007
.input-append .add-on {
1008
-webkit-border-radius: 0 3px 3px 0;
1009
-moz-border-radius: 0 3px 3px 0;
1010
border-radius: 0 3px 3px 0;
1011
margin-right: 0;
1012
margin-left: -1px;
1013
}
1014
.inputs-list {
1015
margin: 0 0 5px;
1016
width: 100%;
1017
}
1018
.inputs-list li {
1019
display: block;
1020
padding: 0;
1021
width: 100%;
1022
}
1023
.inputs-list label {
1024
display: block;
1025
float: none;
1026
width: auto;
1027
padding: 0;
1028
margin-left: 20px;
1029
line-height: 18px;
1030
text-align: left;
1031
white-space: normal;
1032
}
1033
.inputs-list label strong {
1034
color: #808080;
1035
}
1036
.inputs-list label small {
1037
font-size: 11px;
1038
font-weight: normal;
1039
}
1040
.inputs-list .inputs-list {
1041
margin-left: 25px;
1042
margin-bottom: 10px;
1043
padding-top: 0;
1044
}
1045
.inputs-list:first-child {
1046
padding-top: 6px;
1047
}
1048
.inputs-list li + li {
1049
padding-top: 2px;
1050
}
1051
.inputs-list input[type=radio], .inputs-list input[type=checkbox] {
1052
margin-bottom: 0;
1053
margin-left: -20px;
1054
float: left;
1055
}
1056
.form-stacked {
1057
padding-left: 20px;
1058
}
1059
.form-stacked fieldset {
1060
padding-top: 9px;
1061
}
1062
.form-stacked legend {
1063
padding-left: 0;
1064
}
1065
.form-stacked label {
1066
display: block;
1067
float: none;
1068
width: auto;
1069
font-weight: bold;
1070
text-align: left;
1071
line-height: 20px;
1072
padding-top: 0;
1073
}
1074
.form-stacked .clearfix {
1075
margin-bottom: 9px;
1076
}
1077
.form-stacked .clearfix div.input {
1078
margin-left: 0;
1079
}
1080
.form-stacked .inputs-list {
1081
margin-bottom: 0;
1082
}
1083
.form-stacked .inputs-list li {
1084
padding-top: 0;
1085
}
1086
.form-stacked .inputs-list li label {
1087
font-weight: normal;
1088
padding-top: 0;
1089
}
1090
.form-stacked div.clearfix.error {
1091
padding-top: 10px;
1092
padding-bottom: 10px;
1093
padding-left: 10px;
1094
margin-top: 0;
1095
margin-left: -10px;
1096
}
1097
.form-stacked .actions {
1098
margin-left: -20px;
1099
padding-left: 20px;
1100
}
1101
/*
1102
* Tables.less
1103
* Tables for, you guessed it, tabular data
1104
* ---------------------------------------- */
1105
table {
1106
width: 100%;
1107
margin-bottom: 18px;
1108
padding: 0;
1109
font-size: 13px;
1110
border-collapse: collapse;
1111
}
1112
table th, table td {
1113
padding: 10px 10px 9px;
1114
line-height: 18px;
1115
text-align: left;
1116
}
1117
table th {
1118
padding-top: 9px;
1119
font-weight: bold;
1120
vertical-align: middle;
1121
}
1122
table td {
1123
vertical-align: top;
1124
border-top: 1px solid #ddd;
1125
}
1126
table tbody th {
1127
border-top: 1px solid #ddd;
1128
vertical-align: top;
1129
}
1130
.condensed-table th, .condensed-table td {
1131
padding: 5px 5px 4px;
1132
}
1133
.bordered-table {
1134
border: 1px solid #ddd;
1135
border-collapse: separate;
1136
*border-collapse: collapse;
1137
/* IE7, collapse table to remove spacing */
1138
1139
-webkit-border-radius: 4px;
1140
-moz-border-radius: 4px;
1141
border-radius: 4px;
1142
}
1143
.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {
1144
border-left: 1px solid #ddd;
1145
}
1146
.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {
1147
-webkit-border-radius: 4px 0 0 0;
1148
-moz-border-radius: 4px 0 0 0;
1149
border-radius: 4px 0 0 0;
1150
}
1151
.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {
1152
-webkit-border-radius: 0 4px 0 0;
1153
-moz-border-radius: 0 4px 0 0;
1154
border-radius: 0 4px 0 0;
1155
}
1156
.bordered-table tbody tr:last-child td:first-child {
1157
-webkit-border-radius: 0 0 0 4px;
1158
-moz-border-radius: 0 0 0 4px;
1159
border-radius: 0 0 0 4px;
1160
}
1161
.bordered-table tbody tr:last-child td:last-child {
1162
-webkit-border-radius: 0 0 4px 0;
1163
-moz-border-radius: 0 0 4px 0;
1164
border-radius: 0 0 4px 0;
1165
}
1166
table .span1 {
1167
width: 20px;
1168
}
1169
table .span2 {
1170
width: 60px;
1171
}
1172
table .span3 {
1173
width: 100px;
1174
}
1175
table .span4 {
1176
width: 140px;
1177
}
1178
table .span5 {
1179
width: 180px;
1180
}
1181
table .span6 {
1182
width: 220px;
1183
}
1184
table .span7 {
1185
width: 260px;
1186
}
1187
table .span8 {
1188
width: 300px;
1189
}
1190
table .span9 {
1191
width: 340px;
1192
}
1193
table .span10 {
1194
width: 380px;
1195
}
1196
table .span11 {
1197
width: 420px;
1198
}
1199
table .span12 {
1200
width: 460px;
1201
}
1202
table .span13 {
1203
width: 500px;
1204
}
1205
table .span14 {
1206
width: 540px;
1207
}
1208
table .span15 {
1209
width: 580px;
1210
}
1211
table .span16 {
1212
width: 620px;
1213
}
1214
.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {
1215
background-color: #f9f9f9;
1216
}
1217
.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {
1218
background-color: #f5f5f5;
1219
}
1220
table .header {
1221
cursor: pointer;
1222
}
1223
table .header:after {
1224
content: "";
1225
float: right;
1226
margin-top: 7px;
1227
border-width: 0 4px 4px;
1228
border-style: solid;
1229
border-color: #000 transparent;
1230
visibility: hidden;
1231
}
1232
table .headerSortUp, table .headerSortDown {
1233
background-color: rgba(141, 192, 219, 0.25);
1234
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1235
}
1236
table .header:hover:after {
1237
visibility: visible;
1238
}
1239
table .headerSortDown:after, table .headerSortDown:hover:after {
1240
visibility: visible;
1241
filter: alpha(opacity=60);
1242
-khtml-opacity: 0.6;
1243
-moz-opacity: 0.6;
1244
opacity: 0.6;
1245
}
1246
table .headerSortUp:after {
1247
border-bottom: none;
1248
border-left: 4px solid transparent;
1249
border-right: 4px solid transparent;
1250
border-top: 4px solid #000;
1251
visibility: visible;
1252
-webkit-box-shadow: none;
1253
-moz-box-shadow: none;
1254
box-shadow: none;
1255
filter: alpha(opacity=60);
1256
-khtml-opacity: 0.6;
1257
-moz-opacity: 0.6;
1258
opacity: 0.6;
1259
}
1260
table .blue {
1261
color: #049cdb;
1262
border-bottom-color: #049cdb;
1263
}
1264
table .headerSortUp.blue, table .headerSortDown.blue {
1265
background-color: #ade6fe;
1266
}
1267
table .green {
1268
color: #46a546;
1269
border-bottom-color: #46a546;
1270
}
1271
table .headerSortUp.green, table .headerSortDown.green {
1272
background-color: #cdeacd;
1273
}
1274
table .red {
1275
color: #9d261d;
1276
border-bottom-color: #9d261d;
1277
}
1278
table .headerSortUp.red, table .headerSortDown.red {
1279
background-color: #f4c8c5;
1280
}
1281
table .yellow {
1282
color: #ffc40d;
1283
border-bottom-color: #ffc40d;
1284
}
1285
table .headerSortUp.yellow, table .headerSortDown.yellow {
1286
background-color: #fff6d9;
1287
}
1288
table .orange {
1289
color: #f89406;
1290
border-bottom-color: #f89406;
1291
}
1292
table .headerSortUp.orange, table .headerSortDown.orange {
1293
background-color: #fee9cc;
1294
}
1295
table .purple {
1296
color: #7a43b6;
1297
border-bottom-color: #7a43b6;
1298
}
1299
table .headerSortUp.purple, table .headerSortDown.purple {
1300
background-color: #e2d5f0;
1301
}
1302
/* Patterns.less
1303
* Repeatable UI elements outside the base styles provided from the scaffolding
1304
* ---------------------------------------------------------------------------- */
1305
.topbar {
1306
height: 40px;
1307
position: fixed;
1308
top: 0;
1309
left: 0;
1310
right: 0;
1311
z-index: 10000;
1312
overflow: visible;
1313
}
1314
.topbar a {
1315
color: #bfbfbf;
1316
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1317
}
1318
.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
1319
background-color: #333;
1320
background-color: rgba(255, 255, 255, 0.05);
1321
color: #ffffff;
1322
text-decoration: none;
1323
}
1324
.topbar h3 {
1325
position: relative;
1326
}
1327
.topbar h3 a, .topbar .brand {
1328
float: left;
1329
display: block;
1330
padding: 8px 20px 12px;
1331
margin-left: -20px;
1332
color: #ffffff;
1333
font-size: 20px;
1334
font-weight: 200;
1335
line-height: 1;
1336
}
1337
.topbar p {
1338
margin: 0;
1339
line-height: 40px;
1340
}
1341
.topbar p a:hover {
1342
background-color: transparent;
1343
color: #ffffff;
1344
}
1345
.topbar form {
1346
float: left;
1347
margin: 5px 0 0 0;
1348
position: relative;
1349
filter: alpha(opacity=100);
1350
-khtml-opacity: 1;
1351
-moz-opacity: 1;
1352
opacity: 1;
1353
}
1354
.topbar form.pull-right {
1355
float: right;
1356
}
1357
.topbar input {
1358
background-color: #444;
1359
background-color: rgba(255, 255, 255, 0.3);
1360
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1361
font-size: normal;
1362
font-weight: 13px;
1363
line-height: 1;
1364
padding: 4px 9px;
1365
color: #ffffff;
1366
color: rgba(255, 255, 255, 0.75);
1367
border: 1px solid #111;
1368
-webkit-border-radius: 4px;
1369
-moz-border-radius: 4px;
1370
border-radius: 4px;
1371
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1372
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1373
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
1374
-webkit-transition: none;
1375
-moz-transition: none;
1376
-ms-transition: none;
1377
-o-transition: none;
1378
transition: none;
1379
}
1380
.topbar input:-moz-placeholder {
1381
color: #e6e6e6;
1382
}
1383
.topbar input::-webkit-input-placeholder {
1384
color: #e6e6e6;
1385
}
1386
.topbar input:hover {
1387
background-color: #bfbfbf;
1388
background-color: rgba(255, 255, 255, 0.5);
1389
color: #ffffff;
1390
}
1391
.topbar input:focus, .topbar input.focused {
1392
outline: 0;
1393
background-color: #ffffff;
1394
color: #404040;
1395
text-shadow: 0 1px 0 #ffffff;
1396
border: 0;
1397
padding: 5px 10px;
1398
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1399
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1400
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
1401
}
1402
.topbar-inner, .topbar .fill {
1403
background-color: #222;
1404
background-color: #222222;
1405
background-repeat: repeat-x;
1406
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
1407
background-image: -moz-linear-gradient(top, #333333, #222222);
1408
background-image: -ms-linear-gradient(top, #333333, #222222);
1409
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
1410
background-image: -webkit-linear-gradient(top, #333333, #222222);
1411
background-image: -o-linear-gradient(top, #333333, #222222);
1412
background-image: linear-gradient(top, #333333, #222222);
1413
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
1414
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1415
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1416
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
1417
}
1418
.topbar div > ul, .nav {
1419
display: block;
1420
float: left;
1421
margin: 0 10px 0 0;
1422
position: relative;
1423
left: 0;
1424
}
1425
.topbar div > ul > li, .nav > li {
1426
display: block;
1427
float: left;
1428
}
1429
.topbar div > ul a, .nav a {
1430
display: block;
1431
float: none;
1432
padding: 10px 10px 11px;
1433
line-height: 19px;
1434
text-decoration: none;
1435
}
1436
.topbar div > ul a:hover, .nav a:hover {
1437
color: #ffffff;
1438
text-decoration: none;
1439
}
1440
.topbar div > ul .active > a, .nav .active > a {
1441
background-color: #222;
1442
background-color: rgba(0, 0, 0, 0.5);
1443
}
1444
.topbar div > ul.secondary-nav, .nav.secondary-nav {
1445
float: right;
1446
margin-left: 10px;
1447
margin-right: 0;
1448
}
1449
.topbar div > ul.secondary-nav .menu-dropdown,
1450
.nav.secondary-nav .menu-dropdown,
1451
.topbar div > ul.secondary-nav .dropdown-menu,
1452
.nav.secondary-nav .dropdown-menu {
1453
right: 0;
1454
border: 0;
1455
}
1456
.topbar div > ul a.menu:hover,
1457
.nav a.menu:hover,
1458
.topbar div > ul li.open .menu,
1459
.nav li.open .menu,
1460
.topbar div > ul .dropdown-toggle:hover,
1461
.nav .dropdown-toggle:hover,
1462
.topbar div > ul .dropdown.open .dropdown-toggle,
1463
.nav .dropdown.open .dropdown-toggle {
1464
background: #444;
1465
background: rgba(255, 255, 255, 0.05);
1466
}
1467
.topbar div > ul .menu-dropdown,
1468
.nav .menu-dropdown,
1469
.topbar div > ul .dropdown-menu,
1470
.nav .dropdown-menu {
1471
background-color: #333;
1472
}
1473
.topbar div > ul .menu-dropdown a.menu,
1474
.nav .menu-dropdown a.menu,
1475
.topbar div > ul .dropdown-menu a.menu,
1476
.nav .dropdown-menu a.menu,
1477
.topbar div > ul .menu-dropdown .dropdown-toggle,
1478
.nav .menu-dropdown .dropdown-toggle,
1479
.topbar div > ul .dropdown-menu .dropdown-toggle,
1480
.nav .dropdown-menu .dropdown-toggle {
1481
color: #ffffff;
1482
}
1483
.topbar div > ul .menu-dropdown a.menu.open,
1484
.nav .menu-dropdown a.menu.open,
1485
.topbar div > ul .dropdown-menu a.menu.open,
1486
.nav .dropdown-menu a.menu.open,
1487
.topbar div > ul .menu-dropdown .dropdown-toggle.open,
1488
.nav .menu-dropdown .dropdown-toggle.open,
1489
.topbar div > ul .dropdown-menu .dropdown-toggle.open,
1490
.nav .dropdown-menu .dropdown-toggle.open {
1491
background: #444;
1492
background: rgba(255, 255, 255, 0.05);
1493
}
1494
.topbar div > ul .menu-dropdown li a,
1495
.nav .menu-dropdown li a,
1496
.topbar div > ul .dropdown-menu li a,
1497
.nav .dropdown-menu li a {
1498
color: #999;
1499
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
1500
}
1501
.topbar div > ul .menu-dropdown li a:hover,
1502
.nav .menu-dropdown li a:hover,
1503
.topbar div > ul .dropdown-menu li a:hover,
1504
.nav .dropdown-menu li a:hover {
1505
background-color: #191919;
1506
background-repeat: repeat-x;
1507
background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
1508
background-image: -moz-linear-gradient(top, #292929, #191919);
1509
background-image: -ms-linear-gradient(top, #292929, #191919);
1510
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
1511
background-image: -webkit-linear-gradient(top, #292929, #191919);
1512
background-image: -o-linear-gradient(top, #292929, #191919);
1513
background-image: linear-gradient(top, #292929, #191919);
1514
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
1515
color: #ffffff;
1516
}
1517
.topbar div > ul .menu-dropdown .active a,
1518
.nav .menu-dropdown .active a,
1519
.topbar div > ul .dropdown-menu .active a,
1520
.nav .dropdown-menu .active a {
1521
color: #ffffff;
1522
}
1523
.topbar div > ul .menu-dropdown .divider,
1524
.nav .menu-dropdown .divider,
1525
.topbar div > ul .dropdown-menu .divider,
1526
.nav .dropdown-menu .divider {
1527
background-color: #222;
1528
border-color: #444;
1529
}
1530
.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
1531
padding: 4px 15px;
1532
}
1533
li.menu, .dropdown {
1534
position: relative;
1535
}
1536
a.menu:after, .dropdown-toggle:after {
1537
width: 0;
1538
height: 0;
1539
display: inline-block;
1540
content: "↓";
1541
text-indent: -99999px;
1542
vertical-align: top;
1543
margin-top: 8px;
1544
margin-left: 4px;
1545
border-left: 4px solid transparent;
1546
border-right: 4px solid transparent;
1547
border-top: 4px solid #ffffff;
1548
filter: alpha(opacity=50);
1549
-khtml-opacity: 0.5;
1550
-moz-opacity: 0.5;
1551
opacity: 0.5;
1552
}
1553
.menu-dropdown, .dropdown-menu {
1554
background-color: #ffffff;
1555
float: left;
1556
display: none;
1557
position: absolute;
1558
top: 40px;
1559
z-index: 900;
1560
min-width: 160px;
1561
max-width: 220px;
1562
_width: 160px;
1563
margin-left: 0;
1564
margin-right: 0;
1565
padding: 6px 0;
1566
zoom: 1;
1567
border-color: #999;
1568
border-color: rgba(0, 0, 0, 0.2);
1569
border-style: solid;
1570
border-width: 0 1px 1px;
1571
-webkit-border-radius: 0 0 6px 6px;
1572
-moz-border-radius: 0 0 6px 6px;
1573
border-radius: 0 0 6px 6px;
1574
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1575
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1576
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
1577
-webkit-background-clip: padding-box;
1578
-moz-background-clip: padding-box;
1579
background-clip: padding-box;
1580
}
1581
.menu-dropdown li, .dropdown-menu li {
1582
float: none;
1583
display: block;
1584
background-color: none;
1585
}
1586
.menu-dropdown .divider, .dropdown-menu .divider {
1587
height: 1px;
1588
margin: 5px 0;
1589
overflow: hidden;
1590
background-color: #eee;
1591
border-bottom: 1px solid #ffffff;
1592
}
1593
.topbar .dropdown-menu a, .dropdown-menu a {
1594
display: block;
1595
padding: 4px 15px;
1596
clear: both;
1597
font-weight: normal;
1598
line-height: 18px;
1599
color: #808080;
1600
text-shadow: 0 1px 0 #ffffff;
1601
}
1602
.topbar .dropdown-menu a:hover,
1603
.dropdown-menu a:hover,
1604
.topbar .dropdown-menu a.hover,
1605
.dropdown-menu a.hover {
1606
background-color: #dddddd;
1607
background-repeat: repeat-x;
1608
background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
1609
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
1610
background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
1611
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
1612
background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
1613
background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
1614
background-image: linear-gradient(top, #eeeeee, #dddddd);
1615
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
1616
color: #404040;
1617
text-decoration: none;
1618
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1619
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1620
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
1621
}
1622
.open .menu,
1623
.dropdown.open .menu,
1624
.open .dropdown-toggle,
1625
.dropdown.open .dropdown-toggle {
1626
color: #ffffff;
1627
background: #ccc;
1628
background: rgba(0, 0, 0, 0.3);
1629
}
1630
.open .menu-dropdown,
1631
.dropdown.open .menu-dropdown,
1632
.open .dropdown-menu,
1633
.dropdown.open .dropdown-menu {
1634
display: block;
1635
}
1636
.tabs, .pills {
1637
margin: 0 0 18px;
1638
padding: 0;
1639
list-style: none;
1640
zoom: 1;
1641
}
1642
.tabs:before,
1643
.pills:before,
1644
.tabs:after,
1645
.pills:after {
1646
display: table;
1647
content: "";
1648
zoom: 1;
1649
}
1650
.tabs:after, .pills:after {
1651
clear: both;
1652
}
1653
.tabs > li, .pills > li {
1654
float: left;
1655
}
1656
.tabs > li > a, .pills > li > a {
1657
display: block;
1658
}
1659
.tabs {
1660
border-color: #ddd;
1661
border-style: solid;
1662
border-width: 0 0 1px;
1663
}
1664
.tabs > li {
1665
position: relative;
1666
margin-bottom: -1px;
1667
}
1668
.tabs > li > a {
1669
padding: 0 15px;
1670
margin-right: 2px;
1671
line-height: 34px;
1672
border: 1px solid transparent;
1673
-webkit-border-radius: 4px 4px 0 0;
1674
-moz-border-radius: 4px 4px 0 0;
1675
border-radius: 4px 4px 0 0;
1676
}
1677
.tabs > li > a:hover {
1678
text-decoration: none;
1679
background-color: #eee;
1680
border-color: #eee #eee #ddd;
1681
}
1682
.tabs .active > a, .tabs .active > a:hover {
1683
color: #808080;
1684
background-color: #ffffff;
1685
border: 1px solid #ddd;
1686
border-bottom-color: transparent;
1687
cursor: default;
1688
}
1689
.tabs .menu-dropdown, .tabs .dropdown-menu {
1690
top: 35px;
1691
border-width: 1px;
1692
-webkit-border-radius: 0 6px 6px 6px;
1693
-moz-border-radius: 0 6px 6px 6px;
1694
border-radius: 0 6px 6px 6px;
1695
}
1696
.tabs a.menu:after, .tabs .dropdown-toggle:after {
1697
border-top-color: #999;
1698
margin-top: 15px;
1699
margin-left: 5px;
1700
}
1701
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
1702
border-color: #999;
1703
}
1704
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
1705
border-top-color: #555;
1706
}
1707
.pills a {
1708
margin: 5px 3px 5px 0;
1709
padding: 0 15px;
1710
line-height: 30px;
1711
text-shadow: 0 1px 1px #ffffff;
1712
-webkit-border-radius: 15px;
1713
-moz-border-radius: 15px;
1714
border-radius: 15px;
1715
}
1716
.pills a:hover {
1717
color: #ffffff;
1718
text-decoration: none;
1719
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1720
background-color: #00438a;
1721
}
1722
.pills .active a {
1723
color: #ffffff;
1724
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
1725
background-color: #0069d6;
1726
}
1727
.pills-vertical > li {
1728
float: none;
1729
}
1730
.tab-content > .tab-pane,
1731
.pill-content > .pill-pane,
1732
.tab-content > div,
1733
.pill-content > div {
1734
display: none;
1735
}
1736
.tab-content > .active, .pill-content > .active {
1737
display: block;
1738
}
1739
.breadcrumb {
1740
padding: 7px 14px;
1741
margin: 0 0 18px;
1742
background-color: #f5f5f5;
1743
background-repeat: repeat-x;
1744
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
1745
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
1746
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
1747
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
1748
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
1749
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
1750
background-image: linear-gradient(top, #ffffff, #f5f5f5);
1751
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
1752
border: 1px solid #ddd;
1753
-webkit-border-radius: 3px;
1754
-moz-border-radius: 3px;
1755
border-radius: 3px;
1756
-webkit-box-shadow: inset 0 1px 0 #ffffff;
1757
-moz-box-shadow: inset 0 1px 0 #ffffff;
1758
box-shadow: inset 0 1px 0 #ffffff;
1759
}
1760
.breadcrumb li {
1761
display: inline;
1762
text-shadow: 0 1px 0 #ffffff;
1763
}
1764
.breadcrumb .divider {
1765
padding: 0 5px;
1766
color: #bfbfbf;
1767
}
1768
.breadcrumb .active a {
1769
color: #404040;
1770
}
1771
.hero-unit {
1772
background-color: #f5f5f5;
1773
margin-bottom: 30px;
1774
padding: 60px;
1775
-webkit-border-radius: 6px;
1776
-moz-border-radius: 6px;
1777
border-radius: 6px;
1778
}
1779
.hero-unit h1 {
1780
margin-bottom: 0;
1781
font-size: 60px;
1782
line-height: 1;
1783
letter-spacing: -1px;
1784
}
1785
.hero-unit p {
1786
font-size: 18px;
1787
font-weight: 200;
1788
line-height: 27px;
1789
}
1790
footer {
1791
margin-top: 17px;
1792
padding-top: 17px;
1793
border-top: 1px solid #eee;
1794
}
1795
.page-header {
1796
margin-bottom: 17px;
1797
border-bottom: 1px solid #ddd;
1798
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1799
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1800
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1801
}
1802
.page-header h1 {
1803
margin-bottom: 8px;
1804
}
1805
.btn.danger,
1806
.alert-message.danger,
1807
.btn.danger:hover,
1808
.alert-message.danger:hover,
1809
.btn.error,
1810
.alert-message.error,
1811
.btn.error:hover,
1812
.alert-message.error:hover,
1813
.btn.success,
1814
.alert-message.success,
1815
.btn.success:hover,
1816
.alert-message.success:hover,
1817
.btn.info,
1818
.alert-message.info,
1819
.btn.info:hover,
1820
.alert-message.info:hover {
1821
color: #ffffff;
1822
}
1823
.btn .close, .alert-message .close {
1824
font-family: Arial, sans-serif;
1825
line-height: 18px;
1826
}
1827
.btn.danger,
1828
.alert-message.danger,
1829
.btn.error,
1830
.alert-message.error {
1831
background-color: #c43c35;
1832
background-repeat: repeat-x;
1833
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
1834
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
1835
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
1836
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
1837
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
1838
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
1839
background-image: linear-gradient(top, #ee5f5b, #c43c35);
1840
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
1841
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1842
border-color: #c43c35 #c43c35 #882a25;
1843
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1844
}
1845
.btn.success, .alert-message.success {
1846
background-color: #57a957;
1847
background-repeat: repeat-x;
1848
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
1849
background-image: -moz-linear-gradient(top, #62c462, #57a957);
1850
background-image: -ms-linear-gradient(top, #62c462, #57a957);
1851
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
1852
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
1853
background-image: -o-linear-gradient(top, #62c462, #57a957);
1854
background-image: linear-gradient(top, #62c462, #57a957);
1855
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
1856
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1857
border-color: #57a957 #57a957 #3d773d;
1858
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1859
}
1860
.btn.info, .alert-message.info {
1861
background-color: #339bb9;
1862
background-repeat: repeat-x;
1863
background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
1864
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
1865
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
1866
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
1867
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
1868
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
1869
background-image: linear-gradient(top, #5bc0de, #339bb9);
1870
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
1871
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1872
border-color: #339bb9 #339bb9 #22697d;
1873
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1874
}
1875
.btn {
1876
cursor: pointer;
1877
display: inline-block;
1878
background-color: #e6e6e6;
1879
background-repeat: no-repeat;
1880
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
1881
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1882
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
1883
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1884
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1885
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
1886
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
1887
padding: 5px 14px 6px;
1888
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1889
color: #333;
1890
font-size: 13px;
1891
line-height: normal;
1892
border: 1px solid #ccc;
1893
border-bottom-color: #bbb;
1894
-webkit-border-radius: 4px;
1895
-moz-border-radius: 4px;
1896
border-radius: 4px;
1897
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1898
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1899
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1900
-webkit-transition: 0.1s linear all;
1901
-moz-transition: 0.1s linear all;
1902
-ms-transition: 0.1s linear all;
1903
-o-transition: 0.1s linear all;
1904
transition: 0.1s linear all;
1905
}
1906
.btn:hover {
1907
background-position: 0 -15px;
1908
color: #333;
1909
text-decoration: none;
1910
}
1911
.btn:focus {
1912
outline: 1px dotted #666;
1913
}
1914
.btn.primary {
1915
color: #ffffff;
1916
background-color: #0064cd;
1917
background-repeat: repeat-x;
1918
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
1919
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
1920
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
1921
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
1922
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
1923
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
1924
background-image: linear-gradient(top, #049cdb, #0064cd);
1925
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
1926
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1927
border-color: #0064cd #0064cd #003f81;
1928
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1929
}
1930
.btn.active, .btn:active {
1931
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1932
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1933
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
1934
}
1935
.btn.disabled {
1936
cursor: default;
1937
background-image: none;
1938
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1939
filter: alpha(opacity=65);
1940
-khtml-opacity: 0.65;
1941
-moz-opacity: 0.65;
1942
opacity: 0.65;
1943
-webkit-box-shadow: none;
1944
-moz-box-shadow: none;
1945
box-shadow: none;
1946
}
1947
.btn[disabled] {
1948
cursor: default;
1949
background-image: none;
1950
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1951
filter: alpha(opacity=65);
1952
-khtml-opacity: 0.65;
1953
-moz-opacity: 0.65;
1954
opacity: 0.65;
1955
-webkit-box-shadow: none;
1956
-moz-box-shadow: none;
1957
box-shadow: none;
1958
}
1959
.btn.large {
1960
font-size: 15px;
1961
line-height: normal;
1962
padding: 9px 14px 9px;
1963
-webkit-border-radius: 6px;
1964
-moz-border-radius: 6px;
1965
border-radius: 6px;
1966
}
1967
.btn.small {
1968
padding: 7px 9px 7px;
1969
font-size: 11px;
1970
}
1971
:root .alert-message, :root .btn {
1972
border-radius: 0 \0;
1973
}
1974
button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
1975
padding: 0;
1976
border: 0;
1977
}
1978
.close {
1979
float: right;
1980
color: #000000;
1981
font-size: 20px;
1982
font-weight: bold;
1983
line-height: 13.5px;
1984
text-shadow: 0 1px 0 #ffffff;
1985
filter: alpha(opacity=25);
1986
-khtml-opacity: 0.25;
1987
-moz-opacity: 0.25;
1988
opacity: 0.25;
1989
}
1990
.close:hover {
1991
color: #000000;
1992
text-decoration: none;
1993
filter: alpha(opacity=40);
1994
-khtml-opacity: 0.4;
1995
-moz-opacity: 0.4;
1996
opacity: 0.4;
1997
}
1998
.alert-message {
1999
position: relative;
2000
padding: 7px 15px;
2001
margin-bottom: 18px;
2002
color: #404040;
2003
background-color: #eedc94;
2004
background-repeat: repeat-x;
2005
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
2006
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
2007
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
2008
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
2009
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
2010
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
2011
background-image: linear-gradient(top, #fceec1, #eedc94);
2012
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
2013
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
2014
border-color: #eedc94 #eedc94 #e4c652;
2015
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
2016
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2017
border-width: 1px;
2018
border-style: solid;
2019
-webkit-border-radius: 4px;
2020
-moz-border-radius: 4px;
2021
border-radius: 4px;
2022
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2023
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2024
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
2025
}
2026
.alert-message .close {
2027
margin-top: 1px;
2028
*margin-top: 0;
2029
}
2030
.alert-message a {
2031
font-weight: bold;
2032
color: #404040;
2033
}
2034
.alert-message.danger p a,
2035
.alert-message.error p a,
2036
.alert-message.success p a,
2037
.alert-message.info p a {
2038
color: #ffffff;
2039
}
2040
.alert-message h5 {
2041
line-height: 18px;
2042
}
2043
.alert-message p {
2044
margin-bottom: 0;
2045
}
2046
.alert-message div {
2047
margin-top: 5px;
2048
margin-bottom: 2px;
2049
line-height: 28px;
2050
}
2051
.alert-message .btn {
2052
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2053
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2054
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
2055
}
2056
.alert-message.block-message {
2057
background-image: none;
2058
background-color: #fdf5d9;
2059
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
2060
padding: 14px;
2061
border-color: #fceec1;
2062
-webkit-box-shadow: none;
2063
-moz-box-shadow: none;
2064
box-shadow: none;
2065
}
2066
.alert-message.block-message ul, .alert-message.block-message p {
2067
margin-right: 30px;
2068
}
2069
.alert-message.block-message ul {
2070
margin-bottom: 0;
2071
}
2072
.alert-message.block-message li {
2073
color: #404040;
2074
}
2075
.alert-message.block-message .alert-actions {
2076
margin-top: 5px;
2077
}
2078
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info {
2079
color: #404040;
2080
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
2081
}
2082
.alert-message.block-message.error {
2083
background-color: #fddfde;
2084
border-color: #fbc7c6;
2085
}
2086
.alert-message.block-message.success {
2087
background-color: #d1eed1;
2088
border-color: #bfe7bf;
2089
}
2090
.alert-message.block-message.info {
2091
background-color: #ddf4fb;
2092
border-color: #c6edf9;
2093
}
2094
.alert-message.block-message.danger p a,
2095
.alert-message.block-message.error p a,
2096
.alert-message.block-message.success p a,
2097
.alert-message.block-message.info p a {
2098
color: #404040;
2099
}
2100
.pagination {
2101
height: 36px;
2102
margin: 18px 0;
2103
}
2104
.pagination ul {
2105
float: left;
2106
margin: 0;
2107
border: 1px solid #ddd;
2108
border: 1px solid rgba(0, 0, 0, 0.15);
2109
-webkit-border-radius: 3px;
2110
-moz-border-radius: 3px;
2111
border-radius: 3px;
2112
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2113
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2114
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
2115
}
2116
.pagination li {
2117
display: inline;
2118
}
2119
.pagination a {
2120
float: left;
2121
padding: 0 14px;
2122
line-height: 34px;
2123
border-right: 1px solid;
2124
border-right-color: #ddd;
2125
border-right-color: rgba(0, 0, 0, 0.15);
2126
*border-right-color: #ddd;
2127
/* IE6-7 */
2128
2129
text-decoration: none;
2130
}
2131
.pagination a:hover, .pagination .active a {
2132
background-color: #c7eefe;
2133
}
2134
.pagination .disabled a, .pagination .disabled a:hover {
2135
background-color: transparent;
2136
color: #bfbfbf;
2137
}
2138
.pagination .next a {
2139
border: 0;
2140
}
2141
.well {
2142
background-color: #f5f5f5;
2143
margin-bottom: 20px;
2144
padding: 19px;
2145
min-height: 20px;
2146
border: 1px solid #eee;
2147
border: 1px solid rgba(0, 0, 0, 0.05);
2148
-webkit-border-radius: 4px;
2149
-moz-border-radius: 4px;
2150
border-radius: 4px;
2151
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2152
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2153
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
2154
}
2155
.well blockquote {
2156
border-color: #ddd;
2157
border-color: rgba(0, 0, 0, 0.15);
2158
}
2159
.modal-backdrop {
2160
background-color: #000000;
2161
position: fixed;
2162
top: 0;
2163
left: 0;
2164
right: 0;
2165
bottom: 0;
2166
z-index: 10000;
2167
}
2168
.modal-backdrop.fade {
2169
opacity: 0;
2170
}
2171
.modal-backdrop, .modal-backdrop.fade.in {
2172
filter: alpha(opacity=80);
2173
-khtml-opacity: 0.8;
2174
-moz-opacity: 0.8;
2175
opacity: 0.8;
2176
}
2177
.modal {
2178
position: fixed;
2179
top: 50%;
2180
left: 50%;
2181
z-index: 11000;
2182
width: 560px;
2183
margin: -250px 0 0 -280px;
2184
background-color: #ffffff;
2185
border: 1px solid #999;
2186
border: 1px solid rgba(0, 0, 0, 0.3);
2187
*border: 1px solid #999;
2188
/* IE6-7 */
2189
2190
-webkit-border-radius: 6px;
2191
-moz-border-radius: 6px;
2192
border-radius: 6px;
2193
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2194
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2195
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2196
-webkit-background-clip: padding-box;
2197
-moz-background-clip: padding-box;
2198
background-clip: padding-box;
2199
}
2200
.modal .close {
2201
margin-top: 7px;
2202
}
2203
.modal.fade {
2204
-webkit-transition: opacity .3s linear, top .3s ease-out;
2205
-moz-transition: opacity .3s linear, top .3s ease-out;
2206
-ms-transition: opacity .3s linear, top .3s ease-out;
2207
-o-transition: opacity .3s linear, top .3s ease-out;
2208
transition: opacity .3s linear, top .3s ease-out;
2209
top: -25%;
2210
}
2211
.modal.fade.in {
2212
top: 50%;
2213
}
2214
.modal-header {
2215
border-bottom: 1px solid #eee;
2216
padding: 5px 15px;
2217
}
2218
.modal-body {
2219
padding: 15px;
2220
}
2221
.modal-body form {
2222
margin-bottom: 0;
2223
}
2224
.modal-footer {
2225
background-color: #f5f5f5;
2226
padding: 14px 15px 15px;
2227
border-top: 1px solid #ddd;
2228
-webkit-border-radius: 0 0 6px 6px;
2229
-moz-border-radius: 0 0 6px 6px;
2230
border-radius: 0 0 6px 6px;
2231
-webkit-box-shadow: inset 0 1px 0 #ffffff;
2232
-moz-box-shadow: inset 0 1px 0 #ffffff;
2233
box-shadow: inset 0 1px 0 #ffffff;
2234
zoom: 1;
2235
margin-bottom: 0;
2236
}
2237
.modal-footer:before, .modal-footer:after {
2238
display: table;
2239
content: "";
2240
zoom: 1;
2241
}
2242
.modal-footer:after {
2243
clear: both;
2244
}
2245
.modal-footer .btn {
2246
float: right;
2247
margin-left: 5px;
2248
}
2249
.modal .popover, .modal .twipsy {
2250
z-index: 12000;
2251
}
2252
.twipsy {
2253
display: block;
2254
position: absolute;
2255
visibility: visible;
2256
padding: 5px;
2257
font-size: 11px;
2258
z-index: 1000;
2259
filter: alpha(opacity=80);
2260
-khtml-opacity: 0.8;
2261
-moz-opacity: 0.8;
2262
opacity: 0.8;
2263
}
2264
.twipsy.fade.in {
2265
filter: alpha(opacity=80);
2266
-khtml-opacity: 0.8;
2267
-moz-opacity: 0.8;
2268
opacity: 0.8;
2269
}
2270
.twipsy.above .twipsy-arrow {
2271
bottom: 0;
2272
left: 50%;
2273
margin-left: -5px;
2274
border-left: 5px solid transparent;
2275
border-right: 5px solid transparent;
2276
border-top: 5px solid #000000;
2277
}
2278
.twipsy.left .twipsy-arrow {
2279
top: 50%;
2280
right: 0;
2281
margin-top: -5px;
2282
border-top: 5px solid transparent;
2283
border-bottom: 5px solid transparent;
2284
border-left: 5px solid #000000;
2285
}
2286
.twipsy.below .twipsy-arrow {
2287
top: 0;
2288
left: 50%;
2289
margin-left: -5px;
2290
border-left: 5px solid transparent;
2291
border-right: 5px solid transparent;
2292
border-bottom: 5px solid #000000;
2293
}
2294
.twipsy.right .twipsy-arrow {
2295
top: 50%;
2296
left: 0;
2297
margin-top: -5px;
2298
border-top: 5px solid transparent;
2299
border-bottom: 5px solid transparent;
2300
border-right: 5px solid #000000;
2301
}
2302
.twipsy-inner {
2303
padding: 3px 8px;
2304
background-color: #000000;
2305
color: white;
2306
text-align: center;
2307
max-width: 200px;
2308
text-decoration: none;
2309
-webkit-border-radius: 4px;
2310
-moz-border-radius: 4px;
2311
border-radius: 4px;
2312
}
2313
.twipsy-arrow {
2314
position: absolute;
2315
width: 0;
2316
height: 0;
2317
}
2318
.popover {
2319
position: absolute;
2320
top: 0;
2321
left: 0;
2322
z-index: 1000;
2323
padding: 5px;
2324
display: none;
2325
}
2326
.popover.above .arrow {
2327
bottom: 0;
2328
left: 50%;
2329
margin-left: -5px;
2330
border-left: 5px solid transparent;
2331
border-right: 5px solid transparent;
2332
border-top: 5px solid #000000;
2333
}
2334
.popover.right .arrow {
2335
top: 50%;
2336
left: 0;
2337
margin-top: -5px;
2338
border-top: 5px solid transparent;
2339
border-bottom: 5px solid transparent;
2340
border-right: 5px solid #000000;
2341
}
2342
.popover.below .arrow {
2343
top: 0;
2344
left: 50%;
2345
margin-left: -5px;
2346
border-left: 5px solid transparent;
2347
border-right: 5px solid transparent;
2348
border-bottom: 5px solid #000000;
2349
}
2350
.popover.left .arrow {
2351
top: 50%;
2352
right: 0;
2353
margin-top: -5px;
2354
border-top: 5px solid transparent;
2355
border-bottom: 5px solid transparent;
2356
border-left: 5px solid #000000;
2357
}
2358
.popover .arrow {
2359
position: absolute;
2360
width: 0;
2361
height: 0;
2362
}
2363
.popover .inner {
2364
background: #000000;
2365
background: rgba(0, 0, 0, 0.8);
2366
padding: 3px;
2367
overflow: hidden;
2368
width: 280px;
2369
-webkit-border-radius: 6px;
2370
-moz-border-radius: 6px;
2371
border-radius: 6px;
2372
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2373
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2374
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
2375
}
2376
.popover .title {
2377
background-color: #f5f5f5;
2378
padding: 9px 15px;
2379
line-height: 1;
2380
-webkit-border-radius: 3px 3px 0 0;
2381
-moz-border-radius: 3px 3px 0 0;
2382
border-radius: 3px 3px 0 0;
2383
border-bottom: 1px solid #eee;
2384
}
2385
.popover .content {
2386
background-color: #ffffff;
2387
padding: 14px;
2388
-webkit-border-radius: 0 0 3px 3px;
2389
-moz-border-radius: 0 0 3px 3px;
2390
border-radius: 0 0 3px 3px;
2391
-webkit-background-clip: padding-box;
2392
-moz-background-clip: padding-box;
2393
background-clip: padding-box;
2394
}
2395
.popover .content p, .popover .content ul, .popover .content ol {
2396
margin-bottom: 0;
2397
}
2398
.fade {
2399
-webkit-transition: opacity 0.15s linear;
2400
-moz-transition: opacity 0.15s linear;
2401
-ms-transition: opacity 0.15s linear;
2402
-o-transition: opacity 0.15s linear;
2403
transition: opacity 0.15s linear;
2404
opacity: 0;
2405
}
2406
.fade.in {
2407
opacity: 1;
2408
}
2409
.label {
2410
padding: 1px 3px 2px;
2411
font-size: 9.75px;
2412
font-weight: bold;
2413
color: #ffffff;
2414
text-transform: uppercase;
2415
white-space: nowrap;
2416
background-color: #bfbfbf;
2417
-webkit-border-radius: 3px;
2418
-moz-border-radius: 3px;
2419
border-radius: 3px;
2420
}
2421
.label.important {
2422
background-color: #c43c35;
2423
}
2424
.label.warning {
2425
background-color: #f89406;
2426
}
2427
.label.success {
2428
background-color: #46a546;
2429
}
2430
.label.notice {
2431
background-color: #62cffc;
2432
}
2433
.media-grid {
2434
margin-left: -20px;
2435
margin-bottom: 0;
2436
zoom: 1;
2437
}
2438
.media-grid:before, .media-grid:after {
2439
display: table;
2440
content: "";
2441
zoom: 1;
2442
}
2443
.media-grid:after {
2444
clear: both;
2445
}
2446
.media-grid li {
2447
display: inline;
2448
}
2449
.media-grid a {
2450
float: left;
2451
padding: 4px;
2452
margin: 0 0 18px 20px;
2453
border: 1px solid #ddd;
2454
-webkit-border-radius: 4px;
2455
-moz-border-radius: 4px;
2456
border-radius: 4px;
2457
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2458
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2459
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
2460
}
2461
.media-grid a img {
2462
display: block;
2463
}
2464
.media-grid a:hover {
2465
border-color: #0069d6;
2466
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2467
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2468
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
2469
}
2470