picasso 0.5.0 → 0.5.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -15,7 +15,7 @@ body {
15
15
  .tooltip-demo-1 {
16
16
  display: block;
17
17
  position: absolute;
18
- padding: 0.267em;
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.267em 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.267em;
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.267em 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.407em 10px;
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.563rem;
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.563rem;
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.174%;
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.341%;
1577
+ width: 6.34058%;
1597
1578
  }
1598
1579
  .ie7 .row-col .col1 {
1599
- width: 6.249%;
1580
+ width: 6.24858%;
1600
1581
  }
1601
1582
  .row-col [class^="col"].offset1 {
1602
- margin-left: 10.507%;
1583
+ margin-left: 10.50725%;
1603
1584
  }
1604
1585
  .row-col [class^="col"].offset1:first-child {
1605
- margin-left: 8.424%;
1586
+ margin-left: 8.42391%;
1606
1587
  }
1607
1588
  .row-col .col2 {
1608
- width: 14.855%;
1589
+ width: 14.85507%;
1609
1590
  }
1610
1591
  .ie7 .row-col .col2 {
1611
- width: 14.763%;
1592
+ width: 14.76307%;
1612
1593
  }
1613
1594
  .row-col [class^="col"].offset2 {
1614
- margin-left: 19.022%;
1595
+ margin-left: 19.02174%;
1615
1596
  }
1616
1597
  .row-col [class^="col"].offset2:first-child {
1617
- margin-left: 16.938%;
1598
+ margin-left: 16.93841%;
1618
1599
  }
1619
1600
  .row-col .col3 {
1620
- width: 23.37%;
1601
+ width: 23.36957%;
1621
1602
  }
1622
1603
  .ie7 .row-col .col3 {
1623
- width: 23.278%;
1604
+ width: 23.27757%;
1624
1605
  }
1625
1606
  .row-col [class^="col"].offset3 {
1626
- margin-left: 27.536%;
1607
+ margin-left: 27.53623%;
1627
1608
  }
1628
1609
  .row-col [class^="col"].offset3:first-child {
1629
- margin-left: 25.453%;
1610
+ margin-left: 25.4529%;
1630
1611
  }
1631
1612
  .row-col .col4 {
1632
- width: 31.884%;
1613
+ width: 31.88406%;
1633
1614
  }
1634
1615
  .ie7 .row-col .col4 {
1635
- width: 31.792%;
1616
+ width: 31.79206%;
1636
1617
  }
1637
1618
  .row-col [class^="col"].offset4 {
1638
- margin-left: 36.051%;
1619
+ margin-left: 36.05072%;
1639
1620
  }
1640
1621
  .row-col [class^="col"].offset4:first-child {
1641
- margin-left: 33.967%;
1622
+ margin-left: 33.96739%;
1642
1623
  }
1643
1624
  .row-col .col5 {
1644
- width: 40.399%;
1625
+ width: 40.39855%;
1645
1626
  }
1646
1627
  .ie7 .row-col .col5 {
1647
- width: 40.307%;
1628
+ width: 40.30655%;
1648
1629
  }
1649
1630
  .row-col [class^="col"].offset5 {
1650
- margin-left: 44.565%;
1631
+ margin-left: 44.56522%;
1651
1632
  }
1652
1633
  .row-col [class^="col"].offset5:first-child {
1653
- margin-left: 42.482%;
1634
+ margin-left: 42.48188%;
1654
1635
  }
1655
1636
  .row-col .col6 {
1656
- width: 48.913%;
1637
+ width: 48.91304%;
1657
1638
  }
1658
1639
  .ie7 .row-col .col6 {
1659
- width: 48.821%;
1640
+ width: 48.82104%;
1660
1641
  }
1661
1642
  .row-col [class^="col"].offset6 {
1662
- margin-left: 53.08%;
1643
+ margin-left: 53.07971%;
1663
1644
  }
1664
1645
  .row-col [class^="col"].offset6:first-child {
1665
- margin-left: 50.996%;
1646
+ margin-left: 50.99638%;
1666
1647
  }
1667
1648
  .row-col .col7 {
1668
- width: 57.428%;
1649
+ width: 57.42754%;
1669
1650
  }
1670
1651
  .ie7 .row-col .col7 {
1671
- width: 57.336%;
1652
+ width: 57.33554%;
1672
1653
  }
1673
1654
  .row-col [class^="col"].offset7 {
1674
- margin-left: 61.594%;
1655
+ margin-left: 61.5942%;
1675
1656
  }
1676
1657
  .row-col [class^="col"].offset7:first-child {
1677
- margin-left: 59.511%;
1658
+ margin-left: 59.51087%;
1678
1659
  }
1679
1660
  .row-col .col8 {
1680
- width: 65.942%;
1661
+ width: 65.94203%;
1681
1662
  }
1682
1663
  .ie7 .row-col .col8 {
1683
- width: 65.85%;
1664
+ width: 65.85003%;
1684
1665
  }
1685
1666
  .row-col [class^="col"].offset8 {
1686
- margin-left: 70.109%;
1667
+ margin-left: 70.1087%;
1687
1668
  }
1688
1669
  .row-col [class^="col"].offset8:first-child {
1689
- margin-left: 68.025%;
1670
+ margin-left: 68.02536%;
1690
1671
  }
1691
1672
  .row-col .col9 {
1692
- width: 74.457%;
1673
+ width: 74.45652%;
1693
1674
  }
1694
1675
  .ie7 .row-col .col9 {
1695
- width: 74.365%;
1676
+ width: 74.36452%;
1696
1677
  }
1697
1678
  .row-col [class^="col"].offset9 {
1698
- margin-left: 78.623%;
1679
+ margin-left: 78.62319%;
1699
1680
  }
1700
1681
  .row-col [class^="col"].offset9:first-child {
1701
- margin-left: 76.54%;
1682
+ margin-left: 76.53986%;
1702
1683
  }
1703
1684
  .row-col .col10 {
1704
- width: 82.971%;
1685
+ width: 82.97101%;
1705
1686
  }
1706
1687
  .ie7 .row-col .col10 {
1707
- width: 82.879%;
1688
+ width: 82.87901%;
1708
1689
  }
1709
1690
  .row-col [class^="col"].offset10 {
1710
- margin-left: 87.138%;
1691
+ margin-left: 87.13768%;
1711
1692
  }
1712
1693
  .row-col [class^="col"].offset10:first-child {
1713
- margin-left: 85.054%;
1694
+ margin-left: 85.05435%;
1714
1695
  }
1715
1696
  .row-col .col11 {
1716
- width: 91.486%;
1697
+ width: 91.48551%;
1717
1698
  }
1718
1699
  .ie7 .row-col .col11 {
1719
- width: 91.394%;
1700
+ width: 91.39351%;
1720
1701
  }
1721
1702
  .row-col [class^="col"].offset11 {
1722
- margin-left: 95.652%;
1703
+ margin-left: 95.65217%;
1723
1704
  }
1724
1705
  .row-col [class^="col"].offset11:first-child {
1725
- margin-left: 93.569%;
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.167%;
1712
+ margin-left: 104.16667%;
1732
1713
  }
1733
1714
  .row-col [class^="col"].offset12:first-child {
1734
- margin-left: 102.083%;
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.267em;
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.267em 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.267em;
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.267em 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.407em 10px;
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.563rem;
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.563rem;
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.174%;
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.341%;
1577
+ width: 6.34058%;
1597
1578
  }
1598
1579
  .ie7 .row-col .col1 {
1599
- width: 6.249%;
1580
+ width: 6.24858%;
1600
1581
  }
1601
1582
  .row-col [class^="col"].offset1 {
1602
- margin-left: 10.507%;
1583
+ margin-left: 10.50725%;
1603
1584
  }
1604
1585
  .row-col [class^="col"].offset1:first-child {
1605
- margin-left: 8.424%;
1586
+ margin-left: 8.42391%;
1606
1587
  }
1607
1588
  .row-col .col2 {
1608
- width: 14.855%;
1589
+ width: 14.85507%;
1609
1590
  }
1610
1591
  .ie7 .row-col .col2 {
1611
- width: 14.763%;
1592
+ width: 14.76307%;
1612
1593
  }
1613
1594
  .row-col [class^="col"].offset2 {
1614
- margin-left: 19.022%;
1595
+ margin-left: 19.02174%;
1615
1596
  }
1616
1597
  .row-col [class^="col"].offset2:first-child {
1617
- margin-left: 16.938%;
1598
+ margin-left: 16.93841%;
1618
1599
  }
1619
1600
  .row-col .col3 {
1620
- width: 23.37%;
1601
+ width: 23.36957%;
1621
1602
  }
1622
1603
  .ie7 .row-col .col3 {
1623
- width: 23.278%;
1604
+ width: 23.27757%;
1624
1605
  }
1625
1606
  .row-col [class^="col"].offset3 {
1626
- margin-left: 27.536%;
1607
+ margin-left: 27.53623%;
1627
1608
  }
1628
1609
  .row-col [class^="col"].offset3:first-child {
1629
- margin-left: 25.453%;
1610
+ margin-left: 25.4529%;
1630
1611
  }
1631
1612
  .row-col .col4 {
1632
- width: 31.884%;
1613
+ width: 31.88406%;
1633
1614
  }
1634
1615
  .ie7 .row-col .col4 {
1635
- width: 31.792%;
1616
+ width: 31.79206%;
1636
1617
  }
1637
1618
  .row-col [class^="col"].offset4 {
1638
- margin-left: 36.051%;
1619
+ margin-left: 36.05072%;
1639
1620
  }
1640
1621
  .row-col [class^="col"].offset4:first-child {
1641
- margin-left: 33.967%;
1622
+ margin-left: 33.96739%;
1642
1623
  }
1643
1624
  .row-col .col5 {
1644
- width: 40.399%;
1625
+ width: 40.39855%;
1645
1626
  }
1646
1627
  .ie7 .row-col .col5 {
1647
- width: 40.307%;
1628
+ width: 40.30655%;
1648
1629
  }
1649
1630
  .row-col [class^="col"].offset5 {
1650
- margin-left: 44.565%;
1631
+ margin-left: 44.56522%;
1651
1632
  }
1652
1633
  .row-col [class^="col"].offset5:first-child {
1653
- margin-left: 42.482%;
1634
+ margin-left: 42.48188%;
1654
1635
  }
1655
1636
  .row-col .col6 {
1656
- width: 48.913%;
1637
+ width: 48.91304%;
1657
1638
  }
1658
1639
  .ie7 .row-col .col6 {
1659
- width: 48.821%;
1640
+ width: 48.82104%;
1660
1641
  }
1661
1642
  .row-col [class^="col"].offset6 {
1662
- margin-left: 53.08%;
1643
+ margin-left: 53.07971%;
1663
1644
  }
1664
1645
  .row-col [class^="col"].offset6:first-child {
1665
- margin-left: 50.996%;
1646
+ margin-left: 50.99638%;
1666
1647
  }
1667
1648
  .row-col .col7 {
1668
- width: 57.428%;
1649
+ width: 57.42754%;
1669
1650
  }
1670
1651
  .ie7 .row-col .col7 {
1671
- width: 57.336%;
1652
+ width: 57.33554%;
1672
1653
  }
1673
1654
  .row-col [class^="col"].offset7 {
1674
- margin-left: 61.594%;
1655
+ margin-left: 61.5942%;
1675
1656
  }
1676
1657
  .row-col [class^="col"].offset7:first-child {
1677
- margin-left: 59.511%;
1658
+ margin-left: 59.51087%;
1678
1659
  }
1679
1660
  .row-col .col8 {
1680
- width: 65.942%;
1661
+ width: 65.94203%;
1681
1662
  }
1682
1663
  .ie7 .row-col .col8 {
1683
- width: 65.85%;
1664
+ width: 65.85003%;
1684
1665
  }
1685
1666
  .row-col [class^="col"].offset8 {
1686
- margin-left: 70.109%;
1667
+ margin-left: 70.1087%;
1687
1668
  }
1688
1669
  .row-col [class^="col"].offset8:first-child {
1689
- margin-left: 68.025%;
1670
+ margin-left: 68.02536%;
1690
1671
  }
1691
1672
  .row-col .col9 {
1692
- width: 74.457%;
1673
+ width: 74.45652%;
1693
1674
  }
1694
1675
  .ie7 .row-col .col9 {
1695
- width: 74.365%;
1676
+ width: 74.36452%;
1696
1677
  }
1697
1678
  .row-col [class^="col"].offset9 {
1698
- margin-left: 78.623%;
1679
+ margin-left: 78.62319%;
1699
1680
  }
1700
1681
  .row-col [class^="col"].offset9:first-child {
1701
- margin-left: 76.54%;
1682
+ margin-left: 76.53986%;
1702
1683
  }
1703
1684
  .row-col .col10 {
1704
- width: 82.971%;
1685
+ width: 82.97101%;
1705
1686
  }
1706
1687
  .ie7 .row-col .col10 {
1707
- width: 82.879%;
1688
+ width: 82.87901%;
1708
1689
  }
1709
1690
  .row-col [class^="col"].offset10 {
1710
- margin-left: 87.138%;
1691
+ margin-left: 87.13768%;
1711
1692
  }
1712
1693
  .row-col [class^="col"].offset10:first-child {
1713
- margin-left: 85.054%;
1694
+ margin-left: 85.05435%;
1714
1695
  }
1715
1696
  .row-col .col11 {
1716
- width: 91.486%;
1697
+ width: 91.48551%;
1717
1698
  }
1718
1699
  .ie7 .row-col .col11 {
1719
- width: 91.394%;
1700
+ width: 91.39351%;
1720
1701
  }
1721
1702
  .row-col [class^="col"].offset11 {
1722
- margin-left: 95.652%;
1703
+ margin-left: 95.65217%;
1723
1704
  }
1724
1705
  .row-col [class^="col"].offset11:first-child {
1725
- margin-left: 93.569%;
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.167%;
1712
+ margin-left: 104.16667%;
1732
1713
  }
1733
1714
  .row-col [class^="col"].offset12:first-child {
1734
- margin-left: 102.083%;
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),