compass 0.13.alpha.6 → 0.13.alpha.7

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.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/VERSION.yml +1 -1
  3. data/frameworks/compass/stylesheets/compass/_support.scss +6 -6
  4. data/test/fixtures/stylesheets/compass/sass/support.scss +4 -4
  5. data/test/fixtures/stylesheets/compass/sass/utilities.scss +3 -3
  6. data/test/fixtures/stylesheets/compass/tmp/animation-with-legacy-ie.css +22 -0
  7. data/test/fixtures/stylesheets/compass/tmp/animation.css +22 -0
  8. data/test/fixtures/stylesheets/compass/tmp/appearance.css +3 -0
  9. data/test/fixtures/stylesheets/compass/tmp/background-clip.css +11 -0
  10. data/test/fixtures/stylesheets/compass/tmp/background-origin.css +11 -0
  11. data/test/fixtures/stylesheets/compass/tmp/background-size.css +17 -0
  12. data/test/fixtures/stylesheets/compass/tmp/border_radius.css +14 -0
  13. data/test/fixtures/stylesheets/compass/tmp/box-sizing.css +9 -0
  14. data/test/fixtures/stylesheets/compass/tmp/box.css +103 -0
  15. data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +24 -0
  16. data/test/fixtures/stylesheets/compass/tmp/brightness.css +14 -0
  17. data/test/fixtures/stylesheets/compass/tmp/browser-support.css +306 -0
  18. data/test/fixtures/stylesheets/compass/tmp/color.css +18 -0
  19. data/test/fixtures/stylesheets/compass/tmp/columns.css +134 -0
  20. data/test/fixtures/stylesheets/compass/tmp/filters.css +29 -0
  21. data/test/fixtures/stylesheets/compass/tmp/flexbox.css +94 -0
  22. data/test/fixtures/stylesheets/compass/tmp/fonts.css +4 -0
  23. data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +9 -0
  24. data/test/fixtures/stylesheets/compass/tmp/gradients.css +230 -0
  25. data/test/fixtures/stylesheets/compass/tmp/grid_background.css +64 -0
  26. data/test/fixtures/stylesheets/compass/tmp/hyphenation.css +16 -0
  27. data/test/fixtures/stylesheets/compass/tmp/image_size.css +15 -0
  28. data/test/fixtures/stylesheets/compass/tmp/images.css +8 -0
  29. data/test/fixtures/stylesheets/compass/tmp/layout.css +16 -0
  30. data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +26 -0
  31. data/test/fixtures/stylesheets/compass/tmp/lists.css +145 -0
  32. data/test/fixtures/stylesheets/compass/tmp/opacity.css +3 -0
  33. data/test/fixtures/stylesheets/compass/tmp/print.css +11 -0
  34. data/test/fixtures/stylesheets/compass/tmp/regions.css +9 -0
  35. data/test/fixtures/stylesheets/compass/tmp/replacement.css +59 -0
  36. data/test/fixtures/stylesheets/compass/tmp/reset.css +59 -0
  37. data/test/fixtures/stylesheets/compass/tmp/selection.css +50 -0
  38. data/test/fixtures/stylesheets/compass/tmp/sprites.css +1263 -0
  39. data/test/fixtures/stylesheets/compass/tmp/sprites_with_explicit_separator.css +16 -0
  40. data/test/fixtures/stylesheets/compass/tmp/stretching.css +66 -0
  41. data/test/fixtures/stylesheets/compass/tmp/support.css +59 -0
  42. data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +29 -0
  43. data/test/fixtures/stylesheets/compass/tmp/transform.css +369 -0
  44. data/test/fixtures/stylesheets/compass/tmp/transition.css +116 -0
  45. data/test/fixtures/stylesheets/compass/tmp/typography/links/hover-link.css +4 -0
  46. data/test/fixtures/stylesheets/compass/tmp/units.css +30 -0
  47. data/test/fixtures/stylesheets/compass/tmp/user-interface.css +52 -0
  48. data/test/fixtures/stylesheets/compass/tmp/utilities.css +71 -0
  49. data/test/fixtures/stylesheets/compass/tmp/vertical_rhythm.css +211 -0
  50. data/test/fixtures/stylesheets/envtest/tmp/env.css +1 -1
  51. data/test/integrations/sprites_test.rb +3 -3
  52. metadata +91 -3
@@ -0,0 +1,18 @@
1
+ .handles-null {
2
+ content: "there should be no property below this one"; }
3
+
4
+ .contrasts-light {
5
+ background-color: #eeeeee;
6
+ color: black; }
7
+
8
+ .contrasts-dark {
9
+ background-color: #222222;
10
+ color: white; }
11
+
12
+ .contrasts-light-with-contrast-color-override {
13
+ background-color: #eeeeee;
14
+ color: red; }
15
+
16
+ .contrasts-dark-with-contrast-color-override {
17
+ background-color: #222222;
18
+ color: yellow; }
@@ -0,0 +1,134 @@
1
+ .columns {
2
+ -moz-columns: 20em 5;
3
+ -webkit-columns: 20em 5;
4
+ columns: 20em 5; }
5
+
6
+ .column-count {
7
+ -moz-column-count: 5;
8
+ -webkit-column-count: 5;
9
+ column-count: 5; }
10
+
11
+ .column-gap {
12
+ -moz-column-gap: 10px;
13
+ -webkit-column-gap: 10px;
14
+ column-gap: 10px; }
15
+
16
+ .column-width {
17
+ -moz-column-width: 90px;
18
+ -webkit-column-width: 90px;
19
+ column-width: 90px; }
20
+
21
+ .column-span {
22
+ -moz-column-span: all;
23
+ -webkit-column-span: all;
24
+ column-span: all; }
25
+
26
+ .column-rule-width {
27
+ -moz-rule-width: 1px;
28
+ -webkit-rule-width: 1px;
29
+ rule-width: 1px; }
30
+
31
+ .column-rule-style {
32
+ -moz-rule-style: dotted;
33
+ -webkit-rule-style: dotted;
34
+ rule-style: dotted; }
35
+
36
+ .column-rule-color {
37
+ -moz-rule-color: blue;
38
+ -webkit-rule-color: blue;
39
+ rule-color: blue; }
40
+
41
+ .column-rule {
42
+ -moz-column-rule: 1px solid blue;
43
+ -webkit-column-rule: 1px solid blue;
44
+ column-rule: 1px solid blue; }
45
+
46
+ .column-rule-spaced {
47
+ -moz-column-rule: 1px solid blue;
48
+ -webkit-column-rule: 1px solid blue;
49
+ column-rule: 1px solid blue; }
50
+
51
+ .column-break-before {
52
+ break-before: always;
53
+ -webkit-column-break-before: always;
54
+ break-before: always; }
55
+
56
+ .column-break-after {
57
+ break-after: always;
58
+ -webkit-column-break-after: always;
59
+ break-after: always; }
60
+
61
+ .column-break-inside {
62
+ break-inside: auto;
63
+ -webkit-column-break-inside: auto;
64
+ break-inside: auto; }
65
+
66
+ .column-count {
67
+ -moz-column-count: 5;
68
+ -webkit-column-count: 5;
69
+ column-count: 5; }
70
+
71
+ .column-gap {
72
+ -moz-column-gap: 10px;
73
+ -webkit-column-gap: 10px;
74
+ column-gap: 10px; }
75
+
76
+ .column-width {
77
+ -moz-column-width: 90px;
78
+ -webkit-column-width: 90px;
79
+ column-width: 90px; }
80
+
81
+ .column-rule-width {
82
+ -moz-rule-width: 1px;
83
+ -webkit-rule-width: 1px;
84
+ rule-width: 1px; }
85
+
86
+ .column-rule-style {
87
+ -moz-rule-style: dotted;
88
+ -webkit-rule-style: dotted;
89
+ rule-style: dotted; }
90
+
91
+ .column-rule-color {
92
+ -moz-rule-color: blue;
93
+ -webkit-rule-color: blue;
94
+ rule-color: blue; }
95
+
96
+ .column-rule {
97
+ -moz-column-rule: 1px solid blue;
98
+ -webkit-column-rule: 1px solid blue;
99
+ column-rule: 1px solid blue; }
100
+
101
+ .column-rule-spaced {
102
+ -moz-column-rule: 1px solid blue;
103
+ -webkit-column-rule: 1px solid blue;
104
+ column-rule: 1px solid blue; }
105
+
106
+ .column-break-before {
107
+ break-before: always;
108
+ -webkit-column-break-before: always;
109
+ break-before: always; }
110
+
111
+ .column-break-after {
112
+ break-after: always;
113
+ -webkit-column-break-after: always;
114
+ break-after: always; }
115
+
116
+ .column-break-inside {
117
+ break-inside: auto;
118
+ -webkit-column-break-inside: auto;
119
+ break-inside: auto; }
120
+
121
+ .column-break-before-shortcut {
122
+ break-before: always;
123
+ -webkit-column-break-before: always;
124
+ break-before: always; }
125
+
126
+ .column-break-after-shortcut {
127
+ break-after: always;
128
+ -webkit-column-break-after: always;
129
+ break-after: always; }
130
+
131
+ .column-break-inside-shortcut {
132
+ break-inside: auto;
133
+ -webkit-column-break-inside: auto;
134
+ break-inside: auto; }
@@ -0,0 +1,29 @@
1
+ .blur {
2
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
3
+ -webkit-filter: blur(5px);
4
+ filter: blur(5px); }
5
+
6
+ .brightness {
7
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
8
+ -webkit-filter: brightness(0.2);
9
+ filter: brightness(0.2); }
10
+
11
+ .hue-rotate {
12
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
13
+ -webkit-filter: hue-rotate(20deg);
14
+ filter: hue-rotate(20deg); }
15
+
16
+ .contrast {
17
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
18
+ -webkit-filter: contrast(150%);
19
+ filter: contrast(150%); }
20
+
21
+ .grayscale {
22
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
23
+ -webkit-filter: grayscale(150%);
24
+ filter: grayscale(150%); }
25
+
26
+ .sepia {
27
+ /* Capability css-filters is prefixed with -webkit because omitting it would affect 42.57254% of users and the threshold is 0.1%. */
28
+ -webkit-filter: sepia(150%);
29
+ filter: sepia(150%); }
@@ -0,0 +1,94 @@
1
+ .display {
2
+ display: -webkit-flex;
3
+ display: flex; }
4
+
5
+ .flex-direction {
6
+ -webkit-flex-direction: row-reverse;
7
+ flex-direction: row-reverse; }
8
+
9
+ .flex-wrap {
10
+ -webkit-flex-wrap: wrap-reverse;
11
+ flex-wrap: wrap-reverse; }
12
+
13
+ .flex-flow {
14
+ -webkit-flex-flow: row-reverse wrap-reverse;
15
+ flex-flow: row-reverse wrap-reverse; }
16
+
17
+ .order {
18
+ -webkit-order: 1;
19
+ order: 1; }
20
+
21
+ .flex {
22
+ -webkit-flex: 1 0 auto;
23
+ flex: 1 0 auto; }
24
+
25
+ .flex-grow {
26
+ -webkit-flex-grow: 1;
27
+ flex-grow: 1; }
28
+
29
+ .flex-shrink {
30
+ -webkit-flex-shrink: 1;
31
+ flex-shrink: 1; }
32
+
33
+ .flex-basis {
34
+ -webkit-flex-basis: auto;
35
+ flex-basis: auto; }
36
+
37
+ .justify-content {
38
+ -webkit-justify-content: flex-start;
39
+ justify-content: flex-start; }
40
+
41
+ .align-items {
42
+ -webkit-align-items: flex-start;
43
+ align-items: flex-start; }
44
+
45
+ .align-self {
46
+ -webkit-align-self: flex-start;
47
+ align-self: flex-start; }
48
+
49
+ .align-content {
50
+ -webkit-align-content: flex-start;
51
+ align-content: flex-start; }
52
+
53
+ .flexbox {
54
+ display: -webkit-flex;
55
+ -webkit-flex-direction: row-reverse;
56
+ -webkit-flex-wrap: wrap-reverse;
57
+ -webkit-flex-flow: row-reverse wrap-reverse;
58
+ -webkit-order: 1;
59
+ -webkit-flex: 1 0 auto;
60
+ -webkit-flex-grow: 1;
61
+ -webkit-flex-shrink: 0;
62
+ -webkit-flex-basis: auto;
63
+ -webkit-justify-content: flex-start;
64
+ -webkit-align-items: flex-start;
65
+ -webkit-align-self: flex-start;
66
+ -webkit-align-content: flex-start;
67
+ display: flex;
68
+ flex-direction: row-reverse;
69
+ flex-wrap: wrap-reverse;
70
+ flex-flow: row-reverse wrap-reverse;
71
+ order: 1;
72
+ flex: 1 0 auto;
73
+ flex-grow: 1;
74
+ flex-shrink: 0;
75
+ flex-basis: auto;
76
+ justify-content: flex-start;
77
+ align-items: flex-start;
78
+ align-self: flex-start;
79
+ align-content: flex-start; }
80
+
81
+ .flexbox-2 {
82
+ display: -ms-flexbox;
83
+ -ms-flex-flow: row-reverse;
84
+ -ms-flex-order: 1; }
85
+
86
+ .flexbox-1 {
87
+ display: -moz-box;
88
+ -moz-box-orient: vertical;
89
+ -moz-box-ordinal-group: 1;
90
+ -moz-box-flex: 1;
91
+ display: -webkit-box;
92
+ -webkit-box-orient: vertical;
93
+ -webkit-box-ordinal-group: 1;
94
+ -webkit-box-flex: 1; }
@@ -0,0 +1,4 @@
1
+ @font-face {
2
+ font-family: "font1";
3
+ src: url('/tmp/fonts/font1.eot');
4
+ src: url('/tmp/fonts/font1.eot?#iefix') format('embedded-opentype'), url('/tmp/fonts/font1.woff') format('woff'); }
@@ -0,0 +1,9 @@
1
+ pre {
2
+ white-space: pre;
3
+ white-space: pre-wrap;
4
+ white-space: pre-line;
5
+ white-space: -pre-wrap;
6
+ white-space: -o-pre-wrap;
7
+ white-space: -moz-pre-wrap;
8
+ white-space: -hp-pre-wrap;
9
+ word-wrap: break-word; }
@@ -0,0 +1,230 @@
1
+ .bg-shortcut-simple-image {
2
+ background: white url("foo.png"); }
3
+
4
+ .bg-shortcut-linear-gradient {
5
+ background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
6
+ background: white -moz-linear-gradient(top left, #dddddd, #aaaaaa);
7
+ background: white -o-linear-gradient(top left, #dddddd, #aaaaaa);
8
+ background: white -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
9
+ background: white linear-gradient(to bottom right, #dddddd, #aaaaaa); }
10
+
11
+ .bg-shortcut-radial-gradient {
12
+ background: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
13
+ background: white -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
14
+ background: white -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
15
+ background: white -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
16
+ background: white radial-gradient(center center, #dddddd, #aaaaaa 100px); }
17
+
18
+ .bg-linear-gradient-angle-svg {
19
+ background-image: -moz-linear-gradient(135deg, #0000ff, #000000);
20
+ background-image: -o-linear-gradient(135deg, #0000ff, #000000);
21
+ background-image: -webkit-linear-gradient(135deg, #0000ff, #000000);
22
+ background-image: linear-gradient(-45deg, #0000ff, #000000); }
23
+
24
+ .bg-linear-gradient-angle2-svg {
25
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
26
+ background-size: 100%;
27
+ background-image: -moz-linear-gradient(top left, #0000ff, #000000);
28
+ background-image: -o-linear-gradient(top left, #0000ff, #000000);
29
+ background-image: -webkit-linear-gradient(top left, #0000ff, #000000);
30
+ background-image: linear-gradient(to bottom right, #0000ff, #000000); }
31
+
32
+ .bg-all-gradient-types-with-simplification {
33
+ background: #ffcc00;
34
+ background: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), #ffcc00;
35
+ background: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
36
+ background: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
37
+ background: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00;
38
+ background: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px), #ffcc00; }
39
+
40
+ .bg-simple-image {
41
+ background-image: url("foo.png"); }
42
+
43
+ .bg-linear-gradient {
44
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
45
+ background-size: 100%;
46
+ background-image: -moz-linear-gradient(top left, #dddddd, #aaaaaa);
47
+ background-image: -o-linear-gradient(top left, #dddddd, #aaaaaa);
48
+ background-image: -webkit-linear-gradient(top left, #dddddd, #aaaaaa);
49
+ background-image: linear-gradient(to bottom right, #dddddd, #aaaaaa); }
50
+
51
+ .bg-linear-gradient-pixel-stop-from-top {
52
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
53
+ background-size: 100%;
54
+ background-image: -moz-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
55
+ background-image: -o-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
56
+ background-image: -webkit-linear-gradient(top, #dddddd 10px, #aaaaaa 40px);
57
+ background-image: linear-gradient(to bottom, #dddddd 10px, #aaaaaa 40px); }
58
+
59
+ .bg-linear-gradient-pixel-stop-from-left {
60
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
61
+ background-size: 100%;
62
+ background-image: -moz-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
63
+ background-image: -o-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
64
+ background-image: -webkit-linear-gradient(left, #dddddd 10px, #aaaaaa 40px);
65
+ background-image: linear-gradient(to right, #dddddd 10px, #aaaaaa 40px); }
66
+
67
+ .transparent-in-linear-gradient {
68
+ background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
69
+ background-size: 100%;
70
+ background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
71
+ background-image: white -o-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
72
+ background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), #aaaaaa);
73
+ background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), #aaaaaa); }
74
+
75
+ .currentColor-in-linear-gradient {
76
+ background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImN1cnJlbnRDb2xvciIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
77
+ background-size: 100%;
78
+ background-image: white -moz-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
79
+ background-image: white -o-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
80
+ background-image: white -webkit-linear-gradient(top left, rgba(0, 0, 0, 0), currentColor);
81
+ background-image: white linear-gradient(to bottom right, rgba(0, 0, 0, 0), currentColor); }
82
+
83
+ .rgba-in-linear-gradient {
84
+ background-image: white url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
85
+ background-size: 100%;
86
+ background-image: white -moz-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
87
+ background-image: white -o-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
88
+ background-image: white -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1));
89
+ background-image: white linear-gradient(to bottom right, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.1)); }
90
+
91
+ .bg-radial-gradient {
92
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
93
+ background-size: 100%;
94
+ background-image: -moz-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
95
+ background-image: -o-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
96
+ background-image: -webkit-radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px);
97
+ background-image: radial-gradient(center center, #dddddd, rgba(0, 0, 0, 0) 100px); }
98
+
99
+ .currentColor-in-radial-gradient {
100
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSJjdXJyZW50Q29sb3IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
101
+ background-size: 100%;
102
+ background-image: -moz-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
103
+ background-image: -o-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
104
+ background-image: -webkit-radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px);
105
+ background-image: radial-gradient(center center, currentColor, rgba(0, 0, 0, 0) 100px); }
106
+
107
+ .bg-linear-gradient-with-angle {
108
+ background-image: -moz-linear-gradient(135deg, #dddddd, #aaaaaa);
109
+ background-image: -o-linear-gradient(135deg, #dddddd, #aaaaaa);
110
+ background-image: -webkit-linear-gradient(135deg, #dddddd, #aaaaaa);
111
+ background-image: linear-gradient(-45deg, #dddddd, #aaaaaa); }
112
+
113
+ .bg-radial-gradient-with-angle-and-shape {
114
+ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImVsbGlwc2UiIGN5PSJjb3ZlciIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
115
+ background-size: 100%;
116
+ background-image: -moz-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
117
+ background-image: -o-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
118
+ background-image: -webkit-radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px);
119
+ background-image: radial-gradient(ellipse cover, #dddddd, #aaaaaa 100px); }
120
+
121
+ .bg-all-gradient-types {
122
+ background-image: url('/images/4x6.png?busted=true'), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGRkZGRkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWFhYWFhIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
123
+ background-size: 100%;
124
+ background-image: url('/images/4x6.png?busted=true'), -moz-linear-gradient(top left, #dddddd, #aaaaaa), -moz-radial-gradient(center center, #dddddd, #aaaaaa 100px);
125
+ background-image: url('/images/4x6.png?busted=true'), -o-linear-gradient(top left, #dddddd, #aaaaaa), -o-radial-gradient(center center, #dddddd, #aaaaaa 100px);
126
+ background-image: url('/images/4x6.png?busted=true'), -webkit-linear-gradient(top left, #dddddd, #aaaaaa), -webkit-radial-gradient(center center, #dddddd, #aaaaaa 100px);
127
+ background-image: url('/images/4x6.png?busted=true'), linear-gradient(to bottom right, #dddddd, #aaaaaa), radial-gradient(center center, #dddddd, #aaaaaa 100px); }
128
+
129
+ .border-image-gradient {
130
+ -moz-border-image: -moz-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
131
+ -o-border-image: -o-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
132
+ -webkit-border-image: -webkit-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
133
+ border-image: -o-radial-gradient(#00ff00, #ff0000 100px) 100 stretch;
134
+ border-image: radial-gradient(#00ff00, #ff0000 100px) 100 stretch; }
135
+
136
+ .direct-list-image-plain {
137
+ list-style-image: url('/images/4x6.png?busted=true'); }
138
+
139
+ .shorthand-list-image-plain {
140
+ list-style: outside url('/images/4x6.png?busted=true'); }
141
+
142
+ .direct-list-image-with-gradient {
143
+ list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
144
+ list-style-image: -moz-radial-gradient(#00ff00, #ff0000 10px);
145
+ list-style-image: -o-radial-gradient(#00ff00, #ff0000 10px);
146
+ list-style-image: -webkit-radial-gradient(#00ff00, #ff0000 10px);
147
+ list-style-image: radial-gradient(#00ff00, #ff0000 10px); }
148
+
149
+ .shorthand-list-image-with-gradient {
150
+ list-style: outside url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
151
+ list-style: outside -moz-radial-gradient(#00ff00, #ff0000 10px);
152
+ list-style: outside -o-radial-gradient(#00ff00, #ff0000 10px);
153
+ list-style: outside -webkit-radial-gradient(#00ff00, #ff0000 10px);
154
+ list-style: outside radial-gradient(#00ff00, #ff0000 10px); }
155
+
156
+ .content-plain {
157
+ content: "asdf"; }
158
+
159
+ .content-with-gradient {
160
+ content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
161
+ content: -moz-radial-gradient(#00ff00, #ff0000 10px);
162
+ content: -o-radial-gradient(#00ff00, #ff0000 10px);
163
+ content: -webkit-radial-gradient(#00ff00, #ff0000 10px);
164
+ content: radial-gradient(#00ff00, #ff0000 10px); }
165
+
166
+ .bg-linear-gradient-no-position {
167
+ background-image: -moz-linear-gradient(#dddddd, #aaaaaa);
168
+ background-image: -o-linear-gradient(#dddddd, #aaaaaa);
169
+ background-image: -webkit-linear-gradient(#dddddd, #aaaaaa);
170
+ background-image: linear-gradient(#dddddd, #aaaaaa); }
171
+
172
+ .bg-radial-gradient-no-position {
173
+ background-image: -moz-radial-gradient(#dddddd, #aaaaaa 100px);
174
+ background-image: -o-radial-gradient(#dddddd, #aaaaaa 100px);
175
+ background-image: -webkit-radial-gradient(#dddddd, #aaaaaa 100px);
176
+ background-image: radial-gradient(#dddddd, #aaaaaa 100px); }
177
+
178
+ .image-fallback {
179
+ background-image: image(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
180
+ background-image: image(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
181
+ background-image: image(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000);
182
+ background-image: image(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'), #cc0000); }
183
+
184
+ .cross-fade {
185
+ background-image: cross-fade(-moz-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
186
+ background-image: cross-fade(-o-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
187
+ background-image: cross-fade(-webkit-radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true'));
188
+ background-image: cross-fade(radial-gradient(#dddddd, #aaaaaa 100px), url('/images/4x6.png?busted=true')); }
189
+
190
+ .unknown-function-wrapper {
191
+ background: foo(-moz-radial-gradient(#dddddd, #aaaaaa 100px));
192
+ background: foo(-o-radial-gradient(#dddddd, #aaaaaa 100px));
193
+ background: foo(-webkit-radial-gradient(#dddddd, #aaaaaa 100px));
194
+ background: foo(radial-gradient(#dddddd, #aaaaaa 100px)); }
195
+
196
+ .ie-horizontal-filter {
197
+ *zoom: 1;
198
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
199
+
200
+ .ie-vertical-filter {
201
+ *zoom: 1;
202
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FF000000'); }
203
+
204
+ .ie-alpha-filter {
205
+ *zoom: 1;
206
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF'); }
207
+
208
+ .linear-gradient-new {
209
+ background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
210
+ background: -o-linear-gradient(top, #ff0000 0%, #88aa44 100%);
211
+ background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
212
+ background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
213
+
214
+ .linear-gradient-old {
215
+ background: -moz-linear-gradient(top, #ff0000 0%, #88aa44 100%);
216
+ background: -o-linear-gradient(top, #ff0000 0%, #88aa44 100%);
217
+ background: -webkit-linear-gradient(top, #ff0000 0%, #88aa44 100%);
218
+ background: linear-gradient(to bottom, #ff0000 0%, #88aa44 100%); }
219
+
220
+ .linear-gradient-unknown-new {
221
+ background: -moz-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
222
+ background: -o-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
223
+ background: -webkit-linear-gradient(330deg, #ff0000 0%, #88aa44 100%);
224
+ background: linear-gradient(120deg, #ff0000 0%, #88aa44 100%); }
225
+
226
+ .linear-gradient-unknown-old {
227
+ background: -moz-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
228
+ background: -o-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
229
+ background: -webkit-linear-gradient(120deg, #ff0000 0%, #88aa44 100%);
230
+ background: linear-gradient(330deg, #ff0000 0%, #88aa44 100%); }