archetype 0.0.1.pre.12 → 0.0.1.pre.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (79) hide show
  1. checksums.yaml +4 -4
  2. data/lib/archetype.rb +4 -0
  3. data/lib/archetype/actions/help.rb +16 -0
  4. data/lib/archetype/actions/theme.rb +73 -0
  5. data/lib/archetype/executor.rb +27 -0
  6. data/lib/archetype/functions/hash.rb +28 -12
  7. data/lib/archetype/functions/helpers.rb +46 -13
  8. data/lib/archetype/functions/styleguide_memoizer.rb +10 -2
  9. data/lib/archetype/sass_extensions/functions/lists.rb +36 -42
  10. data/lib/archetype/sass_extensions/functions/locale.rb +32 -16
  11. data/lib/archetype/sass_extensions/functions/styleguide.rb +127 -38
  12. data/lib/archetype/sass_extensions/functions/ui.rb +3 -2
  13. data/lib/archetype/sass_extensions/functions/version.rb +11 -6
  14. data/lib/archetype/sass_extensions/monkey_patches.rb +1 -1
  15. data/lib/archetype/version.rb +2 -2
  16. data/stylesheets/archetype/_base.scss +7 -2
  17. data/stylesheets/archetype/_config.scss +8 -1
  18. data/stylesheets/archetype/_hacks.scss +51 -17
  19. data/stylesheets/archetype/_ui.scss +16 -5
  20. data/stylesheets/archetype/base/_h5bp.scss +12 -12
  21. data/stylesheets/archetype/base/_normalize.scss +178 -139
  22. data/stylesheets/archetype/grid/_grid.scss +13 -13
  23. data/stylesheets/archetype/styleguide/components/_buttons.scss +1 -0
  24. data/stylesheets/archetype/util/_debug.scss +4 -4
  25. data/stylesheets/archetype/util/_lists.scss +1 -1
  26. data/stylesheets/archetype/util/_misc.scss +1 -1
  27. data/stylesheets/archetype/util/_rtl.scss +1 -1
  28. data/stylesheets/archetype/util/_spacing.scss +6 -6
  29. data/stylesheets/archetype/util/_styles.scss +21 -10
  30. data/stylesheets/archetype/util/_targeting.scss +1 -1
  31. data/test/fixtures/stylesheets/archetype/assets/images/vendor/archetype/animations/loaders-s7889ccc8c1.png +0 -0
  32. data/test/fixtures/stylesheets/archetype/config.rb +2 -0
  33. data/test/fixtures/stylesheets/archetype/source/base.scss +3 -0
  34. data/test/fixtures/stylesheets/archetype/source/hacks/transparent_focusable.scss +5 -0
  35. data/test/fixtures/stylesheets/archetype/source/locale.scss +43 -0
  36. data/test/fixtures/stylesheets/archetype/source/styleguide/alerts.scss +21 -0
  37. data/test/fixtures/stylesheets/archetype/source/styleguide/buttons.scss +5 -1
  38. data/test/fixtures/stylesheets/archetype/source/styleguide/drop.scss +101 -0
  39. data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss +24 -0
  40. data/test/fixtures/stylesheets/archetype/source/styleguide/invalid_structures.scss +85 -0
  41. data/test/fixtures/stylesheets/archetype/source/styleguide/multi_value.scss +18 -0
  42. data/test/fixtures/stylesheets/archetype/source/styleguide/nested_styleguides.scss +1 -1
  43. data/test/fixtures/stylesheets/archetype/source/styleguide/selective_state.scss +1 -1
  44. data/test/fixtures/stylesheets/archetype/source/ui/glyph_icon.scss +30 -0
  45. data/test/fixtures/stylesheets/archetype/source/utilities/associative.scss +24 -0
  46. data/test/fixtures/stylesheets/archetype/source/utilities/custom_output_styler.scss +4 -3
  47. data/test/fixtures/stylesheets/archetype/source/utilities/targeting/target-browser.scss +8 -1
  48. data/test/fixtures/stylesheets/archetype/tmp/b.css +14 -0
  49. data/test/fixtures/stylesheets/archetype/tmp/base.css +349 -0
  50. data/test/fixtures/stylesheets/archetype/tmp/hacks/ie_pseudo.css +11 -0
  51. data/test/fixtures/stylesheets/archetype/tmp/hacks/transparent_focusable.css +4 -0
  52. data/test/fixtures/stylesheets/archetype/tmp/locale.css +23 -0
  53. data/test/fixtures/stylesheets/archetype/tmp/styleguide/alerts.css +711 -0
  54. data/test/fixtures/stylesheets/archetype/tmp/styleguide/buttons.css +2119 -0
  55. data/test/fixtures/stylesheets/archetype/tmp/styleguide/drop.css +63 -0
  56. data/test/fixtures/stylesheets/archetype/tmp/styleguide/extend.css +11 -0
  57. data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css +10 -0
  58. data/test/fixtures/stylesheets/archetype/tmp/styleguide/invalid_structures.css +21 -0
  59. data/test/fixtures/stylesheets/archetype/tmp/styleguide/multi_value.css +13 -0
  60. data/test/fixtures/stylesheets/archetype/tmp/styleguide/nested_styleguides.css +28 -0
  61. data/test/fixtures/stylesheets/archetype/tmp/styleguide/selective_state.css +177 -0
  62. data/test/fixtures/stylesheets/archetype/tmp/ui/glyph_icon.css +127 -0
  63. data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css +8 -0
  64. data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css +17 -0
  65. data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css +35 -0
  66. data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css +9 -0
  67. data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css +8 -0
  68. data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css +9 -0
  69. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css +29 -0
  70. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css +29 -0
  71. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css +11 -0
  72. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css +16 -0
  73. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css +15 -0
  74. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css +105 -0
  75. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css +55 -0
  76. data/test/helpers/test_case.rb +2 -2
  77. data/test/integrations/archetype_test.rb +3 -1
  78. data/test/units/sass_extensions_test.rb +18 -25
  79. metadata +81 -3
@@ -0,0 +1,11 @@
1
+ .before {
2
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype"), t.el.style.cssText="color: red; background: green;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
3
+ }
4
+
5
+ .after-content {
6
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype"), t.el.innerHTML="➽", t.appendChild(t.el)})}(this)));
7
+ }
8
+
9
+ .before-style-content {
10
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype"), t.el.innerHTML="testing ➽if this works", t.el.style.cssText="color: red; background: green;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
11
+ }
@@ -0,0 +1,4 @@
1
+ .test {
2
+ background: transparent "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
3
+ *background: transparent url(https://);
4
+ }
@@ -0,0 +1,23 @@
1
+ .en_US {
2
+ content: "en_US";
3
+ }
4
+
5
+ .en_wild {
6
+ content: "en_*";
7
+ }
8
+
9
+ .wild_US {
10
+ content: "*_US";
11
+ }
12
+
13
+ .one {
14
+ content: "one of de_DE fr_FR pt_ en_US";
15
+ }
16
+
17
+ .not {
18
+ content: "not one of ja_JP pt_BR _GB de_";
19
+ }
20
+
21
+ .lang {
22
+ content: "en_US";
23
+ }
@@ -0,0 +1,711 @@
1
+ .alert.error {
2
+ background-color: #da4f49;
3
+ background-repeat: no-repeat;
4
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
5
+ background: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
6
+ background: -moz-linear-gradient(top, #ee5f5b, #bd362f);
7
+ background: -o-linear-gradient(top, #ee5f5b, #bd362f);
8
+ background: linear-gradient(top, #ee5f5b, #bd362f);
9
+ -webkit-box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
10
+ -moz-box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
11
+ box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
12
+ overflow: hidden;
13
+ display: block;
14
+ color: white;
15
+ font-size: 15px;
16
+ line-height: 20px;
17
+ position: relative;
18
+ padding: 10px 20px 10px 50px;
19
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:36px;color:inherit;position:absolute;line-height:1;top:6px;left:11px;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
20
+ }
21
+ .alert.error:before {
22
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
23
+ font-weight: normal;
24
+ font-style: normal;
25
+ text-decoration: inherit;
26
+ speak: none;
27
+ font-size: 36px;
28
+ color: inherit;
29
+ content: "\f057";
30
+ }
31
+ .alert.error:before {
32
+ position: absolute;
33
+ top: 6px;
34
+ left: 11px;
35
+ line-height: 1;
36
+ }
37
+ .alert.error .dismiss {
38
+ color: white;
39
+ background: transparent none;
40
+ padding: 0 1px 0 0;
41
+ border: 0;
42
+ margin: 0;
43
+ cursor: pointer;
44
+ text-decoration: none;
45
+ position: absolute;
46
+ overflow: hidden;
47
+ top: 10px;
48
+ right: 10px;
49
+ width: 11px;
50
+ height: 11px;
51
+ text-indent: 12px;
52
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:11px;color:inherit;text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
53
+ }
54
+ .alert.error .dismiss:before {
55
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
56
+ font-weight: normal;
57
+ font-style: normal;
58
+ text-decoration: inherit;
59
+ speak: none;
60
+ font-size: 11px;
61
+ color: inherit;
62
+ content: "\f00d";
63
+ }
64
+ .alert.error .dismiss:before {
65
+ vertical-align: top;
66
+ line-height: 1;
67
+ position: absolute;
68
+ top: 0;
69
+ right: 0;
70
+ text-decoration: none;
71
+ cursor: pointer;
72
+ }
73
+ .alert.error .dismiss.hover, .alert.error .dismiss:hover, .alert.error .dismiss.focus, .alert.error .dismiss:focus {
74
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
75
+ }
76
+
77
+ .alert.success {
78
+ background-color: #5bb75b;
79
+ background-repeat: no-repeat;
80
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #51a351));
81
+ background: -webkit-linear-gradient(top, #62c462, #51a351);
82
+ background: -moz-linear-gradient(top, #62c462, #51a351);
83
+ background: -o-linear-gradient(top, #62c462, #51a351);
84
+ background: linear-gradient(top, #62c462, #51a351);
85
+ -webkit-box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
86
+ -moz-box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
87
+ box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
88
+ overflow: hidden;
89
+ display: block;
90
+ color: white;
91
+ font-size: 15px;
92
+ line-height: 20px;
93
+ position: relative;
94
+ padding: 10px 20px 10px 50px;
95
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:36px;color:inherit;position:absolute;line-height:1;top:6px;left:11px;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
96
+ }
97
+ .alert.success:before {
98
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
99
+ font-weight: normal;
100
+ font-style: normal;
101
+ text-decoration: inherit;
102
+ speak: none;
103
+ font-size: 36px;
104
+ color: inherit;
105
+ content: "\f058";
106
+ }
107
+ .alert.success:before {
108
+ position: absolute;
109
+ top: 6px;
110
+ left: 11px;
111
+ line-height: 1;
112
+ }
113
+ .alert.success .dismiss {
114
+ color: white;
115
+ background: transparent none;
116
+ padding: 0 1px 0 0;
117
+ border: 0;
118
+ margin: 0;
119
+ cursor: pointer;
120
+ text-decoration: none;
121
+ position: absolute;
122
+ overflow: hidden;
123
+ top: 10px;
124
+ right: 10px;
125
+ width: 11px;
126
+ height: 11px;
127
+ text-indent: 12px;
128
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:11px;color:inherit;text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
129
+ }
130
+ .alert.success .dismiss:before {
131
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
132
+ font-weight: normal;
133
+ font-style: normal;
134
+ text-decoration: inherit;
135
+ speak: none;
136
+ font-size: 11px;
137
+ color: inherit;
138
+ content: "\f00d";
139
+ }
140
+ .alert.success .dismiss:before {
141
+ vertical-align: top;
142
+ line-height: 1;
143
+ position: absolute;
144
+ top: 0;
145
+ right: 0;
146
+ text-decoration: none;
147
+ cursor: pointer;
148
+ }
149
+ .alert.success .dismiss.hover, .alert.success .dismiss:hover, .alert.success .dismiss.focus, .alert.success .dismiss:focus {
150
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
151
+ }
152
+
153
+ .alert.notice {
154
+ background-color: #49afcd;
155
+ background-repeat: no-repeat;
156
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
157
+ background: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
158
+ background: -moz-linear-gradient(top, #5bc0de, #2f96b4);
159
+ background: -o-linear-gradient(top, #5bc0de, #2f96b4);
160
+ background: linear-gradient(top, #5bc0de, #2f96b4);
161
+ -webkit-box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
162
+ -moz-box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
163
+ box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
164
+ overflow: hidden;
165
+ display: block;
166
+ color: white;
167
+ font-size: 15px;
168
+ line-height: 20px;
169
+ position: relative;
170
+ padding: 10px 20px 10px 50px;
171
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:36px;color:inherit;position:absolute;line-height:1;top:6px;left:11px;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
172
+ }
173
+ .alert.notice:before {
174
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
175
+ font-weight: normal;
176
+ font-style: normal;
177
+ text-decoration: inherit;
178
+ speak: none;
179
+ font-size: 36px;
180
+ color: inherit;
181
+ content: "\f05a";
182
+ }
183
+ .alert.notice:before {
184
+ position: absolute;
185
+ top: 6px;
186
+ left: 11px;
187
+ line-height: 1;
188
+ }
189
+ .alert.notice .dismiss {
190
+ color: white;
191
+ background: transparent none;
192
+ padding: 0 1px 0 0;
193
+ border: 0;
194
+ margin: 0;
195
+ cursor: pointer;
196
+ text-decoration: none;
197
+ position: absolute;
198
+ overflow: hidden;
199
+ top: 10px;
200
+ right: 10px;
201
+ width: 11px;
202
+ height: 11px;
203
+ text-indent: 12px;
204
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:11px;color:inherit;text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
205
+ }
206
+ .alert.notice .dismiss:before {
207
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
208
+ font-weight: normal;
209
+ font-style: normal;
210
+ text-decoration: inherit;
211
+ speak: none;
212
+ font-size: 11px;
213
+ color: inherit;
214
+ content: "\f00d";
215
+ }
216
+ .alert.notice .dismiss:before {
217
+ vertical-align: top;
218
+ line-height: 1;
219
+ position: absolute;
220
+ top: 0;
221
+ right: 0;
222
+ text-decoration: none;
223
+ cursor: pointer;
224
+ }
225
+ .alert.notice .dismiss.hover, .alert.notice .dismiss:hover, .alert.notice .dismiss.focus, .alert.notice .dismiss:focus {
226
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
227
+ }
228
+
229
+ .alert.yield {
230
+ background-color: #faa732;
231
+ background-repeat: no-repeat;
232
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #f89406));
233
+ background: -webkit-linear-gradient(top, #fbb450, #f89406);
234
+ background: -moz-linear-gradient(top, #fbb450, #f89406);
235
+ background: -o-linear-gradient(top, #fbb450, #f89406);
236
+ background: linear-gradient(top, #fbb450, #f89406);
237
+ -webkit-box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
238
+ -moz-box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
239
+ box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
240
+ overflow: hidden;
241
+ display: block;
242
+ color: white;
243
+ font-size: 15px;
244
+ line-height: 20px;
245
+ position: relative;
246
+ padding: 10px 20px 10px 50px;
247
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:36px;color:inherit;position:absolute;line-height:1;top:6px;left:11px;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
248
+ }
249
+ .alert.yield:before {
250
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
251
+ font-weight: normal;
252
+ font-style: normal;
253
+ text-decoration: inherit;
254
+ speak: none;
255
+ font-size: 36px;
256
+ color: inherit;
257
+ content: "\f071";
258
+ }
259
+ .alert.yield:before {
260
+ position: absolute;
261
+ top: 6px;
262
+ left: 11px;
263
+ line-height: 1;
264
+ }
265
+ .alert.yield .dismiss {
266
+ color: white;
267
+ background: transparent none;
268
+ padding: 0 1px 0 0;
269
+ border: 0;
270
+ margin: 0;
271
+ cursor: pointer;
272
+ text-decoration: none;
273
+ position: absolute;
274
+ overflow: hidden;
275
+ top: 10px;
276
+ right: 10px;
277
+ width: 11px;
278
+ height: 11px;
279
+ text-indent: 12px;
280
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:11px;color:inherit;text-decoration:none;vertical-align:top;line-height:1;position:absolute;top:0;right:0;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
281
+ }
282
+ .alert.yield .dismiss:before {
283
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
284
+ font-weight: normal;
285
+ font-style: normal;
286
+ text-decoration: inherit;
287
+ speak: none;
288
+ font-size: 11px;
289
+ color: inherit;
290
+ content: "\f00d";
291
+ }
292
+ .alert.yield .dismiss:before {
293
+ vertical-align: top;
294
+ line-height: 1;
295
+ position: absolute;
296
+ top: 0;
297
+ right: 0;
298
+ text-decoration: none;
299
+ cursor: pointer;
300
+ }
301
+ .alert.yield .dismiss.hover, .alert.yield .dismiss:hover, .alert.yield .dismiss.focus, .alert.yield .dismiss:focus {
302
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
303
+ }
304
+
305
+ .alert.error {
306
+ background-color: #da4f49;
307
+ background-repeat: no-repeat;
308
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f));
309
+ background: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
310
+ background: -moz-linear-gradient(top, #ee5f5b, #bd362f);
311
+ background: -o-linear-gradient(top, #ee5f5b, #bd362f);
312
+ background: linear-gradient(top, #ee5f5b, #bd362f);
313
+ -webkit-box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
314
+ -moz-box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
315
+ box-shadow: 0 0 0 1px #bd362f, 0 1px 2px rgba(0, 0, 0, 0.45);
316
+ overflow: hidden;
317
+ display: block;
318
+ color: white;
319
+ font-size: 15px;
320
+ line-height: 20px;
321
+ position: relative;
322
+ padding: 10px 20px 10px 50px;
323
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
324
+ }
325
+ .alert.error:before {
326
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
327
+ font-weight: normal;
328
+ font-style: normal;
329
+ text-decoration: inherit;
330
+ speak: none;
331
+ font-size: 36px;
332
+ color: inherit;
333
+ content: "\f057";
334
+ }
335
+ .alert.error #ie-pseudo-archetype-uid-RANDOM_UID {
336
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
337
+ font-weight: normal;
338
+ font-style: normal;
339
+ text-decoration: inherit;
340
+ font-size: 36px;
341
+ color: inherit;
342
+ position: absolute;
343
+ line-height: 1;
344
+ top: 6px;
345
+ left: 11px;
346
+ }
347
+ .alert.error:before {
348
+ position: absolute;
349
+ top: 6px;
350
+ left: 11px;
351
+ line-height: 1;
352
+ }
353
+ .alert.error .dismiss {
354
+ color: white;
355
+ background: transparent none;
356
+ padding: 0 1px 0 0;
357
+ border: 0;
358
+ margin: 0;
359
+ cursor: pointer;
360
+ text-decoration: none;
361
+ position: absolute;
362
+ overflow: hidden;
363
+ top: 10px;
364
+ right: 10px;
365
+ width: 11px;
366
+ height: 11px;
367
+ text-indent: 12px;
368
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
369
+ }
370
+ .alert.error .dismiss:before {
371
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
372
+ font-weight: normal;
373
+ font-style: normal;
374
+ text-decoration: inherit;
375
+ speak: none;
376
+ font-size: 11px;
377
+ color: inherit;
378
+ content: "\f00d";
379
+ }
380
+ .alert.error .dismiss #ie-pseudo-archetype-uid-RANDOM_UID {
381
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
382
+ font-weight: normal;
383
+ font-style: normal;
384
+ text-decoration: inherit;
385
+ font-size: 11px;
386
+ color: inherit;
387
+ text-decoration: none;
388
+ vertical-align: top;
389
+ line-height: 1;
390
+ position: absolute;
391
+ top: 0;
392
+ right: 0;
393
+ }
394
+ .alert.error .dismiss:before {
395
+ vertical-align: top;
396
+ line-height: 1;
397
+ position: absolute;
398
+ top: 0;
399
+ right: 0;
400
+ text-decoration: none;
401
+ cursor: pointer;
402
+ }
403
+ .alert.error .dismiss.hover, .alert.error .dismiss:hover, .alert.error .dismiss.focus, .alert.error .dismiss:focus {
404
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
405
+ }
406
+
407
+ .alert.success {
408
+ background-color: #5bb75b;
409
+ background-repeat: no-repeat;
410
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #62c462), color-stop(100%, #51a351));
411
+ background: -webkit-linear-gradient(top, #62c462, #51a351);
412
+ background: -moz-linear-gradient(top, #62c462, #51a351);
413
+ background: -o-linear-gradient(top, #62c462, #51a351);
414
+ background: linear-gradient(top, #62c462, #51a351);
415
+ -webkit-box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
416
+ -moz-box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
417
+ box-shadow: 0 0 0 1px #51a351, 0 1px 2px rgba(0, 0, 0, 0.45);
418
+ overflow: hidden;
419
+ display: block;
420
+ color: white;
421
+ font-size: 15px;
422
+ line-height: 20px;
423
+ position: relative;
424
+ padding: 10px 20px 10px 50px;
425
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
426
+ }
427
+ .alert.success:before {
428
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
429
+ font-weight: normal;
430
+ font-style: normal;
431
+ text-decoration: inherit;
432
+ speak: none;
433
+ font-size: 36px;
434
+ color: inherit;
435
+ content: "\f058";
436
+ }
437
+ .alert.success #ie-pseudo-archetype-uid-RANDOM_UID {
438
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
439
+ font-weight: normal;
440
+ font-style: normal;
441
+ text-decoration: inherit;
442
+ font-size: 36px;
443
+ color: inherit;
444
+ position: absolute;
445
+ line-height: 1;
446
+ top: 6px;
447
+ left: 11px;
448
+ }
449
+ .alert.success:before {
450
+ position: absolute;
451
+ top: 6px;
452
+ left: 11px;
453
+ line-height: 1;
454
+ }
455
+ .alert.success .dismiss {
456
+ color: white;
457
+ background: transparent none;
458
+ padding: 0 1px 0 0;
459
+ border: 0;
460
+ margin: 0;
461
+ cursor: pointer;
462
+ text-decoration: none;
463
+ position: absolute;
464
+ overflow: hidden;
465
+ top: 10px;
466
+ right: 10px;
467
+ width: 11px;
468
+ height: 11px;
469
+ text-indent: 12px;
470
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
471
+ }
472
+ .alert.success .dismiss:before {
473
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
474
+ font-weight: normal;
475
+ font-style: normal;
476
+ text-decoration: inherit;
477
+ speak: none;
478
+ font-size: 11px;
479
+ color: inherit;
480
+ content: "\f00d";
481
+ }
482
+ .alert.success .dismiss #ie-pseudo-archetype-uid-RANDOM_UID {
483
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
484
+ font-weight: normal;
485
+ font-style: normal;
486
+ text-decoration: inherit;
487
+ font-size: 11px;
488
+ color: inherit;
489
+ text-decoration: none;
490
+ vertical-align: top;
491
+ line-height: 1;
492
+ position: absolute;
493
+ top: 0;
494
+ right: 0;
495
+ }
496
+ .alert.success .dismiss:before {
497
+ vertical-align: top;
498
+ line-height: 1;
499
+ position: absolute;
500
+ top: 0;
501
+ right: 0;
502
+ text-decoration: none;
503
+ cursor: pointer;
504
+ }
505
+ .alert.success .dismiss.hover, .alert.success .dismiss:hover, .alert.success .dismiss.focus, .alert.success .dismiss:focus {
506
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
507
+ }
508
+
509
+ .alert.notice {
510
+ background-color: #49afcd;
511
+ background-repeat: no-repeat;
512
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4));
513
+ background: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
514
+ background: -moz-linear-gradient(top, #5bc0de, #2f96b4);
515
+ background: -o-linear-gradient(top, #5bc0de, #2f96b4);
516
+ background: linear-gradient(top, #5bc0de, #2f96b4);
517
+ -webkit-box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
518
+ -moz-box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
519
+ box-shadow: 0 0 0 1px #2f96b4, 0 1px 2px rgba(0, 0, 0, 0.45);
520
+ overflow: hidden;
521
+ display: block;
522
+ color: white;
523
+ font-size: 15px;
524
+ line-height: 20px;
525
+ position: relative;
526
+ padding: 10px 20px 10px 50px;
527
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
528
+ }
529
+ .alert.notice:before {
530
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
531
+ font-weight: normal;
532
+ font-style: normal;
533
+ text-decoration: inherit;
534
+ speak: none;
535
+ font-size: 36px;
536
+ color: inherit;
537
+ content: "\f05a";
538
+ }
539
+ .alert.notice #ie-pseudo-archetype-uid-RANDOM_UID {
540
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
541
+ font-weight: normal;
542
+ font-style: normal;
543
+ text-decoration: inherit;
544
+ font-size: 36px;
545
+ color: inherit;
546
+ position: absolute;
547
+ line-height: 1;
548
+ top: 6px;
549
+ left: 11px;
550
+ }
551
+ .alert.notice:before {
552
+ position: absolute;
553
+ top: 6px;
554
+ left: 11px;
555
+ line-height: 1;
556
+ }
557
+ .alert.notice .dismiss {
558
+ color: white;
559
+ background: transparent none;
560
+ padding: 0 1px 0 0;
561
+ border: 0;
562
+ margin: 0;
563
+ cursor: pointer;
564
+ text-decoration: none;
565
+ position: absolute;
566
+ overflow: hidden;
567
+ top: 10px;
568
+ right: 10px;
569
+ width: 11px;
570
+ height: 11px;
571
+ text-indent: 12px;
572
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
573
+ }
574
+ .alert.notice .dismiss:before {
575
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
576
+ font-weight: normal;
577
+ font-style: normal;
578
+ text-decoration: inherit;
579
+ speak: none;
580
+ font-size: 11px;
581
+ color: inherit;
582
+ content: "\f00d";
583
+ }
584
+ .alert.notice .dismiss #ie-pseudo-archetype-uid-RANDOM_UID {
585
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
586
+ font-weight: normal;
587
+ font-style: normal;
588
+ text-decoration: inherit;
589
+ font-size: 11px;
590
+ color: inherit;
591
+ text-decoration: none;
592
+ vertical-align: top;
593
+ line-height: 1;
594
+ position: absolute;
595
+ top: 0;
596
+ right: 0;
597
+ }
598
+ .alert.notice .dismiss:before {
599
+ vertical-align: top;
600
+ line-height: 1;
601
+ position: absolute;
602
+ top: 0;
603
+ right: 0;
604
+ text-decoration: none;
605
+ cursor: pointer;
606
+ }
607
+ .alert.notice .dismiss.hover, .alert.notice .dismiss:hover, .alert.notice .dismiss.focus, .alert.notice .dismiss:focus {
608
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
609
+ }
610
+
611
+ .alert.yield {
612
+ background-color: #faa732;
613
+ background-repeat: no-repeat;
614
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #f89406));
615
+ background: -webkit-linear-gradient(top, #fbb450, #f89406);
616
+ background: -moz-linear-gradient(top, #fbb450, #f89406);
617
+ background: -o-linear-gradient(top, #fbb450, #f89406);
618
+ background: linear-gradient(top, #fbb450, #f89406);
619
+ -webkit-box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
620
+ -moz-box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
621
+ box-shadow: 0 0 0 1px #f89406, 0 1px 2px rgba(0, 0, 0, 0.45);
622
+ overflow: hidden;
623
+ display: block;
624
+ color: white;
625
+ font-size: 15px;
626
+ line-height: 20px;
627
+ position: relative;
628
+ padding: 10px 20px 10px 50px;
629
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
630
+ }
631
+ .alert.yield:before {
632
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
633
+ font-weight: normal;
634
+ font-style: normal;
635
+ text-decoration: inherit;
636
+ speak: none;
637
+ font-size: 36px;
638
+ color: inherit;
639
+ content: "\f071";
640
+ }
641
+ .alert.yield #ie-pseudo-archetype-uid-RANDOM_UID {
642
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
643
+ font-weight: normal;
644
+ font-style: normal;
645
+ text-decoration: inherit;
646
+ font-size: 36px;
647
+ color: inherit;
648
+ position: absolute;
649
+ line-height: 1;
650
+ top: 6px;
651
+ left: 11px;
652
+ }
653
+ .alert.yield:before {
654
+ position: absolute;
655
+ top: 6px;
656
+ left: 11px;
657
+ line-height: 1;
658
+ }
659
+ .alert.yield .dismiss {
660
+ color: white;
661
+ background: transparent none;
662
+ padding: 0 1px 0 0;
663
+ border: 0;
664
+ margin: 0;
665
+ cursor: pointer;
666
+ text-decoration: none;
667
+ position: absolute;
668
+ overflow: hidden;
669
+ top: 10px;
670
+ right: 10px;
671
+ width: 11px;
672
+ height: 11px;
673
+ text-indent: 12px;
674
+ *zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
675
+ }
676
+ .alert.yield .dismiss:before {
677
+ font-family: "FontAwesome-0.0.1", "FontAwesome";
678
+ font-weight: normal;
679
+ font-style: normal;
680
+ text-decoration: inherit;
681
+ speak: none;
682
+ font-size: 11px;
683
+ color: inherit;
684
+ content: "\f00d";
685
+ }
686
+ .alert.yield .dismiss #ie-pseudo-archetype-uid-RANDOM_UID {
687
+ font-family: 'FontAwesome-0.0.1', 'FontAwesome';
688
+ font-weight: normal;
689
+ font-style: normal;
690
+ text-decoration: inherit;
691
+ font-size: 11px;
692
+ color: inherit;
693
+ text-decoration: none;
694
+ vertical-align: top;
695
+ line-height: 1;
696
+ position: absolute;
697
+ top: 0;
698
+ right: 0;
699
+ }
700
+ .alert.yield .dismiss:before {
701
+ vertical-align: top;
702
+ line-height: 1;
703
+ position: absolute;
704
+ top: 0;
705
+ right: 0;
706
+ text-decoration: none;
707
+ cursor: pointer;
708
+ }
709
+ .alert.yield .dismiss.hover, .alert.yield .dismiss:hover, .alert.yield .dismiss.focus, .alert.yield .dismiss:focus {
710
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
711
+ }