crass 1.0.4 → 1.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (36) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +8 -5
  3. data/HISTORY.md +8 -0
  4. data/crass.gemspec +1 -2
  5. data/lib/crass/version.rb +1 -1
  6. metadata +4 -65
  7. data/test/css-parsing-tests/An+B.json +0 -156
  8. data/test/css-parsing-tests/LICENSE +0 -8
  9. data/test/css-parsing-tests/README.rst +0 -301
  10. data/test/css-parsing-tests/color3.json +0 -142
  11. data/test/css-parsing-tests/color3_hsl.json +0 -3890
  12. data/test/css-parsing-tests/color3_keywords.json +0 -803
  13. data/test/css-parsing-tests/component_value_list.json +0 -432
  14. data/test/css-parsing-tests/declaration_list.json +0 -44
  15. data/test/css-parsing-tests/make_color3_hsl.py +0 -17
  16. data/test/css-parsing-tests/make_color3_keywords.py +0 -191
  17. data/test/css-parsing-tests/one_component_value.json +0 -27
  18. data/test/css-parsing-tests/one_declaration.json +0 -46
  19. data/test/css-parsing-tests/one_rule.json +0 -36
  20. data/test/css-parsing-tests/rule_list.json +0 -48
  21. data/test/css-parsing-tests/stylesheet.json +0 -44
  22. data/test/css-parsing-tests/stylesheet_bytes.json +0 -146
  23. data/test/shared/parse_rules.rb +0 -463
  24. data/test/support/common.rb +0 -170
  25. data/test/support/serialization/animate.css +0 -3158
  26. data/test/support/serialization/bootstrap-theme.css +0 -384
  27. data/test/support/serialization/bootstrap.css +0 -6805
  28. data/test/support/serialization/html5-boilerplate.css +0 -268
  29. data/test/support/serialization/misc.css +0 -9
  30. data/test/support/serialization/pure.css +0 -1662
  31. data/test/test_crass.rb +0 -31
  32. data/test/test_css_parsing_tests.rb +0 -150
  33. data/test/test_parse_properties.rb +0 -310
  34. data/test/test_parse_rules.rb +0 -17
  35. data/test/test_parse_stylesheet.rb +0 -17
  36. data/test/test_serialization.rb +0 -71
@@ -1,268 +0,0 @@
1
- /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
2
-
3
- /*
4
- * What follows is the result of much research on cross-browser styling.
5
- * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
- * Kroc Camen, and the H5BP dev community and team.
7
- */
8
-
9
- /* ==========================================================================
10
- Base styles: opinionated defaults
11
- ========================================================================== */
12
-
13
- html {
14
- color: #222;
15
- font-size: 1em;
16
- line-height: 1.4;
17
- }
18
-
19
- /*
20
- * Remove text-shadow in selection highlight: h5bp.com/i
21
- * These selection rule sets have to be separate.
22
- * Customize the background color to match your design.
23
- */
24
-
25
- ::-moz-selection {
26
- background: #b3d4fc;
27
- text-shadow: none;
28
- }
29
-
30
- ::selection {
31
- background: #b3d4fc;
32
- text-shadow: none;
33
- }
34
-
35
- /*
36
- * A better looking default horizontal rule
37
- */
38
-
39
- hr {
40
- display: block;
41
- height: 1px;
42
- border: 0;
43
- border-top: 1px solid #ccc;
44
- margin: 1em 0;
45
- padding: 0;
46
- }
47
-
48
- /*
49
- * Remove the gap between images, videos, audio and canvas and the bottom of
50
- * their containers: h5bp.com/i/440
51
- */
52
-
53
- audio,
54
- canvas,
55
- img,
56
- svg,
57
- video {
58
- vertical-align: middle;
59
- }
60
-
61
- /*
62
- * Remove default fieldset styles.
63
- */
64
-
65
- fieldset {
66
- border: 0;
67
- margin: 0;
68
- padding: 0;
69
- }
70
-
71
- /*
72
- * Allow only vertical resizing of textareas.
73
- */
74
-
75
- textarea {
76
- resize: vertical;
77
- }
78
-
79
- /* ==========================================================================
80
- Browser Upgrade Prompt
81
- ========================================================================== */
82
-
83
- .browserupgrade {
84
- margin: 0.2em 0;
85
- background: #ccc;
86
- color: #000;
87
- padding: 0.2em 0;
88
- }
89
-
90
- /* ==========================================================================
91
- Author's custom styles
92
- ========================================================================== */
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
- /* ==========================================================================
111
- Helper classes
112
- ========================================================================== */
113
-
114
- /*
115
- * Hide visually and from screen readers: h5bp.com/u
116
- */
117
-
118
- .hidden {
119
- display: none !important;
120
- visibility: hidden;
121
- }
122
-
123
- /*
124
- * Hide only visually, but have it available for screen readers: h5bp.com/v
125
- */
126
-
127
- .visuallyhidden {
128
- border: 0;
129
- clip: rect(0 0 0 0);
130
- height: 1px;
131
- margin: -1px;
132
- overflow: hidden;
133
- padding: 0;
134
- position: absolute;
135
- width: 1px;
136
- }
137
-
138
- /*
139
- * Extends the .visuallyhidden class to allow the element to be focusable
140
- * when navigated to via the keyboard: h5bp.com/p
141
- */
142
-
143
- .visuallyhidden.focusable:active,
144
- .visuallyhidden.focusable:focus {
145
- clip: auto;
146
- height: auto;
147
- margin: 0;
148
- overflow: visible;
149
- position: static;
150
- width: auto;
151
- }
152
-
153
- /*
154
- * Hide visually and from screen readers, but maintain layout
155
- */
156
-
157
- .invisible {
158
- visibility: hidden;
159
- }
160
-
161
- /*
162
- * Clearfix: contain floats
163
- *
164
- * For modern browsers
165
- * 1. The space content is one way to avoid an Opera bug when the
166
- * `contenteditable` attribute is included anywhere else in the document.
167
- * Otherwise it causes space to appear at the top and bottom of elements
168
- * that receive the `clearfix` class.
169
- * 2. The use of `table` rather than `block` is only necessary if using
170
- * `:before` to contain the top-margins of child elements.
171
- */
172
-
173
- .clearfix:before,
174
- .clearfix:after {
175
- content: " "; /* 1 */
176
- display: table; /* 2 */
177
- }
178
-
179
- .clearfix:after {
180
- clear: both;
181
- }
182
-
183
- /* ==========================================================================
184
- EXAMPLE Media Queries for Responsive Design.
185
- These examples override the primary ('mobile first') styles.
186
- Modify as content requires.
187
- ========================================================================== */
188
-
189
- @media only screen and (min-width: 35em) {
190
- /* Style adjustments for viewports that meet the condition */
191
- }
192
-
193
- @media print,
194
- (-o-min-device-pixel-ratio: 5/4),
195
- (-webkit-min-device-pixel-ratio: 1.25),
196
- (min-resolution: 120dpi) {
197
- /* Style adjustments for high resolution devices */
198
- }
199
-
200
- /* ==========================================================================
201
- Print styles.
202
- Inlined to avoid the additional HTTP request: h5bp.com/r
203
- ========================================================================== */
204
-
205
- @media print {
206
- *,
207
- *:before,
208
- *:after {
209
- background: transparent !important;
210
- color: #000 !important; /* Black prints faster: h5bp.com/s */
211
- box-shadow: none !important;
212
- text-shadow: none !important;
213
- }
214
-
215
- a,
216
- a:visited {
217
- text-decoration: underline;
218
- }
219
-
220
- a[href]:after {
221
- content: " (" attr(href) ")";
222
- }
223
-
224
- abbr[title]:after {
225
- content: " (" attr(title) ")";
226
- }
227
-
228
- /*
229
- * Don't show links that are fragment identifiers,
230
- * or use the `javascript:` pseudo protocol
231
- */
232
-
233
- a[href^="#"]:after,
234
- a[href^="javascript:"]:after {
235
- content: "";
236
- }
237
-
238
- pre,
239
- blockquote {
240
- border: 1px solid #999;
241
- page-break-inside: avoid;
242
- }
243
-
244
- thead {
245
- display: table-header-group; /* h5bp.com/t */
246
- }
247
-
248
- tr,
249
- img {
250
- page-break-inside: avoid;
251
- }
252
-
253
- img {
254
- max-width: 100% !important;
255
- }
256
-
257
- p,
258
- h2,
259
- h3 {
260
- orphans: 3;
261
- widows: 3;
262
- }
263
-
264
- h2,
265
- h3 {
266
- page-break-after: avoid;
267
- }
268
- }
@@ -1,9 +0,0 @@
1
- /* mangled !important */
2
- .foo {
3
- display: none /**/ ! IMPORTANT /* */ ;
4
- }
5
-
6
- /* An+B */
7
- li:nth-child(even of li:not(.filtered)) {
8
- background-color: black;
9
- }
@@ -1,1662 +0,0 @@
1
- /*!
2
- Pure v0.3.0
3
- Copyright 2013 Yahoo! Inc. All rights reserved.
4
- Licensed under the BSD License.
5
- https://github.com/yui/pure/blob/master/LICENSE.md
6
- */
7
- /*!
8
- normalize.css v1.1.2 | MIT License | git.io/normalize
9
- Copyright (c) Nicolas Gallagher and Jonathan Neal
10
- */
11
- /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
12
-
13
- /* ==========================================================================
14
- HTML5 display definitions
15
- ========================================================================== */
16
-
17
- /**
18
- * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
19
- */
20
-
21
- article,
22
- aside,
23
- details,
24
- figcaption,
25
- figure,
26
- footer,
27
- header,
28
- hgroup,
29
- main,
30
- nav,
31
- section,
32
- summary {
33
- display: block;
34
- }
35
-
36
- /**
37
- * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
38
- */
39
-
40
- audio,
41
- canvas,
42
- video {
43
- display: inline-block;
44
- *display: inline;
45
- *zoom: 1;
46
- }
47
-
48
- /**
49
- * Prevent modern browsers from displaying `audio` without controls.
50
- * Remove excess height in iOS 5 devices.
51
- */
52
-
53
- audio:not([controls]) {
54
- display: none;
55
- height: 0;
56
- }
57
-
58
- /**
59
- * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
60
- * Known issue: no IE 6 support.
61
- */
62
-
63
- [hidden] {
64
- display: none;
65
- }
66
-
67
- /* ==========================================================================
68
- Base
69
- ========================================================================== */
70
-
71
- /**
72
- * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
73
- * `em` units.
74
- * 2. Prevent iOS text size adjust after orientation change, without disabling
75
- * user zoom.
76
- */
77
-
78
- html {
79
- font-size: 100%; /* 1 */
80
- -ms-text-size-adjust: 100%; /* 2 */
81
- -webkit-text-size-adjust: 100%; /* 2 */
82
- }
83
-
84
- /**
85
- * Address `font-family` inconsistency between `textarea` and other form
86
- * elements.
87
- */
88
-
89
- html,
90
- button,
91
- input,
92
- select,
93
- textarea {
94
- font-family: sans-serif;
95
- }
96
-
97
- /**
98
- * Address margins handled incorrectly in IE 6/7.
99
- */
100
-
101
- body {
102
- margin: 0;
103
- }
104
-
105
- /* ==========================================================================
106
- Links
107
- ========================================================================== */
108
-
109
- /**
110
- * Address `outline` inconsistency between Chrome and other browsers.
111
- */
112
-
113
- a:focus {
114
- outline: thin dotted;
115
- }
116
-
117
- /**
118
- * Improve readability when focused and also mouse hovered in all browsers.
119
- */
120
-
121
- a:active,
122
- a:hover {
123
- outline: 0;
124
- }
125
-
126
- /* ==========================================================================
127
- Typography
128
- ========================================================================== */
129
-
130
- /**
131
- * Address font sizes and margins set differently in IE 6/7.
132
- * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
133
- * and Chrome.
134
- */
135
-
136
- h1 {
137
- font-size: 2em;
138
- margin: 0.67em 0;
139
- }
140
-
141
- h2 {
142
- font-size: 1.5em;
143
- margin: 0.83em 0;
144
- }
145
-
146
- h3 {
147
- font-size: 1.17em;
148
- margin: 1em 0;
149
- }
150
-
151
- h4 {
152
- font-size: 1em;
153
- margin: 1.33em 0;
154
- }
155
-
156
- h5 {
157
- font-size: 0.83em;
158
- margin: 1.67em 0;
159
- }
160
-
161
- h6 {
162
- font-size: 0.67em;
163
- margin: 2.33em 0;
164
- }
165
-
166
- /**
167
- * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
168
- */
169
-
170
- abbr[title] {
171
- border-bottom: 1px dotted;
172
- }
173
-
174
- /**
175
- * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
176
- */
177
-
178
- b,
179
- strong {
180
- font-weight: bold;
181
- }
182
-
183
- blockquote {
184
- margin: 1em 40px;
185
- }
186
-
187
- /**
188
- * Address styling not present in Safari 5 and Chrome.
189
- */
190
-
191
- dfn {
192
- font-style: italic;
193
- }
194
-
195
- /**
196
- * Address differences between Firefox and other browsers.
197
- * Known issue: no IE 6/7 normalization.
198
- */
199
-
200
- hr {
201
- -moz-box-sizing: content-box;
202
- box-sizing: content-box;
203
- height: 0;
204
- }
205
-
206
- /**
207
- * Address styling not present in IE 6/7/8/9.
208
- */
209
-
210
- mark {
211
- background: #ff0;
212
- color: #000;
213
- }
214
-
215
- /**
216
- * Address margins set differently in IE 6/7.
217
- */
218
-
219
- p,
220
- pre {
221
- margin: 1em 0;
222
- }
223
-
224
- /**
225
- * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
226
- */
227
-
228
- code,
229
- kbd,
230
- pre,
231
- samp {
232
- font-family: monospace, serif;
233
- _font-family: 'courier new', monospace;
234
- font-size: 1em;
235
- }
236
-
237
- /**
238
- * Improve readability of pre-formatted text in all browsers.
239
- */
240
-
241
- pre {
242
- white-space: pre;
243
- white-space: pre-wrap;
244
- word-wrap: break-word;
245
- }
246
-
247
- /**
248
- * Address CSS quotes not supported in IE 6/7.
249
- */
250
-
251
- q {
252
- quotes: none;
253
- }
254
-
255
- /**
256
- * Address `quotes` property not supported in Safari 4.
257
- */
258
-
259
- q:before,
260
- q:after {
261
- content: '';
262
- content: none;
263
- }
264
-
265
- /**
266
- * Address inconsistent and variable font size in all browsers.
267
- */
268
-
269
- small {
270
- font-size: 80%;
271
- }
272
-
273
- /**
274
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
275
- */
276
-
277
- sub,
278
- sup {
279
- font-size: 75%;
280
- line-height: 0;
281
- position: relative;
282
- vertical-align: baseline;
283
- }
284
-
285
- sup {
286
- top: -0.5em;
287
- }
288
-
289
- sub {
290
- bottom: -0.25em;
291
- }
292
-
293
- /* ==========================================================================
294
- Lists
295
- ========================================================================== */
296
-
297
- /**
298
- * Address margins set differently in IE 6/7.
299
- */
300
-
301
- dl,
302
- menu,
303
- ol,
304
- ul {
305
- margin: 1em 0;
306
- }
307
-
308
- dd {
309
- margin: 0 0 0 40px;
310
- }
311
-
312
- /**
313
- * Address paddings set differently in IE 6/7.
314
- */
315
-
316
- menu,
317
- ol,
318
- ul {
319
- padding: 0 0 0 40px;
320
- }
321
-
322
- /**
323
- * Correct list images handled incorrectly in IE 7.
324
- */
325
-
326
- nav ul,
327
- nav ol {
328
- list-style: none;
329
- list-style-image: none;
330
- }
331
-
332
- /* ==========================================================================
333
- Embedded content
334
- ========================================================================== */
335
-
336
- /**
337
- * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
338
- * 2. Improve image quality when scaled in IE 7.
339
- */
340
-
341
- img {
342
- border: 0; /* 1 */
343
- -ms-interpolation-mode: bicubic; /* 2 */
344
- }
345
-
346
- /**
347
- * Correct overflow displayed oddly in IE 9.
348
- */
349
-
350
- svg:not(:root) {
351
- overflow: hidden;
352
- }
353
-
354
- /* ==========================================================================
355
- Figures
356
- ========================================================================== */
357
-
358
- /**
359
- * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
360
- */
361
-
362
- figure {
363
- margin: 0;
364
- }
365
-
366
- /* ==========================================================================
367
- Forms
368
- ========================================================================== */
369
-
370
- /**
371
- * Correct margin displayed oddly in IE 6/7.
372
- */
373
-
374
- form {
375
- margin: 0;
376
- }
377
-
378
- /**
379
- * Define consistent border, margin, and padding.
380
- */
381
-
382
- fieldset {
383
- border: 1px solid #c0c0c0;
384
- margin: 0 2px;
385
- padding: 0.35em 0.625em 0.75em;
386
- }
387
-
388
- /**
389
- * 1. Correct color not being inherited in IE 6/7/8/9.
390
- * 2. Correct text not wrapping in Firefox 3.
391
- * 3. Correct alignment displayed oddly in IE 6/7.
392
- */
393
-
394
- legend {
395
- border: 0; /* 1 */
396
- padding: 0;
397
- white-space: normal; /* 2 */
398
- *margin-left: -7px; /* 3 */
399
- }
400
-
401
- /**
402
- * 1. Correct font size not being inherited in all browsers.
403
- * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
404
- * and Chrome.
405
- * 3. Improve appearance and consistency in all browsers.
406
- */
407
-
408
- button,
409
- input,
410
- select,
411
- textarea {
412
- font-size: 100%; /* 1 */
413
- margin: 0; /* 2 */
414
- vertical-align: baseline; /* 3 */
415
- *vertical-align: middle; /* 3 */
416
- }
417
-
418
- /**
419
- * Address Firefox 3+ setting `line-height` on `input` using `!important` in
420
- * the UA stylesheet.
421
- */
422
-
423
- button,
424
- input {
425
- line-height: normal;
426
- }
427
-
428
- /**
429
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
430
- * All other form control elements do not inherit `text-transform` values.
431
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
432
- * Correct `select` style inheritance in Firefox 4+ and Opera.
433
- */
434
-
435
- button,
436
- select {
437
- text-transform: none;
438
- }
439
-
440
- /**
441
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
442
- * and `video` controls.
443
- * 2. Correct inability to style clickable `input` types in iOS.
444
- * 3. Improve usability and consistency of cursor style between image-type
445
- * `input` and others.
446
- * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
447
- * Known issue: inner spacing remains in IE 6.
448
- */
449
-
450
- button,
451
- html input[type="button"], /* 1 */
452
- input[type="reset"],
453
- input[type="submit"] {
454
- -webkit-appearance: button; /* 2 */
455
- cursor: pointer; /* 3 */
456
- *overflow: visible; /* 4 */
457
- }
458
-
459
- /**
460
- * Re-set default cursor for disabled elements.
461
- */
462
-
463
- button[disabled],
464
- html input[disabled] {
465
- cursor: default;
466
- }
467
-
468
- /**
469
- * 1. Address box sizing set to content-box in IE 8/9.
470
- * 2. Remove excess padding in IE 8/9.
471
- * 3. Remove excess padding in IE 7.
472
- * Known issue: excess padding remains in IE 6.
473
- */
474
-
475
- input[type="checkbox"],
476
- input[type="radio"] {
477
- box-sizing: border-box; /* 1 */
478
- padding: 0; /* 2 */
479
- *height: 13px; /* 3 */
480
- *width: 13px; /* 3 */
481
- }
482
-
483
- /**
484
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
485
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
486
- * (include `-moz` to future-proof).
487
- */
488
-
489
- input[type="search"] {
490
- -webkit-appearance: textfield; /* 1 */
491
- -moz-box-sizing: content-box;
492
- -webkit-box-sizing: content-box; /* 2 */
493
- box-sizing: content-box;
494
- }
495
-
496
- /**
497
- * Remove inner padding and search cancel button in Safari 5 and Chrome
498
- * on OS X.
499
- */
500
-
501
- input[type="search"]::-webkit-search-cancel-button,
502
- input[type="search"]::-webkit-search-decoration {
503
- -webkit-appearance: none;
504
- }
505
-
506
- /**
507
- * Remove inner padding and border in Firefox 3+.
508
- */
509
-
510
- button::-moz-focus-inner,
511
- input::-moz-focus-inner {
512
- border: 0;
513
- padding: 0;
514
- }
515
-
516
- /**
517
- * 1. Remove default vertical scrollbar in IE 6/7/8/9.
518
- * 2. Improve readability and alignment in all browsers.
519
- */
520
-
521
- textarea {
522
- overflow: auto; /* 1 */
523
- vertical-align: top; /* 2 */
524
- }
525
-
526
- /* ==========================================================================
527
- Tables
528
- ========================================================================== */
529
-
530
- /**
531
- * Remove most spacing between table cells.
532
- */
533
-
534
- table {
535
- border-collapse: collapse;
536
- border-spacing: 0;
537
- }
538
-
539
- .pure-button {
540
- /* Structure */
541
- display: inline-block;
542
- *display: inline; /*IE 6/7*/
543
- zoom: 1;
544
- line-height: normal;
545
- white-space: nowrap;
546
- vertical-align: baseline;
547
- text-align: center;
548
- cursor: pointer;
549
- -webkit-user-drag: none;
550
- -webkit-user-select: none;
551
- -moz-user-select: none;
552
- -ms-user-select: none;
553
- user-select: none;
554
- }
555
-
556
- /* Firefox: Get rid of the inner focus border */
557
- .pure-button::-moz-focus-inner {
558
- padding: 0;
559
- border: 0;
560
- }
561
-
562
- /*csslint unqualified-attributes:false, outline-none:false*/
563
-
564
- .pure-button {
565
- font-size: 100%;
566
- *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
567
- *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
568
- padding: 0.5em 1.5em 0.5em;
569
- color: #444; /* rgba not supported (IE 8) */
570
- color: rgba(0, 0, 0, 0.80); /* rgba supported */
571
- *color: #444; /* IE 6 & 7 */
572
- border: 1px solid #999; /*IE 6/7/8*/
573
- border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
574
- background-color: #E6E6E6;
575
- text-decoration: none;
576
- border-radius: 2px;
577
- /* Transitions */
578
- -webkit-transition: 0.1s linear -webkit-box-shadow;
579
- -moz-transition: 0.1s linear -moz-box-shadow;
580
- -ms-transition: 0.1s linear box-shadow;
581
- -o-transition: 0.1s linear box-shadow;
582
- transition: 0.1s linear box-shadow;
583
- }
584
-
585
- .pure-button-hover,
586
- .pure-button:hover,
587
- .pure-button:focus {
588
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
589
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
590
- background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
591
- background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
592
- background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
593
- background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
594
- background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
595
- }
596
- .pure-button:focus {
597
- outline: 0;
598
- }
599
- .pure-button-active,
600
- .pure-button:active {
601
- box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
602
- }
603
-
604
- .pure-button[disabled],
605
- .pure-button-disabled,
606
- .pure-button-disabled:hover,
607
- .pure-button-disabled:focus,
608
- .pure-button-disabled:active {
609
- border: none;
610
- background-image: none;
611
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
612
- filter: alpha(opacity=40);
613
- -khtml-opacity: 0.40;
614
- -moz-opacity: 0.40;
615
- opacity: 0.40;
616
- cursor: not-allowed;
617
- box-shadow: none;
618
- }
619
-
620
- .pure-button-hidden {
621
- display: none;
622
- }
623
-
624
- /* Firefox: Get rid of the inner focus border */
625
- .pure-button::-moz-focus-inner{
626
- padding: 0;
627
- border: 0;
628
- }
629
-
630
- .pure-button-primary,
631
- .pure-button-selected,
632
- a.pure-button-primary,
633
- a.pure-button-selected {
634
- background-color: rgb(0, 120, 231);
635
- color: #fff;
636
- }
637
-
638
- .pure-form input[type="text"],
639
- .pure-form input[type="password"],
640
- .pure-form input[type="email"],
641
- .pure-form input[type="url"],
642
- .pure-form input[type="date"],
643
- .pure-form input[type="month"],
644
- .pure-form input[type="time"],
645
- .pure-form input[type="datetime"],
646
- .pure-form input[type="datetime-local"],
647
- .pure-form input[type="week"],
648
- .pure-form input[type="number"],
649
- .pure-form input[type="search"],
650
- .pure-form input[type="tel"],
651
- .pure-form input[type="color"],
652
- .pure-form select,
653
- .pure-form textarea {
654
- padding: 0.5em 0.6em;
655
- display: inline-block;
656
- border: 1px solid #ccc;
657
- font-size: 0.8em;
658
- box-shadow: inset 0 1px 3px #ddd;
659
- border-radius: 4px;
660
- -webkit-transition: 0.3s linear border;
661
- -moz-transition: 0.3s linear border;
662
- -ms-transition: 0.3s linear border;
663
- -o-transition: 0.3s linear border;
664
- transition: 0.3s linear border;
665
- -webkit-box-sizing: border-box;
666
- -moz-box-sizing: border-box;
667
- box-sizing: border-box;
668
- }
669
-
670
- .pure-form input[type="text"]:focus,
671
- .pure-form input[type="password"]:focus,
672
- .pure-form input[type="email"]:focus,
673
- .pure-form input[type="url"]:focus,
674
- .pure-form input[type="date"]:focus,
675
- .pure-form input[type="month"]:focus,
676
- .pure-form input[type="time"]:focus,
677
- .pure-form input[type="datetime"]:focus,
678
- .pure-form input[type="datetime-local"]:focus,
679
- .pure-form input[type="week"]:focus,
680
- .pure-form input[type="number"]:focus,
681
- .pure-form input[type="search"]:focus,
682
- .pure-form input[type="tel"]:focus,
683
- .pure-form input[type="color"]:focus,
684
- .pure-form select:focus,
685
- .pure-form textarea:focus {
686
- outline: 0;
687
- outline: thin dotted \9; /* IE6-9 */
688
- border-color: #129FEA;
689
- }
690
-
691
- .pure-form input[type="file"]:focus,
692
- .pure-form input[type="radio"]:focus,
693
- .pure-form input[type="checkbox"]:focus {
694
- outline: thin dotted #333;
695
- outline: 1px auto #129FEA;
696
- }
697
- .pure-form .pure-checkbox,
698
- .pure-form .pure-radio {
699
- margin: 0.5em 0;
700
- display: block;
701
- }
702
- .pure-form input[type="text"][disabled],
703
- .pure-form input[type="password"][disabled],
704
- .pure-form input[type="email"][disabled],
705
- .pure-form input[type="url"][disabled],
706
- .pure-form input[type="date"][disabled],
707
- .pure-form input[type="month"][disabled],
708
- .pure-form input[type="time"][disabled],
709
- .pure-form input[type="datetime"][disabled],
710
- .pure-form input[type="datetime-local"][disabled],
711
- .pure-form input[type="week"][disabled],
712
- .pure-form input[type="number"][disabled],
713
- .pure-form input[type="search"][disabled],
714
- .pure-form input[type="tel"][disabled],
715
- .pure-form input[type="color"][disabled],
716
- .pure-form select[disabled],
717
- .pure-form textarea[disabled] {
718
- cursor: not-allowed;
719
- background-color: #eaeded;
720
- color: #cad2d3;
721
- }
722
- .pure-form input[readonly],
723
- .pure-form select[readonly],
724
- .pure-form textarea[readonly] {
725
- background: #eee; /* menu hover bg color */
726
- color: #777; /* menu text color */
727
- border-color: #ccc;
728
- }
729
-
730
- .pure-form input:focus:invalid,
731
- .pure-form textarea:focus:invalid,
732
- .pure-form select:focus:invalid {
733
- color: #b94a48;
734
- border: 1px solid #ee5f5b;
735
- }
736
- .pure-form input:focus:invalid:focus,
737
- .pure-form textarea:focus:invalid:focus,
738
- .pure-form select:focus:invalid:focus {
739
- border-color: #e9322d;
740
- }
741
- .pure-form input[type="file"]:focus:invalid:focus,
742
- .pure-form input[type="radio"]:focus:invalid:focus,
743
- .pure-form input[type="checkbox"]:focus:invalid:focus {
744
- outline-color: #e9322d;
745
- }
746
- .pure-form select {
747
- border: 1px solid #ccc;
748
- background-color: white;
749
- }
750
- .pure-form select[multiple] {
751
- height: auto;
752
- }
753
- .pure-form label {
754
- margin: 0.5em 0 0.2em;
755
- font-size: 90%;
756
- }
757
- .pure-form fieldset {
758
- margin: 0;
759
- padding: 0.35em 0 0.75em;
760
- border: 0;
761
- }
762
- .pure-form legend {
763
- display: block;
764
- width: 100%;
765
- padding: 0.3em 0;
766
- margin-bottom: 0.3em;
767
- font-size: 125%;
768
- color: #333;
769
- border-bottom: 1px solid #e5e5e5;
770
- }
771
-
772
- .pure-form-stacked input[type="text"],
773
- .pure-form-stacked input[type="password"],
774
- .pure-form-stacked input[type="email"],
775
- .pure-form-stacked input[type="url"],
776
- .pure-form-stacked input[type="date"],
777
- .pure-form-stacked input[type="month"],
778
- .pure-form-stacked input[type="time"],
779
- .pure-form-stacked input[type="datetime"],
780
- .pure-form-stacked input[type="datetime-local"],
781
- .pure-form-stacked input[type="week"],
782
- .pure-form-stacked input[type="number"],
783
- .pure-form-stacked input[type="search"],
784
- .pure-form-stacked input[type="tel"],
785
- .pure-form-stacked input[type="color"],
786
- .pure-form-stacked select,
787
- .pure-form-stacked label,
788
- .pure-form-stacked textarea {
789
- display: block;
790
- margin: 0.25em 0;
791
- }
792
-
793
- .pure-form-aligned input,
794
- .pure-form-aligned textarea,
795
- .pure-form-aligned select,
796
- /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
797
- .pure-form-aligned .pure-help-inline,
798
- .pure-form-message-inline {
799
- display: inline-block;
800
- *display: inline;
801
- *zoom: 1;
802
- vertical-align: middle;
803
- }
804
-
805
- /* Aligned Forms */
806
- .pure-form-aligned .pure-control-group {
807
- margin-bottom: 0.5em;
808
- }
809
- .pure-form-aligned .pure-control-group label {
810
- text-align: right;
811
- display: inline-block;
812
- vertical-align: middle;
813
- width: 10em;
814
- margin: 0 1em 0 0;
815
- }
816
- .pure-form-aligned .pure-controls {
817
- margin: 1.5em 0 0 10em;
818
- }
819
-
820
- /* Rounded Inputs */
821
- .pure-form input.pure-input-rounded,
822
- .pure-form .pure-input-rounded {
823
- border-radius: 2em;
824
- padding: 0.5em 1em;
825
- }
826
-
827
- /* Grouped Inputs */
828
- .pure-form .pure-group fieldset {
829
- margin-bottom: 10px;
830
- }
831
- .pure-form .pure-group input {
832
- display: block;
833
- padding: 10px;
834
- margin: 0;
835
- border-radius: 0;
836
- position: relative;
837
- top: -1px;
838
- }
839
- .pure-form .pure-group input:focus {
840
- z-index: 2;
841
- }
842
- .pure-form .pure-group input:first-child {
843
- top: 1px;
844
- border-radius: 4px 4px 0 0;
845
- }
846
- .pure-form .pure-group input:last-child {
847
- top: -2px;
848
- border-radius: 0 0 4px 4px;
849
- }
850
- .pure-form .pure-group button {
851
- margin: 0.35em 0;
852
- }
853
-
854
- .pure-form .pure-input-1 {
855
- width: 100%;
856
- }
857
- .pure-form .pure-input-2-3 {
858
- width: 66%;
859
- }
860
- .pure-form .pure-input-1-2 {
861
- width: 50%;
862
- }
863
- .pure-form .pure-input-1-3 {
864
- width: 33%;
865
- }
866
- .pure-form .pure-input-1-4 {
867
- width: 25%;
868
- }
869
-
870
- /* Inline help for forms */
871
- /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
872
- .pure-form .pure-help-inline,
873
- .pure-form-message-inline {
874
- display: inline-block;
875
- padding-left: 0.3em;
876
- color: #666;
877
- vertical-align: middle;
878
- font-size: 90%;
879
- }
880
-
881
- /* Block help for forms */
882
- .pure-form-message {
883
- display: block;
884
- color: #666;
885
- font-size: 90%;
886
- }
887
-
888
- @media only screen and (max-width : 480px) {
889
- .pure-form button[type="submit"] {
890
- margin: 0.7em 0 0;
891
- }
892
-
893
- .pure-form input[type="text"],
894
- .pure-form input[type="password"],
895
- .pure-form input[type="email"],
896
- .pure-form input[type="url"],
897
- .pure-form input[type="date"],
898
- .pure-form input[type="month"],
899
- .pure-form input[type="time"],
900
- .pure-form input[type="datetime"],
901
- .pure-form input[type="datetime-local"],
902
- .pure-form input[type="week"],
903
- .pure-form input[type="number"],
904
- .pure-form input[type="search"],
905
- .pure-form input[type="tel"],
906
- .pure-form input[type="color"],
907
- .pure-form label {
908
- margin-bottom: 0.3em;
909
- display: block;
910
- }
911
-
912
- .pure-group input[type="text"],
913
- .pure-group input[type="password"],
914
- .pure-group input[type="email"],
915
- .pure-group input[type="url"],
916
- .pure-group input[type="date"],
917
- .pure-group input[type="month"],
918
- .pure-group input[type="time"],
919
- .pure-group input[type="datetime"],
920
- .pure-group input[type="datetime-local"],
921
- .pure-group input[type="week"],
922
- .pure-group input[type="number"],
923
- .pure-group input[type="search"],
924
- .pure-group input[type="tel"],
925
- .pure-group input[type="color"] {
926
- margin-bottom: 0;
927
- }
928
-
929
- .pure-form-aligned .pure-control-group label {
930
- margin-bottom: 0.3em;
931
- text-align: left;
932
- display: block;
933
- width: 100%;
934
- }
935
-
936
- .pure-form-aligned .pure-controls {
937
- margin: 1.5em 0 0 0;
938
- }
939
-
940
- /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
941
- .pure-form .pure-help-inline,
942
- .pure-form-message-inline,
943
- .pure-form-message {
944
- display: block;
945
- font-size: 80%;
946
- /* Increased bottom padding to make it group with its related input element. */
947
- padding: 0.2em 0 0.8em;
948
- }
949
- }
950
-
951
- /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
952
-
953
- .pure-g {
954
- letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
955
- *letter-spacing: normal; /* reset IE < 8 */
956
- *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
957
- text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
958
-
959
- /*
960
- Sets the font stack to fonts known to work properly with the above letter
961
- and word spacings. See: https://github.com/yui/pure/issues/41/
962
-
963
- The following font stack makes Pure Grids work on all known environments.
964
-
965
- * FreeSans: Ships with many Linux distros, including Ubuntu
966
-
967
- * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
968
- Arial to get picked up by the browser, even though neither is available
969
- in Chrome OS.
970
-
971
- * Droid Sans: Ships with all versions of Android.
972
-
973
- * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
974
- */
975
- font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
976
-
977
- /*
978
- Use flexbox when possible to avoid `letter-spacing` side-effects.
979
-
980
- NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
981
- `-moz-` prefix version is omitted.
982
- */
983
-
984
- display: -webkit-flex;
985
- -webkit-flex-flow: row wrap;
986
-
987
- /* IE10 uses display: flexbox */
988
- display: -ms-flexbox;
989
- -ms-flex-flow: row wrap;
990
- }
991
-
992
- /* Opera as of 12 on Windows needs word-spacing.
993
- The ".opera-only" selector is used to prevent actual prefocus styling
994
- and is not required in markup.
995
- */
996
- .opera-only :-o-prefocus,
997
- .pure-g {
998
- word-spacing: -0.43em;
999
- }
1000
-
1001
- .pure-u {
1002
- display: inline-block;
1003
- *display: inline; /* IE < 8: fake inline-block */
1004
- zoom: 1;
1005
- letter-spacing: normal;
1006
- word-spacing: normal;
1007
- vertical-align: top;
1008
- text-rendering: auto;
1009
- }
1010
-
1011
- /*
1012
- Resets the font family back to the OS/browser's default sans-serif font,
1013
- this the same font stack that Normalize.css sets for the `body`.
1014
- */
1015
- .pure-g [class *= "pure-u"] {
1016
- font-family: sans-serif;
1017
- }
1018
-
1019
- .pure-u-1,
1020
- .pure-u-1-2,
1021
- .pure-u-1-3,
1022
- .pure-u-2-3,
1023
- .pure-u-1-4,
1024
- .pure-u-3-4,
1025
- .pure-u-1-5,
1026
- .pure-u-2-5,
1027
- .pure-u-3-5,
1028
- .pure-u-4-5,
1029
- .pure-u-1-6,
1030
- .pure-u-5-6,
1031
- .pure-u-1-8,
1032
- .pure-u-3-8,
1033
- .pure-u-5-8,
1034
- .pure-u-7-8,
1035
- .pure-u-1-12,
1036
- .pure-u-5-12,
1037
- .pure-u-7-12,
1038
- .pure-u-11-12,
1039
- .pure-u-1-24,
1040
- .pure-u-5-24,
1041
- .pure-u-7-24,
1042
- .pure-u-11-24,
1043
- .pure-u-13-24,
1044
- .pure-u-17-24,
1045
- .pure-u-19-24,
1046
- .pure-u-23-24 {
1047
- display: inline-block;
1048
- *display: inline; /* IE < 8: fake inline-block */
1049
- zoom: 1;
1050
- letter-spacing: normal;
1051
- word-spacing: normal;
1052
- vertical-align: top;
1053
- text-rendering: auto;
1054
- }
1055
-
1056
- .pure-u-1 {
1057
- width: 100%;
1058
- }
1059
-
1060
- .pure-u-1-2 {
1061
- width: 50%;
1062
- *width: 49.969%;
1063
- }
1064
-
1065
- .pure-u-1-3 {
1066
- width: 33.3333%;
1067
- *width: 33.3023%;
1068
- }
1069
-
1070
- .pure-u-2-3 {
1071
- width: 66.6667%;
1072
- *width: 66.6357%;
1073
- }
1074
-
1075
- .pure-u-1-4 {
1076
- width: 25%;
1077
- *width: 24.969%;
1078
- }
1079
-
1080
- .pure-u-3-4 {
1081
- width: 75%;
1082
- *width: 74.969%;
1083
- }
1084
-
1085
- .pure-u-1-5 {
1086
- width: 20%;
1087
- *width: 19.969%;
1088
- }
1089
-
1090
- .pure-u-2-5 {
1091
- width: 40%;
1092
- *width: 39.969%;
1093
- }
1094
-
1095
- .pure-u-3-5 {
1096
- width: 60%;
1097
- *width: 59.969%;
1098
- }
1099
-
1100
- .pure-u-4-5 {
1101
- width: 80%;
1102
- *width: 79.969%;
1103
- }
1104
-
1105
- .pure-u-1-6 {
1106
- width: 16.6667%;
1107
- *width: 16.6357%;
1108
- }
1109
-
1110
- .pure-u-5-6 {
1111
- width: 83.3333%;
1112
- *width: 83.3023%;
1113
- }
1114
-
1115
- .pure-u-1-8 {
1116
- width: 12.5%;
1117
- *width: 12.469%;
1118
- }
1119
-
1120
- .pure-u-3-8 {
1121
- width: 37.5%;
1122
- *width: 37.469%;
1123
- }
1124
-
1125
- .pure-u-5-8 {
1126
- width: 62.5%;
1127
- *width: 62.469%;
1128
- }
1129
-
1130
- .pure-u-7-8 {
1131
- width: 87.5%;
1132
- *width: 87.469%;
1133
- }
1134
-
1135
- .pure-u-1-12 {
1136
- width: 8.3333%;
1137
- *width: 8.3023%;
1138
- }
1139
-
1140
- .pure-u-5-12 {
1141
- width: 41.6667%;
1142
- *width: 41.6357%;
1143
- }
1144
-
1145
- .pure-u-7-12 {
1146
- width: 58.3333%;
1147
- *width: 58.3023%;
1148
- }
1149
-
1150
- .pure-u-11-12 {
1151
- width: 91.6667%;
1152
- *width: 91.6357%;
1153
- }
1154
-
1155
- .pure-u-1-24 {
1156
- width: 4.1667%;
1157
- *width: 4.1357%;
1158
- }
1159
-
1160
- .pure-u-5-24 {
1161
- width: 20.8333%;
1162
- *width: 20.8023%;
1163
- }
1164
-
1165
- .pure-u-7-24 {
1166
- width: 29.1667%;
1167
- *width: 29.1357%;
1168
- }
1169
-
1170
- .pure-u-11-24 {
1171
- width: 45.8333%;
1172
- *width: 45.8023%;
1173
- }
1174
-
1175
- .pure-u-13-24 {
1176
- width: 54.1667%;
1177
- *width: 54.1357%;
1178
- }
1179
-
1180
- .pure-u-17-24 {
1181
- width: 70.8333%;
1182
- *width: 70.8023%;
1183
- }
1184
-
1185
- .pure-u-19-24 {
1186
- width: 79.1667%;
1187
- *width: 79.1357%;
1188
- }
1189
-
1190
- .pure-u-23-24 {
1191
- width: 95.8333%;
1192
- *width: 95.8023%;
1193
- }
1194
-
1195
- /*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
1196
-
1197
- .pure-g-r {
1198
- letter-spacing: -0.31em;
1199
- *letter-spacing: normal;
1200
- *word-spacing: -0.43em;
1201
-
1202
- /*
1203
- Sets the font stack to fonts known to work properly with the above letter
1204
- and word spacings. See: https://github.com/yui/pure/issues/41/
1205
-
1206
- The following font stack makes Pure Grids work on all known environments.
1207
-
1208
- * FreeSans: Ships with many Linux distros, including Ubuntu
1209
-
1210
- * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
1211
- Arial to get picked up by the browser, even though neither is available
1212
- in Chrome OS.
1213
-
1214
- * Droid Sans: Ships with all versions of Android.
1215
-
1216
- * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
1217
- */
1218
- font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
1219
-
1220
- /*
1221
- Use flexbox when possible to avoid `letter-spacing` side-effects.
1222
-
1223
- NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
1224
- `-moz-` prefix version is omitted.
1225
- */
1226
-
1227
- display: -webkit-flex;
1228
- -webkit-flex-flow: row wrap;
1229
-
1230
- /* IE10 uses display: flexbox */
1231
- display: -ms-flexbox;
1232
- -ms-flex-flow: row wrap;
1233
- }
1234
-
1235
- /* Opera as of 12 on Windows needs word-spacing.
1236
- The ".opera-only" selector is used to prevent actual prefocus styling
1237
- and is not required in markup.
1238
- */
1239
- .opera-only :-o-prefocus,
1240
- .pure-g-r {
1241
- word-spacing: -0.43em;
1242
- }
1243
-
1244
- /*
1245
- Resets the font family back to the OS/browser's default sans-serif font,
1246
- this the same font stack that Normalize.css sets for the `body`.
1247
- */
1248
- .pure-g-r [class *= "pure-u"] {
1249
- font-family: sans-serif;
1250
- }
1251
-
1252
- .pure-g-r img {
1253
- max-width: 100%;
1254
- height: auto;
1255
- }
1256
-
1257
- @media (min-width: 980px) {
1258
- .pure-visible-phone {
1259
- display: none;
1260
- }
1261
- .pure-visible-tablet {
1262
- display: none;
1263
- }
1264
- .pure-hidden-desktop {
1265
- display: none;
1266
- }
1267
- }
1268
-
1269
- @media (max-width: 480px) {
1270
- .pure-g-r > .pure-u,
1271
- .pure-g-r > [class *= "pure-u-"] {
1272
- width: 100%;
1273
- }
1274
- }
1275
-
1276
- @media (max-width: 767px) {
1277
- .pure-g-r > .pure-u,
1278
- .pure-g-r > [class *= "pure-u-"] {
1279
- width: 100%;
1280
- }
1281
- .pure-hidden-phone {
1282
- display: none;
1283
- }
1284
- .pure-visible-desktop {
1285
- display: none;
1286
- }
1287
- }
1288
-
1289
- @media (min-width: 768px) and (max-width: 979px) {
1290
- .pure-hidden-tablet {
1291
- display: none;
1292
- }
1293
- .pure-visible-desktop {
1294
- display: none;
1295
- }
1296
- }
1297
-
1298
- /*csslint adjoining-classes:false, outline-none:false*/
1299
- /*TODO: Remove this lint rule override after a refactor of this code.*/
1300
-
1301
- .pure-menu ul {
1302
- position: absolute;
1303
- visibility: hidden;
1304
- }
1305
-
1306
- .pure-menu.pure-menu-open {
1307
- visibility: visible;
1308
- z-index: 2;
1309
- width: 100%;
1310
- }
1311
-
1312
- .pure-menu ul {
1313
- left: -10000px;
1314
- list-style: none;
1315
- margin: 0;
1316
- padding: 0;
1317
- top: -10000px;
1318
- z-index: 1;
1319
- }
1320
-
1321
- .pure-menu > ul { position: relative; }
1322
-
1323
- .pure-menu-open > ul {
1324
- left: 0;
1325
- top: 0;
1326
- visibility: visible;
1327
- }
1328
-
1329
- .pure-menu-open > ul:focus {
1330
- outline: 0;
1331
- }
1332
-
1333
- .pure-menu li { position: relative; }
1334
-
1335
- .pure-menu a,
1336
- .pure-menu .pure-menu-heading {
1337
- display: block;
1338
- color: inherit;
1339
- line-height: 1.5em;
1340
- padding: 5px 20px;
1341
- text-decoration: none;
1342
- white-space: nowrap;
1343
- }
1344
-
1345
- .pure-menu.pure-menu-horizontal > .pure-menu-heading {
1346
- display: inline-block;
1347
- *display: inline;
1348
- zoom: 1;
1349
- margin: 0;
1350
- vertical-align: middle;
1351
- }
1352
- .pure-menu.pure-menu-horizontal > ul {
1353
- display: inline-block;
1354
- *display: inline;
1355
- zoom: 1;
1356
- vertical-align: middle;
1357
- height: 2.4em;
1358
- }
1359
-
1360
- .pure-menu li a { padding: 5px 20px; }
1361
-
1362
- .pure-menu-can-have-children > .pure-menu-label:after {
1363
- content: '\25B8';
1364
- float: right;
1365
- /* These specific fonts have the Unicode char we need. */
1366
- font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
1367
- margin-right: -20px;
1368
- margin-top: -1px;
1369
- }
1370
-
1371
- .pure-menu-can-have-children > .pure-menu-label {
1372
- padding-right: 30px;
1373
- }
1374
-
1375
- .pure-menu-separator {
1376
- background-color: #dfdfdf;
1377
- display: block;
1378
- height: 1px;
1379
- font-size: 0;
1380
- margin: 7px 2px;
1381
- overflow: hidden;
1382
- }
1383
-
1384
- .pure-menu-hidden {
1385
- display: none;
1386
- }
1387
-
1388
- /* FIXED MENU */
1389
- .pure-menu-fixed {
1390
- position: fixed;
1391
- top: 0;
1392
- left: 0;
1393
- width: 100%;
1394
- }
1395
-
1396
-
1397
- /* HORIZONTAL MENU CODE */
1398
-
1399
- /* Initial menus should be inline-block so that they are horizontal */
1400
- .pure-menu-horizontal li {
1401
- display: inline-block;
1402
- *display: inline;
1403
- zoom: 1;
1404
- vertical-align: middle;
1405
- }
1406
-
1407
- /* Submenus should still be display: block; */
1408
- .pure-menu-horizontal li li {
1409
- display: block;
1410
- }
1411
-
1412
- /* Content after should be down arrow */
1413
- .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
1414
- content: "\25BE";
1415
- }
1416
- /*Add extra padding to elements that have the arrow so that the hover looks nice */
1417
- .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
1418
- padding-right: 30px;
1419
- }
1420
-
1421
- /* Adjusting separator for vertical menus */
1422
- .pure-menu-horizontal li.pure-menu-separator {
1423
- height: 50%;
1424
- width: 1px;
1425
- margin: 0 7px;
1426
- }
1427
-
1428
- /* Submenus should be horizontal separator again */
1429
- .pure-menu-horizontal li li.pure-menu-separator {
1430
- height: 1px;
1431
- width: auto;
1432
- margin: 7px 2px;
1433
- }
1434
-
1435
-
1436
- /*csslint adjoining-classes:false*/
1437
- /*TODO: Remove this lint rule override after a refactor of this code.*/
1438
-
1439
- /* MAIN MENU STYLING */
1440
-
1441
- .pure-menu.pure-menu-open,
1442
- .pure-menu.pure-menu-horizontal li .pure-menu-children {
1443
- background: #fff; /* Old browsers */
1444
- border: 1px solid #b7b7b7;
1445
- }
1446
-
1447
- /* remove borders for horizontal menus */
1448
- .pure-menu.pure-menu-horizontal,
1449
- .pure-menu.pure-menu-horizontal .pure-menu-heading {
1450
- border: none;
1451
- }
1452
-
1453
-
1454
- /* LINK STYLES */
1455
-
1456
- .pure-menu a {
1457
- border: 1px solid transparent;
1458
- border-left: none;
1459
- border-right: none;
1460
-
1461
- }
1462
-
1463
- .pure-menu a,
1464
- .pure-menu .pure-menu-can-have-children > li:after {
1465
- color: #777;
1466
- }
1467
-
1468
- .pure-menu .pure-menu-can-have-children > li:hover:after {
1469
- color: #fff;
1470
- }
1471
-
1472
- /* Focus style for a dropdown menu-item when the parent has been opened */
1473
- .pure-menu .pure-menu-open {
1474
- background: #dedede;
1475
- }
1476
-
1477
-
1478
- .pure-menu li a:hover,
1479
- .pure-menu li a:focus {
1480
- background: #eee;
1481
- }
1482
-
1483
- /* DISABLED STATES */
1484
- .pure-menu li.pure-menu-disabled a:hover,
1485
- .pure-menu li.pure-menu-disabled a:focus {
1486
- background: #fff;
1487
- color: #bfbfbf;
1488
- }
1489
-
1490
- .pure-menu .pure-menu-disabled > a {
1491
- background-image: none;
1492
- border-color: transparent;
1493
- cursor: default;
1494
- }
1495
-
1496
- .pure-menu .pure-menu-disabled > a,
1497
- .pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
1498
- color: #bfbfbf;
1499
- }
1500
-
1501
- /* HEADINGS */
1502
- .pure-menu .pure-menu-heading {
1503
- color: #565d64;
1504
- text-transform: uppercase;
1505
- font-size: 90%;
1506
- margin-top: 0.5em;
1507
- border-bottom-width: 1px;
1508
- border-bottom-style: solid;
1509
- border-bottom-color: #dfdfdf;
1510
- }
1511
-
1512
- /* ACTIVE MENU ITEM */
1513
- .pure-menu .pure-menu-selected a {
1514
- color: #000;
1515
- }
1516
-
1517
- /* FIXED MENU */
1518
- .pure-menu.pure-menu-open.pure-menu-fixed {
1519
- border: none;
1520
- border-bottom: 1px solid #b7b7b7;
1521
- }
1522
-
1523
- /*csslint box-model:false*/
1524
- /*TODO: Remove this lint rule override after a refactor of this code.*/
1525
-
1526
-
1527
- .pure-paginator {
1528
-
1529
- /* `pure-g` Grid styles */
1530
- letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
1531
- *letter-spacing: normal; /* reset IE < 8 */
1532
- *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
1533
- text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
1534
-
1535
- /* `pure-paginator` Specific styles */
1536
- list-style: none;
1537
- margin: 0;
1538
- padding: 0;
1539
- }
1540
- .opera-only :-o-prefocus,
1541
- .pure-paginator {
1542
- word-spacing: -0.43em;
1543
- }
1544
-
1545
- /* `pure-u` Grid styles */
1546
- .pure-paginator li {
1547
- display: inline-block;
1548
- *display: inline; /* IE < 8: fake inline-block */
1549
- zoom: 1;
1550
- letter-spacing: normal;
1551
- word-spacing: normal;
1552
- vertical-align: top;
1553
- text-rendering: auto;
1554
- }
1555
-
1556
-
1557
- .pure-paginator .pure-button {
1558
- border-radius: 0;
1559
- padding: 0.8em 1.4em;
1560
- vertical-align: top;
1561
- height: 1.1em;
1562
- }
1563
- .pure-paginator .pure-button:focus,
1564
- .pure-paginator .pure-button:active {
1565
- outline-style: none;
1566
- }
1567
- .pure-paginator .prev,
1568
- .pure-paginator .next {
1569
- color: #C0C1C3;
1570
- text-shadow: 0 -1px 0 rgba(0,0,0, 0.45);
1571
- }
1572
- .pure-paginator .prev {
1573
- border-radius: 2px 0 0 2px;
1574
- }
1575
- .pure-paginator .next {
1576
- border-radius: 0 2px 2px 0;
1577
- }
1578
-
1579
- @media (max-width: 480px) {
1580
- .pure-menu-horizontal {
1581
- width: 100%;
1582
- }
1583
-
1584
- .pure-menu-children li {
1585
- display: block;
1586
- border-bottom: 1px solid black;
1587
- }
1588
- }
1589
-
1590
- .pure-table {
1591
- /* Remove spacing between table cells (from Normalize.css) */
1592
- border-collapse: collapse;
1593
- border-spacing: 0;
1594
- empty-cells: show;
1595
- border: 1px solid #cbcbcb;
1596
- }
1597
-
1598
- .pure-table caption {
1599
- color: #000;
1600
- font: italic 85%/1 arial, sans-serif;
1601
- padding: 1em 0;
1602
- text-align: center;
1603
- }
1604
-
1605
- .pure-table td,
1606
- .pure-table th {
1607
- border-left: 1px solid #cbcbcb;/* inner column border */
1608
- border-width: 0 0 0 1px;
1609
- font-size: inherit;
1610
- margin: 0;
1611
- overflow: visible; /*to make ths where the title is really long work*/
1612
- padding: 6px 12px; /* cell padding */
1613
- }
1614
- .pure-table td:first-child,
1615
- .pure-table th:first-child {
1616
- border-left-width: 0;
1617
- }
1618
-
1619
- .pure-table thead {
1620
- background: #e0e0e0;
1621
- color: #000;
1622
- text-align: left;
1623
- vertical-align: bottom;
1624
- }
1625
-
1626
- /*
1627
- striping:
1628
- even - #fff (white)
1629
- odd - #f2f2f2 (light gray)
1630
- */
1631
- .pure-table td {
1632
- background-color: transparent;
1633
- }
1634
- .pure-table-odd td {
1635
- background-color: #f2f2f2;
1636
- }
1637
-
1638
- /* nth-child selector for modern browsers */
1639
- .pure-table-striped tr:nth-child(2n-1) td {
1640
- background-color: #f2f2f2;
1641
- }
1642
-
1643
- /* BORDERED TABLES */
1644
- .pure-table-bordered td {
1645
- border-bottom: 1px solid #cbcbcb;
1646
- }
1647
- .pure-table-bordered tbody > tr:last-child td,
1648
- .pure-table-horizontal tbody > tr:last-child td {
1649
- border-bottom-width: 0;
1650
- }
1651
-
1652
-
1653
- /* HORIZONTAL BORDERED TABLES */
1654
-
1655
- .pure-table-horizontal td,
1656
- .pure-table-horizontal th {
1657
- border-width: 0 0 1px 0;
1658
- border-bottom: 1px solid #cbcbcb;
1659
- }
1660
- .pure-table-horizontal tbody > tr:last-child td {
1661
- border-bottom-width: 0;
1662
- }