archetype 0.0.1.pre.9 → 0.0.1.pre.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/lib/archetype/sass_extensions/functions/styleguide.rb +6 -2
  3. data/lib/archetype/version.rb +1 -1
  4. metadata +1 -57
  5. data/test/fixtures/stylesheets/archetype/tmp/b.css +0 -14
  6. data/test/fixtures/stylesheets/archetype/tmp/base.css +0 -349
  7. data/test/fixtures/stylesheets/archetype/tmp/hacks/ie_pseudo.css +0 -11
  8. data/test/fixtures/stylesheets/archetype/tmp/hacks/transparent_focusable.css +0 -4
  9. data/test/fixtures/stylesheets/archetype/tmp/locale.css +0 -23
  10. data/test/fixtures/stylesheets/archetype/tmp/styleguide/alerts.css +0 -711
  11. data/test/fixtures/stylesheets/archetype/tmp/styleguide/buttons.css +0 -2119
  12. data/test/fixtures/stylesheets/archetype/tmp/styleguide/drop.css +0 -63
  13. data/test/fixtures/stylesheets/archetype/tmp/styleguide/extend.css +0 -11
  14. data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css +0 -9
  15. data/test/fixtures/stylesheets/archetype/tmp/styleguide/invalid_structures.css +0 -21
  16. data/test/fixtures/stylesheets/archetype/tmp/styleguide/multi_value.css +0 -13
  17. data/test/fixtures/stylesheets/archetype/tmp/styleguide/nested_styleguides.css +0 -28
  18. data/test/fixtures/stylesheets/archetype/tmp/styleguide/selective_state.css +0 -177
  19. data/test/fixtures/stylesheets/archetype/tmp/ui/glyph_icon.css +0 -127
  20. data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css +0 -8
  21. data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css +0 -17
  22. data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css +0 -35
  23. data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css +0 -9
  24. data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css +0 -8
  25. data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css +0 -9
  26. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css +0 -29
  27. data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css +0 -29
  28. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css +0 -11
  29. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css +0 -16
  30. data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css +0 -15
  31. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css +0 -105
  32. data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css +0 -55
@@ -1,11 +0,0 @@
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
- }
@@ -1,4 +0,0 @@
1
- .test {
2
- background: transparent "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
3
- *background: transparent url(https://);
4
- }
@@ -1,23 +0,0 @@
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
- }
@@ -1,711 +0,0 @@
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
- }