picasso 0.5.0 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
data/docs/_picasso.html
CHANGED
|
@@ -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 {
|
data/docs/css/picasso-demos.css
CHANGED
|
@@ -14,7 +14,7 @@ body {
|
|
|
14
14
|
.tooltip-demo-1 {
|
|
15
15
|
display: block;
|
|
16
16
|
position: absolute;
|
|
17
|
-
padding: 0.
|
|
17
|
+
padding: 0.26667em;
|
|
18
18
|
font-size: 0.8em;
|
|
19
19
|
background-color: black;
|
|
20
20
|
color: white;
|
|
@@ -31,7 +31,7 @@ body {
|
|
|
31
31
|
.tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
|
|
32
32
|
position: absolute;
|
|
33
33
|
top: 0;
|
|
34
|
-
padding: 0.
|
|
34
|
+
padding: 0.26667em 0;
|
|
35
35
|
left: -0.82em;
|
|
36
36
|
content: "\25C4";
|
|
37
37
|
}
|
|
@@ -50,7 +50,7 @@ body {
|
|
|
50
50
|
.tooltip-demo-2 {
|
|
51
51
|
display: block;
|
|
52
52
|
position: absolute;
|
|
53
|
-
padding: 0.
|
|
53
|
+
padding: 0.26667em;
|
|
54
54
|
font-size: 0.8em;
|
|
55
55
|
background-color: black;
|
|
56
56
|
color: white;
|
|
@@ -67,7 +67,7 @@ body {
|
|
|
67
67
|
.tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
|
|
68
68
|
position: absolute;
|
|
69
69
|
top: 0;
|
|
70
|
-
padding: 0.
|
|
70
|
+
padding: 0.26667em 0;
|
|
71
71
|
right: -0.82em;
|
|
72
72
|
content: "\25BA";
|
|
73
73
|
}
|
|
@@ -191,13 +191,15 @@ body {
|
|
|
191
191
|
text-decoration: none;
|
|
192
192
|
color: white;
|
|
193
193
|
}
|
|
194
|
-
.button-3d-demo-1 span {
|
|
195
|
-
background-color: #f73741;
|
|
194
|
+
.button-3d-demo-1 span, .button-3d-demo-1 span:active {
|
|
196
195
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
197
196
|
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
198
197
|
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
199
198
|
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
200
199
|
background-image: linear-gradient(#f73741, #8f060d);
|
|
200
|
+
}
|
|
201
|
+
.button-3d-demo-1 span {
|
|
202
|
+
background-color: #f73741;
|
|
201
203
|
-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);
|
|
202
204
|
-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);
|
|
203
205
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -215,11 +217,6 @@ body {
|
|
|
215
217
|
}
|
|
216
218
|
.button-3d-demo-1 span:active {
|
|
217
219
|
text-shadow: 0 -1px 0 black;
|
|
218
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
|
|
219
|
-
background-image: -webkit-linear-gradient(#f73741, #8f060d);
|
|
220
|
-
background-image: -moz-linear-gradient(#f73741, #8f060d);
|
|
221
|
-
background-image: -o-linear-gradient(#f73741, #8f060d);
|
|
222
|
-
background-image: linear-gradient(#f73741, #8f060d);
|
|
223
220
|
-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);
|
|
224
221
|
-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);
|
|
225
222
|
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);
|
|
@@ -293,13 +290,15 @@ body {
|
|
|
293
290
|
text-decoration: none;
|
|
294
291
|
color: white;
|
|
295
292
|
}
|
|
296
|
-
.button-3d-demo-2 span {
|
|
297
|
-
background-color: #013d93;
|
|
293
|
+
.button-3d-demo-2 span, .button-3d-demo-2 span:active {
|
|
298
294
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
299
295
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
300
296
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
301
297
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
302
298
|
background-image: linear-gradient(#013d93, #000000);
|
|
299
|
+
}
|
|
300
|
+
.button-3d-demo-2 span {
|
|
301
|
+
background-color: #013d93;
|
|
303
302
|
-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);
|
|
304
303
|
-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);
|
|
305
304
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -317,11 +316,6 @@ body {
|
|
|
317
316
|
}
|
|
318
317
|
.button-3d-demo-2 span:active {
|
|
319
318
|
text-shadow: 0 -1px 0 black;
|
|
320
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
321
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
322
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
323
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
324
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
325
319
|
-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);
|
|
326
320
|
-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);
|
|
327
321
|
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);
|
|
@@ -395,13 +389,15 @@ body {
|
|
|
395
389
|
text-decoration: none;
|
|
396
390
|
color: white;
|
|
397
391
|
}
|
|
398
|
-
.button-3d-demo-3 span {
|
|
399
|
-
background-color: #fbb450;
|
|
392
|
+
.button-3d-demo-3 span, .button-3d-demo-3 span:active {
|
|
400
393
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
401
394
|
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
402
395
|
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
403
396
|
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
404
397
|
background-image: linear-gradient(#fbb450, #ae6704);
|
|
398
|
+
}
|
|
399
|
+
.button-3d-demo-3 span {
|
|
400
|
+
background-color: #fbb450;
|
|
405
401
|
-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);
|
|
406
402
|
-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);
|
|
407
403
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -419,11 +415,6 @@ body {
|
|
|
419
415
|
}
|
|
420
416
|
.button-3d-demo-3 span:active {
|
|
421
417
|
text-shadow: 0 -1px 0 black;
|
|
422
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
|
|
423
|
-
background-image: -webkit-linear-gradient(#fbb450, #ae6704);
|
|
424
|
-
background-image: -moz-linear-gradient(#fbb450, #ae6704);
|
|
425
|
-
background-image: -o-linear-gradient(#fbb450, #ae6704);
|
|
426
|
-
background-image: linear-gradient(#fbb450, #ae6704);
|
|
427
418
|
-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);
|
|
428
419
|
-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);
|
|
429
420
|
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);
|
|
@@ -497,13 +488,15 @@ body {
|
|
|
497
488
|
text-decoration: none;
|
|
498
489
|
color: white;
|
|
499
490
|
}
|
|
500
|
-
.button-3d-demo-4 span {
|
|
501
|
-
background-color: #013d93;
|
|
491
|
+
.button-3d-demo-4 span, .button-3d-demo-4 span:active {
|
|
502
492
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
503
493
|
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
504
494
|
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
505
495
|
background-image: -o-linear-gradient(#013d93, #000000);
|
|
506
496
|
background-image: linear-gradient(#013d93, #000000);
|
|
497
|
+
}
|
|
498
|
+
.button-3d-demo-4 span {
|
|
499
|
+
background-color: #013d93;
|
|
507
500
|
-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);
|
|
508
501
|
-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);
|
|
509
502
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -521,11 +514,6 @@ body {
|
|
|
521
514
|
}
|
|
522
515
|
.button-3d-demo-4 span:active {
|
|
523
516
|
text-shadow: 0 -1px 0 black;
|
|
524
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
|
|
525
|
-
background-image: -webkit-linear-gradient(#013d93, #000000);
|
|
526
|
-
background-image: -moz-linear-gradient(#013d93, #000000);
|
|
527
|
-
background-image: -o-linear-gradient(#013d93, #000000);
|
|
528
|
-
background-image: linear-gradient(#013d93, #000000);
|
|
529
517
|
-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);
|
|
530
518
|
-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);
|
|
531
519
|
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);
|
|
@@ -599,13 +587,15 @@ body {
|
|
|
599
587
|
text-decoration: none;
|
|
600
588
|
color: #013d93;
|
|
601
589
|
}
|
|
602
|
-
.button-3d-demo-5 span {
|
|
603
|
-
background-color: #eeeeee;
|
|
590
|
+
.button-3d-demo-5 span, .button-3d-demo-5 span:active {
|
|
604
591
|
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
605
592
|
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
606
593
|
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
607
594
|
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
608
595
|
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
596
|
+
}
|
|
597
|
+
.button-3d-demo-5 span {
|
|
598
|
+
background-color: #eeeeee;
|
|
609
599
|
-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);
|
|
610
600
|
-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);
|
|
611
601
|
box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
|
|
@@ -623,11 +613,6 @@ body {
|
|
|
623
613
|
}
|
|
624
614
|
.button-3d-demo-5 span:active {
|
|
625
615
|
text-shadow: 0 -1px 0 #b5b5b5;
|
|
626
|
-
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
|
|
627
|
-
background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
|
|
628
|
-
background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
|
|
629
|
-
background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
|
|
630
|
-
background-image: linear-gradient(#eeeeee, #a2a2a2);
|
|
631
616
|
-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);
|
|
632
617
|
-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);
|
|
633
618
|
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);
|
|
@@ -1251,7 +1236,7 @@ body {
|
|
|
1251
1236
|
margin-top: 0;
|
|
1252
1237
|
}
|
|
1253
1238
|
.accordion-demo-1 .accordion-header {
|
|
1254
|
-
padding: 0.
|
|
1239
|
+
padding: 0.4065em 10px;
|
|
1255
1240
|
}
|
|
1256
1241
|
.accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
|
|
1257
1242
|
content: "";
|
|
@@ -1500,7 +1485,7 @@ body {
|
|
|
1500
1485
|
padding: 0 0 0 0.5em;
|
|
1501
1486
|
font-style: normal;
|
|
1502
1487
|
font-size: 25px;
|
|
1503
|
-
font-size: 1.
|
|
1488
|
+
font-size: 1.5625rem;
|
|
1504
1489
|
background: #5fc8ff;
|
|
1505
1490
|
color: white;
|
|
1506
1491
|
-moz-border-radius-topleft: 0.1em;
|
|
@@ -1532,7 +1517,7 @@ body {
|
|
|
1532
1517
|
padding: 0 0.5em 0 0;
|
|
1533
1518
|
font-style: normal;
|
|
1534
1519
|
font-size: 25px;
|
|
1535
|
-
font-size: 1.
|
|
1520
|
+
font-size: 1.5625rem;
|
|
1536
1521
|
background: #5fc8ff;
|
|
1537
1522
|
color: white;
|
|
1538
1523
|
-moz-border-radius-topright: 0.1em;
|
|
@@ -1577,10 +1562,9 @@ body {
|
|
|
1577
1562
|
}
|
|
1578
1563
|
.row-col [class^="col"] {
|
|
1579
1564
|
width: 100%;
|
|
1580
|
-
min-height: 25px;
|
|
1581
1565
|
display: block;
|
|
1582
1566
|
float: left;
|
|
1583
|
-
margin-left: 2.
|
|
1567
|
+
margin-left: 2.17391%;
|
|
1584
1568
|
-webkit-box-sizing: border-box;
|
|
1585
1569
|
-moz-box-sizing: border-box;
|
|
1586
1570
|
box-sizing: border-box;
|
|
@@ -1588,149 +1572,146 @@ body {
|
|
|
1588
1572
|
.row-col [class^="col"]:first-child {
|
|
1589
1573
|
margin-left: 0;
|
|
1590
1574
|
}
|
|
1591
|
-
.row-col [class^="col"] img {
|
|
1592
|
-
max-width: 100%;
|
|
1593
|
-
}
|
|
1594
1575
|
.row-col .col1 {
|
|
1595
|
-
width: 6.
|
|
1576
|
+
width: 6.34058%;
|
|
1596
1577
|
}
|
|
1597
1578
|
.ie7 .row-col .col1 {
|
|
1598
|
-
width: 6.
|
|
1579
|
+
width: 6.24858%;
|
|
1599
1580
|
}
|
|
1600
1581
|
.row-col [class^="col"].offset1 {
|
|
1601
|
-
margin-left: 10.
|
|
1582
|
+
margin-left: 10.50725%;
|
|
1602
1583
|
}
|
|
1603
1584
|
.row-col [class^="col"].offset1:first-child {
|
|
1604
|
-
margin-left: 8.
|
|
1585
|
+
margin-left: 8.42391%;
|
|
1605
1586
|
}
|
|
1606
1587
|
.row-col .col2 {
|
|
1607
|
-
width: 14.
|
|
1588
|
+
width: 14.85507%;
|
|
1608
1589
|
}
|
|
1609
1590
|
.ie7 .row-col .col2 {
|
|
1610
|
-
width: 14.
|
|
1591
|
+
width: 14.76307%;
|
|
1611
1592
|
}
|
|
1612
1593
|
.row-col [class^="col"].offset2 {
|
|
1613
|
-
margin-left: 19.
|
|
1594
|
+
margin-left: 19.02174%;
|
|
1614
1595
|
}
|
|
1615
1596
|
.row-col [class^="col"].offset2:first-child {
|
|
1616
|
-
margin-left: 16.
|
|
1597
|
+
margin-left: 16.93841%;
|
|
1617
1598
|
}
|
|
1618
1599
|
.row-col .col3 {
|
|
1619
|
-
width: 23.
|
|
1600
|
+
width: 23.36957%;
|
|
1620
1601
|
}
|
|
1621
1602
|
.ie7 .row-col .col3 {
|
|
1622
|
-
width: 23.
|
|
1603
|
+
width: 23.27757%;
|
|
1623
1604
|
}
|
|
1624
1605
|
.row-col [class^="col"].offset3 {
|
|
1625
|
-
margin-left: 27.
|
|
1606
|
+
margin-left: 27.53623%;
|
|
1626
1607
|
}
|
|
1627
1608
|
.row-col [class^="col"].offset3:first-child {
|
|
1628
|
-
margin-left: 25.
|
|
1609
|
+
margin-left: 25.4529%;
|
|
1629
1610
|
}
|
|
1630
1611
|
.row-col .col4 {
|
|
1631
|
-
width: 31.
|
|
1612
|
+
width: 31.88406%;
|
|
1632
1613
|
}
|
|
1633
1614
|
.ie7 .row-col .col4 {
|
|
1634
|
-
width: 31.
|
|
1615
|
+
width: 31.79206%;
|
|
1635
1616
|
}
|
|
1636
1617
|
.row-col [class^="col"].offset4 {
|
|
1637
|
-
margin-left: 36.
|
|
1618
|
+
margin-left: 36.05072%;
|
|
1638
1619
|
}
|
|
1639
1620
|
.row-col [class^="col"].offset4:first-child {
|
|
1640
|
-
margin-left: 33.
|
|
1621
|
+
margin-left: 33.96739%;
|
|
1641
1622
|
}
|
|
1642
1623
|
.row-col .col5 {
|
|
1643
|
-
width: 40.
|
|
1624
|
+
width: 40.39855%;
|
|
1644
1625
|
}
|
|
1645
1626
|
.ie7 .row-col .col5 {
|
|
1646
|
-
width: 40.
|
|
1627
|
+
width: 40.30655%;
|
|
1647
1628
|
}
|
|
1648
1629
|
.row-col [class^="col"].offset5 {
|
|
1649
|
-
margin-left: 44.
|
|
1630
|
+
margin-left: 44.56522%;
|
|
1650
1631
|
}
|
|
1651
1632
|
.row-col [class^="col"].offset5:first-child {
|
|
1652
|
-
margin-left: 42.
|
|
1633
|
+
margin-left: 42.48188%;
|
|
1653
1634
|
}
|
|
1654
1635
|
.row-col .col6 {
|
|
1655
|
-
width: 48.
|
|
1636
|
+
width: 48.91304%;
|
|
1656
1637
|
}
|
|
1657
1638
|
.ie7 .row-col .col6 {
|
|
1658
|
-
width: 48.
|
|
1639
|
+
width: 48.82104%;
|
|
1659
1640
|
}
|
|
1660
1641
|
.row-col [class^="col"].offset6 {
|
|
1661
|
-
margin-left: 53.
|
|
1642
|
+
margin-left: 53.07971%;
|
|
1662
1643
|
}
|
|
1663
1644
|
.row-col [class^="col"].offset6:first-child {
|
|
1664
|
-
margin-left: 50.
|
|
1645
|
+
margin-left: 50.99638%;
|
|
1665
1646
|
}
|
|
1666
1647
|
.row-col .col7 {
|
|
1667
|
-
width: 57.
|
|
1648
|
+
width: 57.42754%;
|
|
1668
1649
|
}
|
|
1669
1650
|
.ie7 .row-col .col7 {
|
|
1670
|
-
width: 57.
|
|
1651
|
+
width: 57.33554%;
|
|
1671
1652
|
}
|
|
1672
1653
|
.row-col [class^="col"].offset7 {
|
|
1673
|
-
margin-left: 61.
|
|
1654
|
+
margin-left: 61.5942%;
|
|
1674
1655
|
}
|
|
1675
1656
|
.row-col [class^="col"].offset7:first-child {
|
|
1676
|
-
margin-left: 59.
|
|
1657
|
+
margin-left: 59.51087%;
|
|
1677
1658
|
}
|
|
1678
1659
|
.row-col .col8 {
|
|
1679
|
-
width: 65.
|
|
1660
|
+
width: 65.94203%;
|
|
1680
1661
|
}
|
|
1681
1662
|
.ie7 .row-col .col8 {
|
|
1682
|
-
width: 65.
|
|
1663
|
+
width: 65.85003%;
|
|
1683
1664
|
}
|
|
1684
1665
|
.row-col [class^="col"].offset8 {
|
|
1685
|
-
margin-left: 70.
|
|
1666
|
+
margin-left: 70.1087%;
|
|
1686
1667
|
}
|
|
1687
1668
|
.row-col [class^="col"].offset8:first-child {
|
|
1688
|
-
margin-left: 68.
|
|
1669
|
+
margin-left: 68.02536%;
|
|
1689
1670
|
}
|
|
1690
1671
|
.row-col .col9 {
|
|
1691
|
-
width: 74.
|
|
1672
|
+
width: 74.45652%;
|
|
1692
1673
|
}
|
|
1693
1674
|
.ie7 .row-col .col9 {
|
|
1694
|
-
width: 74.
|
|
1675
|
+
width: 74.36452%;
|
|
1695
1676
|
}
|
|
1696
1677
|
.row-col [class^="col"].offset9 {
|
|
1697
|
-
margin-left: 78.
|
|
1678
|
+
margin-left: 78.62319%;
|
|
1698
1679
|
}
|
|
1699
1680
|
.row-col [class^="col"].offset9:first-child {
|
|
1700
|
-
margin-left: 76.
|
|
1681
|
+
margin-left: 76.53986%;
|
|
1701
1682
|
}
|
|
1702
1683
|
.row-col .col10 {
|
|
1703
|
-
width: 82.
|
|
1684
|
+
width: 82.97101%;
|
|
1704
1685
|
}
|
|
1705
1686
|
.ie7 .row-col .col10 {
|
|
1706
|
-
width: 82.
|
|
1687
|
+
width: 82.87901%;
|
|
1707
1688
|
}
|
|
1708
1689
|
.row-col [class^="col"].offset10 {
|
|
1709
|
-
margin-left: 87.
|
|
1690
|
+
margin-left: 87.13768%;
|
|
1710
1691
|
}
|
|
1711
1692
|
.row-col [class^="col"].offset10:first-child {
|
|
1712
|
-
margin-left: 85.
|
|
1693
|
+
margin-left: 85.05435%;
|
|
1713
1694
|
}
|
|
1714
1695
|
.row-col .col11 {
|
|
1715
|
-
width: 91.
|
|
1696
|
+
width: 91.48551%;
|
|
1716
1697
|
}
|
|
1717
1698
|
.ie7 .row-col .col11 {
|
|
1718
|
-
width: 91.
|
|
1699
|
+
width: 91.39351%;
|
|
1719
1700
|
}
|
|
1720
1701
|
.row-col [class^="col"].offset11 {
|
|
1721
|
-
margin-left: 95.
|
|
1702
|
+
margin-left: 95.65217%;
|
|
1722
1703
|
}
|
|
1723
1704
|
.row-col [class^="col"].offset11:first-child {
|
|
1724
|
-
margin-left: 93.
|
|
1705
|
+
margin-left: 93.56884%;
|
|
1725
1706
|
}
|
|
1726
1707
|
.row-col .col12 {
|
|
1727
1708
|
width: 100%;
|
|
1728
1709
|
}
|
|
1729
1710
|
.row-col [class^="col"].offset12 {
|
|
1730
|
-
margin-left: 104.
|
|
1711
|
+
margin-left: 104.16667%;
|
|
1731
1712
|
}
|
|
1732
1713
|
.row-col [class^="col"].offset12:first-child {
|
|
1733
|
-
margin-left: 102.
|
|
1714
|
+
margin-left: 102.08333%;
|
|
1734
1715
|
}
|
|
1735
1716
|
|
|
1736
1717
|
.row-col {
|