picasso 0.5.0 → 0.5.1
Sign up to get free protection for your applications and to get access to all the features.
- data/docs/_picasso.html +74 -93
- data/docs/css/picasso-demos.css +74 -93
- data/docs/css/picasso-docs.css +2 -2
- data/docs/index.html +74 -93
- data/docs/picasso-_components.html +74 -93
- data/docs/picasso-_despegar.html +74 -93
- data/docs/picasso-_utils.html +74 -93
- data/docs/picasso-components-_accordions.html +74 -93
- data/docs/picasso-components-_arrows.html +74 -93
- data/docs/picasso-components-_bubbles.html +74 -93
- data/docs/picasso-components-_buttons.html +74 -93
- data/docs/picasso-components-_clusters.html +74 -93
- data/docs/picasso-components-_inputs.html +74 -93
- data/docs/picasso-components-_list-grids.html +74 -93
- data/docs/picasso-components-_navs.html +74 -93
- data/docs/picasso-components-_pagination.html +74 -93
- data/docs/picasso-components-_popups.html +74 -93
- data/docs/picasso-components-_tooltips.html +74 -93
- data/docs/picasso-components-buttons-_3d.html +78 -95
- data/docs/picasso-despegar-_mixins.html +74 -93
- data/docs/picasso-despegar-_variables.html +78 -97
- data/docs/picasso-utils-_clearfix.html +74 -93
- data/docs/picasso-utils-_grid.html +74 -98
- data/docs/picasso-utils-_ie.html +74 -93
- data/docs/picasso-utils-_rem.html +74 -93
- data/docs/picasso-utils-_sprite.html +74 -93
- data/lib/picasso/version.rb +1 -1
- data/stylesheets/picasso/components/buttons/_3d.scss +4 -2
- data/stylesheets/picasso/despegar/_variables.scss +2 -2
- data/stylesheets/picasso/utils/_grid.scss +0 -5
- metadata +53 -56
|
@@ -15,7 +15,7 @@ body {
|
|
|
15
15
|
.tooltip-demo-1 {
|
|
16
16
|
display: block;
|
|
17
17
|
position: absolute;
|
|
18
|
-
padding: 0.
|
|
18
|
+
padding: 0.26667em;
|
|
19
19
|
font-size: 0.8em;
|
|
20
20
|
background-color: black;
|
|
21
21
|
color: white;
|
|
@@ -32,7 +32,7 @@ body {
|
|
|
32
32
|
.tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
|
|
33
33
|
position: absolute;
|
|
34
34
|
top: 0;
|
|
35
|
-
padding: 0.
|
|
35
|
+
padding: 0.26667em 0;
|
|
36
36
|
left: -0.82em;
|
|
37
37
|
content: "\25C4";
|
|
38
38
|
}
|
|
@@ -51,7 +51,7 @@ body {
|
|
|
51
51
|
.tooltip-demo-2 {
|
|
52
52
|
display: block;
|
|
53
53
|
position: absolute;
|
|
54
|
-
padding: 0.
|
|
54
|
+
padding: 0.26667em;
|
|
55
55
|
font-size: 0.8em;
|
|
56
56
|
background-color: black;
|
|
57
57
|
color: white;
|
|
@@ -68,7 +68,7 @@ body {
|
|
|
68
68
|
.tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
|
|
69
69
|
position: absolute;
|
|
70
70
|
top: 0;
|
|
71
|
-
padding: 0.
|
|
71
|
+
padding: 0.26667em 0;
|
|
72
72
|
right: -0.82em;
|
|
73
73
|
content: "\25BA";
|
|
74
74
|
}
|
|
@@ -192,13 +192,15 @@ body {
|
|
|
192
192
|
text-decoration: none;
|
|
193
193
|
color: white;
|
|
194
194
|
}
|
|
195
|
-
.button-3d-demo-1 span {
|
|
196
|
-
background-color: #f73741;
|
|
195
|
+
.button-3d-demo-1 span, .button-3d-demo-1 span:active {
|
|
197
196
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
198
197
|
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
199
198
|
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
200
199
|
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
201
200
|
background-image: linear-gradient(#f73741, #8f060d);
|
|
201
|
+
}
|
|
202
|
+
.button-3d-demo-1 span {
|
|
203
|
+
background-color: #f73741;
|
|
202
204
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
203
205
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
204
206
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -216,11 +218,6 @@ body {
|
|
|
216
218
|
}
|
|
217
219
|
.button-3d-demo-1 span:active {
|
|
218
220
|
text-shadow: 0 -1px 0 black;
|
|
219
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
220
|
-
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
221
|
-
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
222
|
-
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
223
|
-
background-image: linear-gradient(#f73741, #8f060d);
|
|
224
221
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
225
222
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
226
223
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -294,13 +291,15 @@ body {
|
|
|
294
291
|
text-decoration: none;
|
|
295
292
|
color: white;
|
|
296
293
|
}
|
|
297
|
-
.button-3d-demo-2 span {
|
|
298
|
-
background-color: #013d93;
|
|
294
|
+
.button-3d-demo-2 span, .button-3d-demo-2 span:active {
|
|
299
295
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
300
296
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
301
297
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
302
298
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
303
299
|
background-image: linear-gradient(#013d93, #000000);
|
|
300
|
+
}
|
|
301
|
+
.button-3d-demo-2 span {
|
|
302
|
+
background-color: #013d93;
|
|
304
303
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
305
304
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
306
305
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -318,11 +317,6 @@ body {
|
|
|
318
317
|
}
|
|
319
318
|
.button-3d-demo-2 span:active {
|
|
320
319
|
text-shadow: 0 -1px 0 black;
|
|
321
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
322
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
323
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
324
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
325
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
326
320
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
327
321
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
328
322
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -396,13 +390,15 @@ body {
|
|
|
396
390
|
text-decoration: none;
|
|
397
391
|
color: white;
|
|
398
392
|
}
|
|
399
|
-
.button-3d-demo-3 span {
|
|
400
|
-
background-color: #fbb450;
|
|
393
|
+
.button-3d-demo-3 span, .button-3d-demo-3 span:active {
|
|
401
394
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
402
395
|
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
403
396
|
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
404
397
|
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
405
398
|
background-image: linear-gradient(#fbb450, #ae6704);
|
|
399
|
+
}
|
|
400
|
+
.button-3d-demo-3 span {
|
|
401
|
+
background-color: #fbb450;
|
|
406
402
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
407
403
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
408
404
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -420,11 +416,6 @@ body {
|
|
|
420
416
|
}
|
|
421
417
|
.button-3d-demo-3 span:active {
|
|
422
418
|
text-shadow: 0 -1px 0 black;
|
|
423
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
424
|
-
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
425
|
-
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
426
|
-
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
427
|
-
background-image: linear-gradient(#fbb450, #ae6704);
|
|
428
419
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
429
420
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
430
421
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -498,13 +489,15 @@ body {
|
|
|
498
489
|
text-decoration: none;
|
|
499
490
|
color: white;
|
|
500
491
|
}
|
|
501
|
-
.button-3d-demo-4 span {
|
|
502
|
-
background-color: #013d93;
|
|
492
|
+
.button-3d-demo-4 span, .button-3d-demo-4 span:active {
|
|
503
493
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
504
494
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
505
495
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
506
496
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
507
497
|
background-image: linear-gradient(#013d93, #000000);
|
|
498
|
+
}
|
|
499
|
+
.button-3d-demo-4 span {
|
|
500
|
+
background-color: #013d93;
|
|
508
501
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
509
502
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
510
503
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -522,11 +515,6 @@ body {
|
|
|
522
515
|
}
|
|
523
516
|
.button-3d-demo-4 span:active {
|
|
524
517
|
text-shadow: 0 -1px 0 black;
|
|
525
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
526
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
527
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
528
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
529
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
530
518
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
531
519
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
532
520
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -600,13 +588,15 @@ body {
|
|
|
600
588
|
text-decoration: none;
|
|
601
589
|
color: #013d93;
|
|
602
590
|
}
|
|
603
|
-
.button-3d-demo-5 span {
|
|
604
|
-
background-color: #eeeeee;
|
|
591
|
+
.button-3d-demo-5 span, .button-3d-demo-5 span:active {
|
|
605
592
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
606
593
|
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
607
594
|
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
608
595
|
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
609
596
|
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
597
|
+
}
|
|
598
|
+
.button-3d-demo-5 span {
|
|
599
|
+
background-color: #eeeeee;
|
|
610
600
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
611
601
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
612
602
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -624,11 +614,6 @@ body {
|
|
|
624
614
|
}
|
|
625
615
|
.button-3d-demo-5 span:active {
|
|
626
616
|
text-shadow: 0 -1px 0 #b5b5b5;
|
|
627
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
628
|
-
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
629
|
-
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
630
|
-
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
631
|
-
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
632
617
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
633
618
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
634
619
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -1252,7 +1237,7 @@ body {
|
|
|
1252
1237
|
margin-top: 0;
|
|
1253
1238
|
}
|
|
1254
1239
|
.accordion-demo-1 .accordion-header {
|
|
1255
|
-
padding: 0.
|
|
1240
|
+
padding: 0.4065em 10px;
|
|
1256
1241
|
}
|
|
1257
1242
|
.accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
|
|
1258
1243
|
content: "";
|
|
@@ -1501,7 +1486,7 @@ body {
|
|
|
1501
1486
|
padding: 0 0 0 0.5em;
|
|
1502
1487
|
font-style: normal;
|
|
1503
1488
|
font-size: 25px;
|
|
1504
|
-
font-size: 1.
|
|
1489
|
+
font-size: 1.5625rem;
|
|
1505
1490
|
background: #5fc8ff;
|
|
1506
1491
|
color: white;
|
|
1507
1492
|
-moz-border-radius-topleft: 0.1em;
|
|
@@ -1533,7 +1518,7 @@ body {
|
|
|
1533
1518
|
padding: 0 0.5em 0 0;
|
|
1534
1519
|
font-style: normal;
|
|
1535
1520
|
font-size: 25px;
|
|
1536
|
-
font-size: 1.
|
|
1521
|
+
font-size: 1.5625rem;
|
|
1537
1522
|
background: #5fc8ff;
|
|
1538
1523
|
color: white;
|
|
1539
1524
|
-moz-border-radius-topright: 0.1em;
|
|
@@ -1578,10 +1563,9 @@ body {
|
|
|
1578
1563
|
}
|
|
1579
1564
|
.row-col [class^="col"] {
|
|
1580
1565
|
width: 100%;
|
|
1581
|
-
min-height: 25px;
|
|
1582
1566
|
display: block;
|
|
1583
1567
|
float: left;
|
|
1584
|
-
margin-left: 2.
|
|
1568
|
+
margin-left: 2.17391%;
|
|
1585
1569
|
-webkit-box-sizing: border-box;
|
|
1586
1570
|
-moz-box-sizing: border-box;
|
|
1587
1571
|
box-sizing: border-box;
|
|
@@ -1589,149 +1573,146 @@ body {
|
|
|
1589
1573
|
.row-col [class^="col"]:first-child {
|
|
1590
1574
|
margin-left: 0;
|
|
1591
1575
|
}
|
|
1592
|
-
.row-col [class^="col"] img {
|
|
1593
|
-
max-width: 100%;
|
|
1594
|
-
}
|
|
1595
1576
|
.row-col .col1 {
|
|
1596
|
-
width: 6.
|
|
1577
|
+
width: 6.34058%;
|
|
1597
1578
|
}
|
|
1598
1579
|
.ie7 .row-col .col1 {
|
|
1599
|
-
width: 6.
|
|
1580
|
+
width: 6.24858%;
|
|
1600
1581
|
}
|
|
1601
1582
|
.row-col [class^="col"].offset1 {
|
|
1602
|
-
margin-left: 10.
|
|
1583
|
+
margin-left: 10.50725%;
|
|
1603
1584
|
}
|
|
1604
1585
|
.row-col [class^="col"].offset1:first-child {
|
|
1605
|
-
margin-left: 8.
|
|
1586
|
+
margin-left: 8.42391%;
|
|
1606
1587
|
}
|
|
1607
1588
|
.row-col .col2 {
|
|
1608
|
-
width: 14.
|
|
1589
|
+
width: 14.85507%;
|
|
1609
1590
|
}
|
|
1610
1591
|
.ie7 .row-col .col2 {
|
|
1611
|
-
width: 14.
|
|
1592
|
+
width: 14.76307%;
|
|
1612
1593
|
}
|
|
1613
1594
|
.row-col [class^="col"].offset2 {
|
|
1614
|
-
margin-left: 19.
|
|
1595
|
+
margin-left: 19.02174%;
|
|
1615
1596
|
}
|
|
1616
1597
|
.row-col [class^="col"].offset2:first-child {
|
|
1617
|
-
margin-left: 16.
|
|
1598
|
+
margin-left: 16.93841%;
|
|
1618
1599
|
}
|
|
1619
1600
|
.row-col .col3 {
|
|
1620
|
-
width: 23.
|
|
1601
|
+
width: 23.36957%;
|
|
1621
1602
|
}
|
|
1622
1603
|
.ie7 .row-col .col3 {
|
|
1623
|
-
width: 23.
|
|
1604
|
+
width: 23.27757%;
|
|
1624
1605
|
}
|
|
1625
1606
|
.row-col [class^="col"].offset3 {
|
|
1626
|
-
margin-left: 27.
|
|
1607
|
+
margin-left: 27.53623%;
|
|
1627
1608
|
}
|
|
1628
1609
|
.row-col [class^="col"].offset3:first-child {
|
|
1629
|
-
margin-left: 25.
|
|
1610
|
+
margin-left: 25.4529%;
|
|
1630
1611
|
}
|
|
1631
1612
|
.row-col .col4 {
|
|
1632
|
-
width: 31.
|
|
1613
|
+
width: 31.88406%;
|
|
1633
1614
|
}
|
|
1634
1615
|
.ie7 .row-col .col4 {
|
|
1635
|
-
width: 31.
|
|
1616
|
+
width: 31.79206%;
|
|
1636
1617
|
}
|
|
1637
1618
|
.row-col [class^="col"].offset4 {
|
|
1638
|
-
margin-left: 36.
|
|
1619
|
+
margin-left: 36.05072%;
|
|
1639
1620
|
}
|
|
1640
1621
|
.row-col [class^="col"].offset4:first-child {
|
|
1641
|
-
margin-left: 33.
|
|
1622
|
+
margin-left: 33.96739%;
|
|
1642
1623
|
}
|
|
1643
1624
|
.row-col .col5 {
|
|
1644
|
-
width: 40.
|
|
1625
|
+
width: 40.39855%;
|
|
1645
1626
|
}
|
|
1646
1627
|
.ie7 .row-col .col5 {
|
|
1647
|
-
width: 40.
|
|
1628
|
+
width: 40.30655%;
|
|
1648
1629
|
}
|
|
1649
1630
|
.row-col [class^="col"].offset5 {
|
|
1650
|
-
margin-left: 44.
|
|
1631
|
+
margin-left: 44.56522%;
|
|
1651
1632
|
}
|
|
1652
1633
|
.row-col [class^="col"].offset5:first-child {
|
|
1653
|
-
margin-left: 42.
|
|
1634
|
+
margin-left: 42.48188%;
|
|
1654
1635
|
}
|
|
1655
1636
|
.row-col .col6 {
|
|
1656
|
-
width: 48.
|
|
1637
|
+
width: 48.91304%;
|
|
1657
1638
|
}
|
|
1658
1639
|
.ie7 .row-col .col6 {
|
|
1659
|
-
width: 48.
|
|
1640
|
+
width: 48.82104%;
|
|
1660
1641
|
}
|
|
1661
1642
|
.row-col [class^="col"].offset6 {
|
|
1662
|
-
margin-left: 53.
|
|
1643
|
+
margin-left: 53.07971%;
|
|
1663
1644
|
}
|
|
1664
1645
|
.row-col [class^="col"].offset6:first-child {
|
|
1665
|
-
margin-left: 50.
|
|
1646
|
+
margin-left: 50.99638%;
|
|
1666
1647
|
}
|
|
1667
1648
|
.row-col .col7 {
|
|
1668
|
-
width: 57.
|
|
1649
|
+
width: 57.42754%;
|
|
1669
1650
|
}
|
|
1670
1651
|
.ie7 .row-col .col7 {
|
|
1671
|
-
width: 57.
|
|
1652
|
+
width: 57.33554%;
|
|
1672
1653
|
}
|
|
1673
1654
|
.row-col [class^="col"].offset7 {
|
|
1674
|
-
margin-left: 61.
|
|
1655
|
+
margin-left: 61.5942%;
|
|
1675
1656
|
}
|
|
1676
1657
|
.row-col [class^="col"].offset7:first-child {
|
|
1677
|
-
margin-left: 59.
|
|
1658
|
+
margin-left: 59.51087%;
|
|
1678
1659
|
}
|
|
1679
1660
|
.row-col .col8 {
|
|
1680
|
-
width: 65.
|
|
1661
|
+
width: 65.94203%;
|
|
1681
1662
|
}
|
|
1682
1663
|
.ie7 .row-col .col8 {
|
|
1683
|
-
width: 65.
|
|
1664
|
+
width: 65.85003%;
|
|
1684
1665
|
}
|
|
1685
1666
|
.row-col [class^="col"].offset8 {
|
|
1686
|
-
margin-left: 70.
|
|
1667
|
+
margin-left: 70.1087%;
|
|
1687
1668
|
}
|
|
1688
1669
|
.row-col [class^="col"].offset8:first-child {
|
|
1689
|
-
margin-left: 68.
|
|
1670
|
+
margin-left: 68.02536%;
|
|
1690
1671
|
}
|
|
1691
1672
|
.row-col .col9 {
|
|
1692
|
-
width: 74.
|
|
1673
|
+
width: 74.45652%;
|
|
1693
1674
|
}
|
|
1694
1675
|
.ie7 .row-col .col9 {
|
|
1695
|
-
width: 74.
|
|
1676
|
+
width: 74.36452%;
|
|
1696
1677
|
}
|
|
1697
1678
|
.row-col [class^="col"].offset9 {
|
|
1698
|
-
margin-left: 78.
|
|
1679
|
+
margin-left: 78.62319%;
|
|
1699
1680
|
}
|
|
1700
1681
|
.row-col [class^="col"].offset9:first-child {
|
|
1701
|
-
margin-left: 76.
|
|
1682
|
+
margin-left: 76.53986%;
|
|
1702
1683
|
}
|
|
1703
1684
|
.row-col .col10 {
|
|
1704
|
-
width: 82.
|
|
1685
|
+
width: 82.97101%;
|
|
1705
1686
|
}
|
|
1706
1687
|
.ie7 .row-col .col10 {
|
|
1707
|
-
width: 82.
|
|
1688
|
+
width: 82.87901%;
|
|
1708
1689
|
}
|
|
1709
1690
|
.row-col [class^="col"].offset10 {
|
|
1710
|
-
margin-left: 87.
|
|
1691
|
+
margin-left: 87.13768%;
|
|
1711
1692
|
}
|
|
1712
1693
|
.row-col [class^="col"].offset10:first-child {
|
|
1713
|
-
margin-left: 85.
|
|
1694
|
+
margin-left: 85.05435%;
|
|
1714
1695
|
}
|
|
1715
1696
|
.row-col .col11 {
|
|
1716
|
-
width: 91.
|
|
1697
|
+
width: 91.48551%;
|
|
1717
1698
|
}
|
|
1718
1699
|
.ie7 .row-col .col11 {
|
|
1719
|
-
width: 91.
|
|
1700
|
+
width: 91.39351%;
|
|
1720
1701
|
}
|
|
1721
1702
|
.row-col [class^="col"].offset11 {
|
|
1722
|
-
margin-left: 95.
|
|
1703
|
+
margin-left: 95.65217%;
|
|
1723
1704
|
}
|
|
1724
1705
|
.row-col [class^="col"].offset11:first-child {
|
|
1725
|
-
margin-left: 93.
|
|
1706
|
+
margin-left: 93.56884%;
|
|
1726
1707
|
}
|
|
1727
1708
|
.row-col .col12 {
|
|
1728
1709
|
width: 100%;
|
|
1729
1710
|
}
|
|
1730
1711
|
.row-col [class^="col"].offset12 {
|
|
1731
|
-
margin-left: 104.
|
|
1712
|
+
margin-left: 104.16667%;
|
|
1732
1713
|
}
|
|
1733
1714
|
.row-col [class^="col"].offset12:first-child {
|
|
1734
|
-
margin-left: 102.
|
|
1715
|
+
margin-left: 102.08333%;
|
|
1735
1716
|
}
|
|
1736
1717
|
|
|
1737
1718
|
.row-col {
|
|
@@ -15,7 +15,7 @@ body {
|
|
|
15
15
|
.tooltip-demo-1 {
|
|
16
16
|
display: block;
|
|
17
17
|
position: absolute;
|
|
18
|
-
padding: 0.
|
|
18
|
+
padding: 0.26667em;
|
|
19
19
|
font-size: 0.8em;
|
|
20
20
|
background-color: black;
|
|
21
21
|
color: white;
|
|
@@ -32,7 +32,7 @@ body {
|
|
|
32
32
|
.tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
|
|
33
33
|
position: absolute;
|
|
34
34
|
top: 0;
|
|
35
|
-
padding: 0.
|
|
35
|
+
padding: 0.26667em 0;
|
|
36
36
|
left: -0.82em;
|
|
37
37
|
content: "\25C4";
|
|
38
38
|
}
|
|
@@ -51,7 +51,7 @@ body {
|
|
|
51
51
|
.tooltip-demo-2 {
|
|
52
52
|
display: block;
|
|
53
53
|
position: absolute;
|
|
54
|
-
padding: 0.
|
|
54
|
+
padding: 0.26667em;
|
|
55
55
|
font-size: 0.8em;
|
|
56
56
|
background-color: black;
|
|
57
57
|
color: white;
|
|
@@ -68,7 +68,7 @@ body {
|
|
|
68
68
|
.tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
|
|
69
69
|
position: absolute;
|
|
70
70
|
top: 0;
|
|
71
|
-
padding: 0.
|
|
71
|
+
padding: 0.26667em 0;
|
|
72
72
|
right: -0.82em;
|
|
73
73
|
content: "\25BA";
|
|
74
74
|
}
|
|
@@ -192,13 +192,15 @@ body {
|
|
|
192
192
|
text-decoration: none;
|
|
193
193
|
color: white;
|
|
194
194
|
}
|
|
195
|
-
.button-3d-demo-1 span {
|
|
196
|
-
background-color: #f73741;
|
|
195
|
+
.button-3d-demo-1 span, .button-3d-demo-1 span:active {
|
|
197
196
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
198
197
|
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
199
198
|
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
200
199
|
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
201
200
|
background-image: linear-gradient(#f73741, #8f060d);
|
|
201
|
+
}
|
|
202
|
+
.button-3d-demo-1 span {
|
|
203
|
+
background-color: #f73741;
|
|
202
204
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
203
205
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
204
206
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -216,11 +218,6 @@ body {
|
|
|
216
218
|
}
|
|
217
219
|
.button-3d-demo-1 span:active {
|
|
218
220
|
text-shadow: 0 -1px 0 black;
|
|
219
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
220
|
-
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
221
|
-
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
222
|
-
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
223
|
-
background-image: linear-gradient(#f73741, #8f060d);
|
|
224
221
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
225
222
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
226
223
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -294,13 +291,15 @@ body {
|
|
|
294
291
|
text-decoration: none;
|
|
295
292
|
color: white;
|
|
296
293
|
}
|
|
297
|
-
.button-3d-demo-2 span {
|
|
298
|
-
background-color: #013d93;
|
|
294
|
+
.button-3d-demo-2 span, .button-3d-demo-2 span:active {
|
|
299
295
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
300
296
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
301
297
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
302
298
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
303
299
|
background-image: linear-gradient(#013d93, #000000);
|
|
300
|
+
}
|
|
301
|
+
.button-3d-demo-2 span {
|
|
302
|
+
background-color: #013d93;
|
|
304
303
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
305
304
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
306
305
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -318,11 +317,6 @@ body {
|
|
|
318
317
|
}
|
|
319
318
|
.button-3d-demo-2 span:active {
|
|
320
319
|
text-shadow: 0 -1px 0 black;
|
|
321
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
322
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
323
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
324
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
325
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
326
320
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
327
321
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
328
322
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -396,13 +390,15 @@ body {
|
|
|
396
390
|
text-decoration: none;
|
|
397
391
|
color: white;
|
|
398
392
|
}
|
|
399
|
-
.button-3d-demo-3 span {
|
|
400
|
-
background-color: #fbb450;
|
|
393
|
+
.button-3d-demo-3 span, .button-3d-demo-3 span:active {
|
|
401
394
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
402
395
|
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
403
396
|
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
404
397
|
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
405
398
|
background-image: linear-gradient(#fbb450, #ae6704);
|
|
399
|
+
}
|
|
400
|
+
.button-3d-demo-3 span {
|
|
401
|
+
background-color: #fbb450;
|
|
406
402
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
407
403
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
408
404
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -420,11 +416,6 @@ body {
|
|
|
420
416
|
}
|
|
421
417
|
.button-3d-demo-3 span:active {
|
|
422
418
|
text-shadow: 0 -1px 0 black;
|
|
423
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
424
|
-
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
425
|
-
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
426
|
-
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
427
|
-
background-image: linear-gradient(#fbb450, #ae6704);
|
|
428
419
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
429
420
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
430
421
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -498,13 +489,15 @@ body {
|
|
|
498
489
|
text-decoration: none;
|
|
499
490
|
color: white;
|
|
500
491
|
}
|
|
501
|
-
.button-3d-demo-4 span {
|
|
502
|
-
background-color: #013d93;
|
|
492
|
+
.button-3d-demo-4 span, .button-3d-demo-4 span:active {
|
|
503
493
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
504
494
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
505
495
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
506
496
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
507
497
|
background-image: linear-gradient(#013d93, #000000);
|
|
498
|
+
}
|
|
499
|
+
.button-3d-demo-4 span {
|
|
500
|
+
background-color: #013d93;
|
|
508
501
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
509
502
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
510
503
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -522,11 +515,6 @@ body {
|
|
|
522
515
|
}
|
|
523
516
|
.button-3d-demo-4 span:active {
|
|
524
517
|
text-shadow: 0 -1px 0 black;
|
|
525
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
526
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
527
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
528
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
529
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
530
518
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
531
519
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
532
520
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -600,13 +588,15 @@ body {
|
|
|
600
588
|
text-decoration: none;
|
|
601
589
|
color: #013d93;
|
|
602
590
|
}
|
|
603
|
-
.button-3d-demo-5 span {
|
|
604
|
-
background-color: #eeeeee;
|
|
591
|
+
.button-3d-demo-5 span, .button-3d-demo-5 span:active {
|
|
605
592
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
606
593
|
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
607
594
|
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
608
595
|
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
609
596
|
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
597
|
+
}
|
|
598
|
+
.button-3d-demo-5 span {
|
|
599
|
+
background-color: #eeeeee;
|
|
610
600
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
611
601
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
612
602
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -624,11 +614,6 @@ body {
|
|
|
624
614
|
}
|
|
625
615
|
.button-3d-demo-5 span:active {
|
|
626
616
|
text-shadow: 0 -1px 0 #b5b5b5;
|
|
627
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
628
|
-
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
629
|
-
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
630
|
-
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
631
|
-
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
632
617
|
-webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
633
618
|
-moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
634
619
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
|
|
@@ -1252,7 +1237,7 @@ body {
|
|
|
1252
1237
|
margin-top: 0;
|
|
1253
1238
|
}
|
|
1254
1239
|
.accordion-demo-1 .accordion-header {
|
|
1255
|
-
padding: 0.
|
|
1240
|
+
padding: 0.4065em 10px;
|
|
1256
1241
|
}
|
|
1257
1242
|
.accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
|
|
1258
1243
|
content: "";
|
|
@@ -1501,7 +1486,7 @@ body {
|
|
|
1501
1486
|
padding: 0 0 0 0.5em;
|
|
1502
1487
|
font-style: normal;
|
|
1503
1488
|
font-size: 25px;
|
|
1504
|
-
font-size: 1.
|
|
1489
|
+
font-size: 1.5625rem;
|
|
1505
1490
|
background: #5fc8ff;
|
|
1506
1491
|
color: white;
|
|
1507
1492
|
-moz-border-radius-topleft: 0.1em;
|
|
@@ -1533,7 +1518,7 @@ body {
|
|
|
1533
1518
|
padding: 0 0.5em 0 0;
|
|
1534
1519
|
font-style: normal;
|
|
1535
1520
|
font-size: 25px;
|
|
1536
|
-
font-size: 1.
|
|
1521
|
+
font-size: 1.5625rem;
|
|
1537
1522
|
background: #5fc8ff;
|
|
1538
1523
|
color: white;
|
|
1539
1524
|
-moz-border-radius-topright: 0.1em;
|
|
@@ -1578,10 +1563,9 @@ body {
|
|
|
1578
1563
|
}
|
|
1579
1564
|
.row-col [class^="col"] {
|
|
1580
1565
|
width: 100%;
|
|
1581
|
-
min-height: 25px;
|
|
1582
1566
|
display: block;
|
|
1583
1567
|
float: left;
|
|
1584
|
-
margin-left: 2.
|
|
1568
|
+
margin-left: 2.17391%;
|
|
1585
1569
|
-webkit-box-sizing: border-box;
|
|
1586
1570
|
-moz-box-sizing: border-box;
|
|
1587
1571
|
box-sizing: border-box;
|
|
@@ -1589,149 +1573,146 @@ body {
|
|
|
1589
1573
|
.row-col [class^="col"]:first-child {
|
|
1590
1574
|
margin-left: 0;
|
|
1591
1575
|
}
|
|
1592
|
-
.row-col [class^="col"] img {
|
|
1593
|
-
max-width: 100%;
|
|
1594
|
-
}
|
|
1595
1576
|
.row-col .col1 {
|
|
1596
|
-
width: 6.
|
|
1577
|
+
width: 6.34058%;
|
|
1597
1578
|
}
|
|
1598
1579
|
.ie7 .row-col .col1 {
|
|
1599
|
-
width: 6.
|
|
1580
|
+
width: 6.24858%;
|
|
1600
1581
|
}
|
|
1601
1582
|
.row-col [class^="col"].offset1 {
|
|
1602
|
-
margin-left: 10.
|
|
1583
|
+
margin-left: 10.50725%;
|
|
1603
1584
|
}
|
|
1604
1585
|
.row-col [class^="col"].offset1:first-child {
|
|
1605
|
-
margin-left: 8.
|
|
1586
|
+
margin-left: 8.42391%;
|
|
1606
1587
|
}
|
|
1607
1588
|
.row-col .col2 {
|
|
1608
|
-
width: 14.
|
|
1589
|
+
width: 14.85507%;
|
|
1609
1590
|
}
|
|
1610
1591
|
.ie7 .row-col .col2 {
|
|
1611
|
-
width: 14.
|
|
1592
|
+
width: 14.76307%;
|
|
1612
1593
|
}
|
|
1613
1594
|
.row-col [class^="col"].offset2 {
|
|
1614
|
-
margin-left: 19.
|
|
1595
|
+
margin-left: 19.02174%;
|
|
1615
1596
|
}
|
|
1616
1597
|
.row-col [class^="col"].offset2:first-child {
|
|
1617
|
-
margin-left: 16.
|
|
1598
|
+
margin-left: 16.93841%;
|
|
1618
1599
|
}
|
|
1619
1600
|
.row-col .col3 {
|
|
1620
|
-
width: 23.
|
|
1601
|
+
width: 23.36957%;
|
|
1621
1602
|
}
|
|
1622
1603
|
.ie7 .row-col .col3 {
|
|
1623
|
-
width: 23.
|
|
1604
|
+
width: 23.27757%;
|
|
1624
1605
|
}
|
|
1625
1606
|
.row-col [class^="col"].offset3 {
|
|
1626
|
-
margin-left: 27.
|
|
1607
|
+
margin-left: 27.53623%;
|
|
1627
1608
|
}
|
|
1628
1609
|
.row-col [class^="col"].offset3:first-child {
|
|
1629
|
-
margin-left: 25.
|
|
1610
|
+
margin-left: 25.4529%;
|
|
1630
1611
|
}
|
|
1631
1612
|
.row-col .col4 {
|
|
1632
|
-
width: 31.
|
|
1613
|
+
width: 31.88406%;
|
|
1633
1614
|
}
|
|
1634
1615
|
.ie7 .row-col .col4 {
|
|
1635
|
-
width: 31.
|
|
1616
|
+
width: 31.79206%;
|
|
1636
1617
|
}
|
|
1637
1618
|
.row-col [class^="col"].offset4 {
|
|
1638
|
-
margin-left: 36.
|
|
1619
|
+
margin-left: 36.05072%;
|
|
1639
1620
|
}
|
|
1640
1621
|
.row-col [class^="col"].offset4:first-child {
|
|
1641
|
-
margin-left: 33.
|
|
1622
|
+
margin-left: 33.96739%;
|
|
1642
1623
|
}
|
|
1643
1624
|
.row-col .col5 {
|
|
1644
|
-
width: 40.
|
|
1625
|
+
width: 40.39855%;
|
|
1645
1626
|
}
|
|
1646
1627
|
.ie7 .row-col .col5 {
|
|
1647
|
-
width: 40.
|
|
1628
|
+
width: 40.30655%;
|
|
1648
1629
|
}
|
|
1649
1630
|
.row-col [class^="col"].offset5 {
|
|
1650
|
-
margin-left: 44.
|
|
1631
|
+
margin-left: 44.56522%;
|
|
1651
1632
|
}
|
|
1652
1633
|
.row-col [class^="col"].offset5:first-child {
|
|
1653
|
-
margin-left: 42.
|
|
1634
|
+
margin-left: 42.48188%;
|
|
1654
1635
|
}
|
|
1655
1636
|
.row-col .col6 {
|
|
1656
|
-
width: 48.
|
|
1637
|
+
width: 48.91304%;
|
|
1657
1638
|
}
|
|
1658
1639
|
.ie7 .row-col .col6 {
|
|
1659
|
-
width: 48.
|
|
1640
|
+
width: 48.82104%;
|
|
1660
1641
|
}
|
|
1661
1642
|
.row-col [class^="col"].offset6 {
|
|
1662
|
-
margin-left: 53.
|
|
1643
|
+
margin-left: 53.07971%;
|
|
1663
1644
|
}
|
|
1664
1645
|
.row-col [class^="col"].offset6:first-child {
|
|
1665
|
-
margin-left: 50.
|
|
1646
|
+
margin-left: 50.99638%;
|
|
1666
1647
|
}
|
|
1667
1648
|
.row-col .col7 {
|
|
1668
|
-
width: 57.
|
|
1649
|
+
width: 57.42754%;
|
|
1669
1650
|
}
|
|
1670
1651
|
.ie7 .row-col .col7 {
|
|
1671
|
-
width: 57.
|
|
1652
|
+
width: 57.33554%;
|
|
1672
1653
|
}
|
|
1673
1654
|
.row-col [class^="col"].offset7 {
|
|
1674
|
-
margin-left: 61.
|
|
1655
|
+
margin-left: 61.5942%;
|
|
1675
1656
|
}
|
|
1676
1657
|
.row-col [class^="col"].offset7:first-child {
|
|
1677
|
-
margin-left: 59.
|
|
1658
|
+
margin-left: 59.51087%;
|
|
1678
1659
|
}
|
|
1679
1660
|
.row-col .col8 {
|
|
1680
|
-
width: 65.
|
|
1661
|
+
width: 65.94203%;
|
|
1681
1662
|
}
|
|
1682
1663
|
.ie7 .row-col .col8 {
|
|
1683
|
-
width: 65.
|
|
1664
|
+
width: 65.85003%;
|
|
1684
1665
|
}
|
|
1685
1666
|
.row-col [class^="col"].offset8 {
|
|
1686
|
-
margin-left: 70.
|
|
1667
|
+
margin-left: 70.1087%;
|
|
1687
1668
|
}
|
|
1688
1669
|
.row-col [class^="col"].offset8:first-child {
|
|
1689
|
-
margin-left: 68.
|
|
1670
|
+
margin-left: 68.02536%;
|
|
1690
1671
|
}
|
|
1691
1672
|
.row-col .col9 {
|
|
1692
|
-
width: 74.
|
|
1673
|
+
width: 74.45652%;
|
|
1693
1674
|
}
|
|
1694
1675
|
.ie7 .row-col .col9 {
|
|
1695
|
-
width: 74.
|
|
1676
|
+
width: 74.36452%;
|
|
1696
1677
|
}
|
|
1697
1678
|
.row-col [class^="col"].offset9 {
|
|
1698
|
-
margin-left: 78.
|
|
1679
|
+
margin-left: 78.62319%;
|
|
1699
1680
|
}
|
|
1700
1681
|
.row-col [class^="col"].offset9:first-child {
|
|
1701
|
-
margin-left: 76.
|
|
1682
|
+
margin-left: 76.53986%;
|
|
1702
1683
|
}
|
|
1703
1684
|
.row-col .col10 {
|
|
1704
|
-
width: 82.
|
|
1685
|
+
width: 82.97101%;
|
|
1705
1686
|
}
|
|
1706
1687
|
.ie7 .row-col .col10 {
|
|
1707
|
-
width: 82.
|
|
1688
|
+
width: 82.87901%;
|
|
1708
1689
|
}
|
|
1709
1690
|
.row-col [class^="col"].offset10 {
|
|
1710
|
-
margin-left: 87.
|
|
1691
|
+
margin-left: 87.13768%;
|
|
1711
1692
|
}
|
|
1712
1693
|
.row-col [class^="col"].offset10:first-child {
|
|
1713
|
-
margin-left: 85.
|
|
1694
|
+
margin-left: 85.05435%;
|
|
1714
1695
|
}
|
|
1715
1696
|
.row-col .col11 {
|
|
1716
|
-
width: 91.
|
|
1697
|
+
width: 91.48551%;
|
|
1717
1698
|
}
|
|
1718
1699
|
.ie7 .row-col .col11 {
|
|
1719
|
-
width: 91.
|
|
1700
|
+
width: 91.39351%;
|
|
1720
1701
|
}
|
|
1721
1702
|
.row-col [class^="col"].offset11 {
|
|
1722
|
-
margin-left: 95.
|
|
1703
|
+
margin-left: 95.65217%;
|
|
1723
1704
|
}
|
|
1724
1705
|
.row-col [class^="col"].offset11:first-child {
|
|
1725
|
-
margin-left: 93.
|
|
1706
|
+
margin-left: 93.56884%;
|
|
1726
1707
|
}
|
|
1727
1708
|
.row-col .col12 {
|
|
1728
1709
|
width: 100%;
|
|
1729
1710
|
}
|
|
1730
1711
|
.row-col [class^="col"].offset12 {
|
|
1731
|
-
margin-left: 104.
|
|
1712
|
+
margin-left: 104.16667%;
|
|
1732
1713
|
}
|
|
1733
1714
|
.row-col [class^="col"].offset12:first-child {
|
|
1734
|
-
margin-left: 102.
|
|
1715
|
+
margin-left: 102.08333%;
|
|
1735
1716
|
}
|
|
1736
1717
|
|
|
1737
1718
|
.row-col {
|
|
@@ -2234,9 +2215,12 @@ $button-3d-default-disabled-color : #FFF !default;
|
|
|
2234
2215
|
color: $color;
|
|
2235
2216
|
}
|
|
2236
2217
|
|
|
2218
|
+
span, span:active{
|
|
2219
|
+
@include background-image(linear-gradient($background, darken($background, 30)));
|
|
2220
|
+
}
|
|
2221
|
+
|
|
2237
2222
|
span {
|
|
2238
2223
|
background-color: $background;
|
|
2239
|
-
@include background-image(linear-gradient($background, darken($background, 30)));
|
|
2240
2224
|
@include box-shadow(
|
|
2241
2225
|
0 0.1em 0.1em rgba(0, 0, 0, 0.5),
|
|
2242
2226
|
inset 0 0.1em 0 rgba(255, 255, 255, 0.5)
|
|
@@ -2254,7 +2238,6 @@ $button-3d-default-disabled-color : #FFF !default;
|
|
|
2254
2238
|
|
|
2255
2239
|
&:active{
|
|
2256
2240
|
@include text-shadow(0 -1px 0 desaturate(invert($color), 100));
|
|
2257
|
-
@include background-image(linear-gradient($background, darken($background, 30)));
|
|
2258
2241
|
@include box-shadow(
|
|
2259
2242
|
0 0.1em 0.1em rgba(0, 0, 0, 0.1),
|
|
2260
2243
|
inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5),
|