servel 0.8.0 → 0.9.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
1
1
  class Servel::PathBuilder
2
2
  IMAGE_EXTS = %w(.jpg .jpeg .png .gif)
3
- VIDEO_EXTS = %w(.webm .mp4)
3
+ VIDEO_EXTS = %w(.webm .mp4 .mkv)
4
4
  AUDIO_EXTS = %w(.mp3 .m4a .wav)
5
5
 
6
6
  def initialize(path)
@@ -1,8 +1,8 @@
1
- %img#image
2
- %video#video{autoplay: true, controls: true}
3
- %audio#audio{autoplay: true, controls: true}
4
- #page-back.paginator ◀
5
- #page-next.paginator ▶
6
- #page-back-10.paginator ◀◀
7
- #page-next-10.paginator ▶▶
1
+ %img#image
2
+ %video#video{autoplay: true, controls: true}
3
+ %audio#audio{autoplay: true, controls: true}
4
+ #page-back.paginator ◀
5
+ #page-next.paginator ▶
6
+ #page-back-10.paginator ◀◀
7
+ #page-next-10.paginator ▶▶
8
8
  #page-toggle-size.paginator ⤡
@@ -1,21 +1,21 @@
1
- %h1 Listing of #{url_root}#{url_path}
2
- .table-wrapper
3
- %table
4
- %thead
5
- %tr
6
- %th Name
7
- %th.new-tab
8
- %th.type Type
9
- %th.size Size
10
- %th.modified Modified
11
- %tbody
12
- - (directories + files).each do |file|
13
- %tr
14
- %td
15
- %span.icon= file.icon
16
- %a.default{href: file.href, class: file.listing_classes, data: { type: file.media_type }}= file.name
17
- %td
18
- %a.new-tab{href: file.href, class: file.listing_classes, target: "_blank"} (New tab)
19
- %td= file.type
20
- %td= file.size.nil? ? "-" : number_to_human_size(file.size)
1
+ %h1 Listing of #{url_root}#{url_path}
2
+ .table-wrapper
3
+ %table
4
+ %thead
5
+ %tr
6
+ %th Name
7
+ %th.new-tab
8
+ %th.type Type
9
+ %th.size Size
10
+ %th.modified Modified
11
+ %tbody
12
+ - (directories + files).each do |file|
13
+ %tr
14
+ %td
15
+ %span.icon= file.icon
16
+ %a.default{href: file.href, class: file.listing_classes, data: { type: file.media_type }}= file.name
17
+ %td
18
+ %a.new-tab{href: file.href, class: file.listing_classes, target: "_blank"} (New tab)
19
+ %td= file.type
20
+ %td= file.size.nil? ? "-" : number_to_human_size(file.size)
21
21
  %td= file.mtime.nil? ? "-" : file.mtime.strftime("%e %b %Y %l:%M %p")
@@ -1,25 +1,25 @@
1
- * {
2
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3
- box-sizing: border-box;
4
- }
5
-
6
- body {
7
- padding: 0;
8
- font-family: 'Open Sans', Helvetica, Arial, sans-serif;
9
- font-size: 16px;
10
- line-height: 1.4;
11
-
12
- -webkit-user-select: none;
13
- -moz-user-select: none;
14
- -khtml-user-select: none;
15
- -ms-user-select: none;
16
- user-select: none;
17
- }
18
-
19
- a {
20
- text-decoration: none;
21
- }
22
-
23
- a:hover, a:focus, a:active {
24
- text-decoration: underline;
1
+ * {
2
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3
+ box-sizing: border-box;
4
+ }
5
+
6
+ body {
7
+ padding: 0;
8
+ font-family: 'Open Sans', Helvetica, Arial, sans-serif;
9
+ font-size: 16px;
10
+ line-height: 1.4;
11
+
12
+ -webkit-user-select: none;
13
+ -moz-user-select: none;
14
+ -khtml-user-select: none;
15
+ -ms-user-select: none;
16
+ user-select: none;
17
+ }
18
+
19
+ a {
20
+ text-decoration: none;
21
+ }
22
+
23
+ a:hover, a:focus, a:active {
24
+ text-decoration: underline;
25
25
  }
@@ -1,5 +1,4 @@
1
1
  #gallery {
2
- padding: 0 100px;
3
2
  background: #333;
4
3
  transform: translateZ(0px);
5
4
  }
@@ -20,22 +19,22 @@
20
19
  }
21
20
  }
22
21
 
22
+ #gallery.video, #gallery.audio {
23
+ padding: 20px 100px;
24
+ }
25
+
23
26
  #gallery.video #video {
24
27
  display: block;
25
28
  }
26
29
 
27
30
  #gallery.image {
28
- padding: 0 20px;
31
+ padding: 20px 0;
29
32
  }
30
33
 
31
34
  #gallery.image #image {
32
35
  display: block;
33
36
  }
34
37
 
35
- #gallery.audio {
36
- padding-top: 20px;
37
- }
38
-
39
38
  #gallery.audio #audio {
40
39
  display: block;
41
40
  }
@@ -35,7 +35,10 @@ var Gallery = (function() {
35
35
  }
36
36
 
37
37
  function go(index) {
38
- currentIndex = clamp(index);
38
+ var newIndex = clamp(index);
39
+ if(newIndex == currentIndex) return;
40
+
41
+ currentIndex = newIndex;
39
42
  render();
40
43
  }
41
44
 
@@ -1,16 +1,16 @@
1
- #home {
2
- padding: 20px;
3
- }
4
-
5
- #home h1 {
6
- margin-top: 0;
7
- }
8
-
9
- #roots li {
10
- font-size: 24px;
11
- }
12
-
13
- #roots a.new-tab {
14
- display: inline-block;
15
- margin-left: 20px;
1
+ #home {
2
+ padding: 20px;
3
+ }
4
+
5
+ #home h1 {
6
+ margin-top: 0;
7
+ }
8
+
9
+ #roots li {
10
+ font-size: 24px;
11
+ }
12
+
13
+ #roots a.new-tab {
14
+ display: inline-block;
15
+ margin-left: 20px;
16
16
  }
@@ -1,18 +1,18 @@
1
- !!!
2
- %html
3
- %head
4
- %meta{charset: 'utf-8'}
5
- %title Browse Listings
6
- %meta{name: 'viewport', content: 'width=device-width, height=device-height, user-scalable=no'}
7
- :css
8
- #{include('normalize.css')}
9
- #{include('common.css')}
10
- #{include('home.css')}
11
- %body
12
- #home
13
- %h1 Browse Listings
14
- %ul#roots
15
- - roots.each do |root|
16
- %li
17
- %a{href: root}= root
18
- %a.new-tab{href: root, target: "_blank"} (New Tab)
1
+ !!!
2
+ %html
3
+ %head
4
+ %meta{charset: 'utf-8'}
5
+ %title Browse Listings
6
+ %meta{name: 'viewport', content: 'width=device-width, height=device-height, user-scalable=no'}
7
+ :css
8
+ #{include('normalize.css')}
9
+ #{include('common.css')}
10
+ #{include('home.css')}
11
+ %body
12
+ #home
13
+ %h1 Browse Listings
14
+ %ul#roots
15
+ - roots.each do |root|
16
+ %li
17
+ %a{href: root}= root
18
+ %a.new-tab{href: root, target: "_blank"} (New Tab)
@@ -1,15 +1,15 @@
1
- html, body, #gallery {
2
- height: 100%;
3
- }
4
-
5
- body.split-screen #listing {
6
- height: 100%;
7
- width: 50%;
8
- float: left;
9
- overflow: auto;
10
- }
11
-
12
- body.split-screen #gallery {
13
- width: 50%;
14
- float: right;
1
+ html, body, #gallery {
2
+ height: 100%;
3
+ }
4
+
5
+ body.split-screen #listing {
6
+ height: 100%;
7
+ width: 50%;
8
+ float: left;
9
+ overflow: auto;
10
+ }
11
+
12
+ body.split-screen #gallery {
13
+ width: 50%;
14
+ float: right;
15
15
  }
@@ -1,19 +1,19 @@
1
- !!!
2
- %html
3
- %head
4
- %meta{charset: 'utf-8'}
5
- %title Listing of #{url_root}#{url_path}
6
- %meta{name: 'viewport', content: 'width=device-width, height=device-height, user-scalable=no'}
7
- :css
8
- #{include('normalize.css')}
9
- #{include('common.css')}
10
- #{include('index.css')}
11
- #{include('listing.css')}
12
- #{include('gallery.css')}
13
-
14
- :javascript
15
- #{include('gallery.js')}
16
- %body
17
- - if files.any? { |f| f.media? }
18
- #gallery!= partial('gallery')
1
+ !!!
2
+ %html
3
+ %head
4
+ %meta{charset: 'utf-8'}
5
+ %title Listing of #{url_root}#{url_path}
6
+ %meta{name: 'viewport', content: 'width=device-width, height=device-height, user-scalable=no'}
7
+ :css
8
+ #{include('normalize.css')}
9
+ #{include('common.css')}
10
+ #{include('index.css')}
11
+ #{include('listing.css')}
12
+ #{include('gallery.css')}
13
+
14
+ :javascript
15
+ #{include('gallery.js')}
16
+ %body
17
+ - if files.any? { |f| f.media? }
18
+ #gallery!= partial('gallery')
19
19
  #listing!= partial('listing', { url_root: url_root, url_path: url_path, directories: directories, files: files })
@@ -1,55 +1,55 @@
1
- #listing {
2
- padding: 20px;
3
- }
4
-
5
- #listing h1 {
6
- margin-top: 0;
7
- }
8
-
9
- .table-wrapper {
10
- overflow: auto;
11
- }
12
-
13
- table {
14
- width: 100%;
15
- min-width: 800px;
16
- border-collapse: collapse;
17
- border: 1px solid #ddd;
18
- table-layout: fixed;
19
- }
20
-
21
- th, td {
22
- padding: 5px;
23
- border: 1px solid #ddd;
24
- }
25
-
26
- tbody > tr:nth-of-type(odd) {
27
- background-color: #f9f9f9;
28
- }
29
-
30
- th.new-tab {
31
- width: 6em;
32
- }
33
-
34
- th.type {
35
- width: 4em;
36
- }
37
-
38
- th.size {
39
- width: 6em;
40
- }
41
-
42
- th.modified {
43
- width: 12em;
44
- }
45
-
46
- span.icon {
47
- display: inline-block;
48
- margin-right: 0.2em;
49
- width: 1.4em;
50
- text-align: center;
51
- }
52
-
53
- a.default.top, a.default.parent {
54
- font-style: oblique;
55
- }
1
+ #listing {
2
+ padding: 20px;
3
+ }
4
+
5
+ #listing h1 {
6
+ margin-top: 0;
7
+ }
8
+
9
+ .table-wrapper {
10
+ overflow: auto;
11
+ }
12
+
13
+ table {
14
+ width: 100%;
15
+ min-width: 800px;
16
+ border-collapse: collapse;
17
+ border: 1px solid #ddd;
18
+ table-layout: fixed;
19
+ }
20
+
21
+ th, td {
22
+ padding: 5px;
23
+ border: 1px solid #ddd;
24
+ }
25
+
26
+ tbody > tr:nth-of-type(odd) {
27
+ background-color: #f9f9f9;
28
+ }
29
+
30
+ th.new-tab {
31
+ width: 6em;
32
+ }
33
+
34
+ th.type {
35
+ width: 4em;
36
+ }
37
+
38
+ th.size {
39
+ width: 6em;
40
+ }
41
+
42
+ th.modified {
43
+ width: 12em;
44
+ }
45
+
46
+ span.icon {
47
+ display: inline-block;
48
+ margin-right: 0.2em;
49
+ width: 1.4em;
50
+ text-align: center;
51
+ }
52
+
53
+ a.default.top, a.default.parent {
54
+ font-style: oblique;
55
+ }
@@ -1,447 +1,447 @@
1
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
2
-
3
- /* Document
4
- ========================================================================== */
5
-
6
- /**
7
- * 1. Correct the line height in all browsers.
8
- * 2. Prevent adjustments of font size after orientation changes in
9
- * IE on Windows Phone and in iOS.
10
- */
11
-
12
- html {
13
- line-height: 1.15; /* 1 */
14
- -ms-text-size-adjust: 100%; /* 2 */
15
- -webkit-text-size-adjust: 100%; /* 2 */
16
- }
17
-
18
- /* Sections
19
- ========================================================================== */
20
-
21
- /**
22
- * Remove the margin in all browsers (opinionated).
23
- */
24
-
25
- body {
26
- margin: 0;
27
- }
28
-
29
- /**
30
- * Add the correct display in IE 9-.
31
- */
32
-
33
- article,
34
- aside,
35
- footer,
36
- header,
37
- nav,
38
- section {
39
- display: block;
40
- }
41
-
42
- /**
43
- * Correct the font size and margin on `h1` elements within `section` and
44
- * `article` contexts in Chrome, Firefox, and Safari.
45
- */
46
-
47
- h1 {
48
- font-size: 2em;
49
- margin: 0.67em 0;
50
- }
51
-
52
- /* Grouping content
53
- ========================================================================== */
54
-
55
- /**
56
- * Add the correct display in IE 9-.
57
- * 1. Add the correct display in IE.
58
- */
59
-
60
- figcaption,
61
- figure,
62
- main { /* 1 */
63
- display: block;
64
- }
65
-
66
- /**
67
- * Add the correct margin in IE 8.
68
- */
69
-
70
- figure {
71
- margin: 1em 40px;
72
- }
73
-
74
- /**
75
- * 1. Add the correct box sizing in Firefox.
76
- * 2. Show the overflow in Edge and IE.
77
- */
78
-
79
- hr {
80
- box-sizing: content-box; /* 1 */
81
- height: 0; /* 1 */
82
- overflow: visible; /* 2 */
83
- }
84
-
85
- /**
86
- * 1. Correct the inheritance and scaling of font size in all browsers.
87
- * 2. Correct the odd `em` font sizing in all browsers.
88
- */
89
-
90
- pre {
91
- font-family: monospace, monospace; /* 1 */
92
- font-size: 1em; /* 2 */
93
- }
94
-
95
- /* Text-level semantics
96
- ========================================================================== */
97
-
98
- /**
99
- * 1. Remove the gray background on active links in IE 10.
100
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101
- */
102
-
103
- a {
104
- background-color: transparent; /* 1 */
105
- -webkit-text-decoration-skip: objects; /* 2 */
106
- }
107
-
108
- /**
109
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
- */
112
-
113
- abbr[title] {
114
- border-bottom: none; /* 1 */
115
- text-decoration: underline; /* 2 */
116
- text-decoration: underline dotted; /* 2 */
117
- }
118
-
119
- /**
120
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121
- */
122
-
123
- b,
124
- strong {
125
- font-weight: inherit;
126
- }
127
-
128
- /**
129
- * Add the correct font weight in Chrome, Edge, and Safari.
130
- */
131
-
132
- b,
133
- strong {
134
- font-weight: bolder;
135
- }
136
-
137
- /**
138
- * 1. Correct the inheritance and scaling of font size in all browsers.
139
- * 2. Correct the odd `em` font sizing in all browsers.
140
- */
141
-
142
- code,
143
- kbd,
144
- samp {
145
- font-family: monospace, monospace; /* 1 */
146
- font-size: 1em; /* 2 */
147
- }
148
-
149
- /**
150
- * Add the correct font style in Android 4.3-.
151
- */
152
-
153
- dfn {
154
- font-style: italic;
155
- }
156
-
157
- /**
158
- * Add the correct background and color in IE 9-.
159
- */
160
-
161
- mark {
162
- background-color: #ff0;
163
- color: #000;
164
- }
165
-
166
- /**
167
- * Add the correct font size in all browsers.
168
- */
169
-
170
- small {
171
- font-size: 80%;
172
- }
173
-
174
- /**
175
- * Prevent `sub` and `sup` elements from affecting the line height in
176
- * all browsers.
177
- */
178
-
179
- sub,
180
- sup {
181
- font-size: 75%;
182
- line-height: 0;
183
- position: relative;
184
- vertical-align: baseline;
185
- }
186
-
187
- sub {
188
- bottom: -0.25em;
189
- }
190
-
191
- sup {
192
- top: -0.5em;
193
- }
194
-
195
- /* Embedded content
196
- ========================================================================== */
197
-
198
- /**
199
- * Add the correct display in IE 9-.
200
- */
201
-
202
- audio,
203
- video {
204
- display: inline-block;
205
- }
206
-
207
- /**
208
- * Add the correct display in iOS 4-7.
209
- */
210
-
211
- audio:not([controls]) {
212
- display: none;
213
- height: 0;
214
- }
215
-
216
- /**
217
- * Remove the border on images inside links in IE 10-.
218
- */
219
-
220
- img {
221
- border-style: none;
222
- }
223
-
224
- /**
225
- * Hide the overflow in IE.
226
- */
227
-
228
- svg:not(:root) {
229
- overflow: hidden;
230
- }
231
-
232
- /* Forms
233
- ========================================================================== */
234
-
235
- /**
236
- * 1. Change the font styles in all browsers (opinionated).
237
- * 2. Remove the margin in Firefox and Safari.
238
- */
239
-
240
- button,
241
- input,
242
- optgroup,
243
- select,
244
- textarea {
245
- font-family: sans-serif; /* 1 */
246
- font-size: 100%; /* 1 */
247
- line-height: 1.15; /* 1 */
248
- margin: 0; /* 2 */
249
- }
250
-
251
- /**
252
- * Show the overflow in IE.
253
- * 1. Show the overflow in Edge.
254
- */
255
-
256
- button,
257
- input { /* 1 */
258
- overflow: visible;
259
- }
260
-
261
- /**
262
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
263
- * 1. Remove the inheritance of text transform in Firefox.
264
- */
265
-
266
- button,
267
- select { /* 1 */
268
- text-transform: none;
269
- }
270
-
271
- /**
272
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273
- * controls in Android 4.
274
- * 2. Correct the inability to style clickable types in iOS and Safari.
275
- */
276
-
277
- button,
278
- html [type="button"], /* 1 */
279
- [type="reset"],
280
- [type="submit"] {
281
- -webkit-appearance: button; /* 2 */
282
- }
283
-
284
- /**
285
- * Remove the inner border and padding in Firefox.
286
- */
287
-
288
- button::-moz-focus-inner,
289
- [type="button"]::-moz-focus-inner,
290
- [type="reset"]::-moz-focus-inner,
291
- [type="submit"]::-moz-focus-inner {
292
- border-style: none;
293
- padding: 0;
294
- }
295
-
296
- /**
297
- * Restore the focus styles unset by the previous rule.
298
- */
299
-
300
- button:-moz-focusring,
301
- [type="button"]:-moz-focusring,
302
- [type="reset"]:-moz-focusring,
303
- [type="submit"]:-moz-focusring {
304
- outline: 1px dotted ButtonText;
305
- }
306
-
307
- /**
308
- * Correct the padding in Firefox.
309
- */
310
-
311
- fieldset {
312
- padding: 0.35em 0.75em 0.625em;
313
- }
314
-
315
- /**
316
- * 1. Correct the text wrapping in Edge and IE.
317
- * 2. Correct the color inheritance from `fieldset` elements in IE.
318
- * 3. Remove the padding so developers are not caught out when they zero out
319
- * `fieldset` elements in all browsers.
320
- */
321
-
322
- legend {
323
- box-sizing: border-box; /* 1 */
324
- color: inherit; /* 2 */
325
- display: table; /* 1 */
326
- max-width: 100%; /* 1 */
327
- padding: 0; /* 3 */
328
- white-space: normal; /* 1 */
329
- }
330
-
331
- /**
332
- * 1. Add the correct display in IE 9-.
333
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
334
- */
335
-
336
- progress {
337
- display: inline-block; /* 1 */
338
- vertical-align: baseline; /* 2 */
339
- }
340
-
341
- /**
342
- * Remove the default vertical scrollbar in IE.
343
- */
344
-
345
- textarea {
346
- overflow: auto;
347
- }
348
-
349
- /**
350
- * 1. Add the correct box sizing in IE 10-.
351
- * 2. Remove the padding in IE 10-.
352
- */
353
-
354
- [type="checkbox"],
355
- [type="radio"] {
356
- box-sizing: border-box; /* 1 */
357
- padding: 0; /* 2 */
358
- }
359
-
360
- /**
361
- * Correct the cursor style of increment and decrement buttons in Chrome.
362
- */
363
-
364
- [type="number"]::-webkit-inner-spin-button,
365
- [type="number"]::-webkit-outer-spin-button {
366
- height: auto;
367
- }
368
-
369
- /**
370
- * 1. Correct the odd appearance in Chrome and Safari.
371
- * 2. Correct the outline style in Safari.
372
- */
373
-
374
- [type="search"] {
375
- -webkit-appearance: textfield; /* 1 */
376
- outline-offset: -2px; /* 2 */
377
- }
378
-
379
- /**
380
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
381
- */
382
-
383
- [type="search"]::-webkit-search-cancel-button,
384
- [type="search"]::-webkit-search-decoration {
385
- -webkit-appearance: none;
386
- }
387
-
388
- /**
389
- * 1. Correct the inability to style clickable types in iOS and Safari.
390
- * 2. Change font properties to `inherit` in Safari.
391
- */
392
-
393
- ::-webkit-file-upload-button {
394
- -webkit-appearance: button; /* 1 */
395
- font: inherit; /* 2 */
396
- }
397
-
398
- /* Interactive
399
- ========================================================================== */
400
-
401
- /*
402
- * Add the correct display in IE 9-.
403
- * 1. Add the correct display in Edge, IE, and Firefox.
404
- */
405
-
406
- details, /* 1 */
407
- menu {
408
- display: block;
409
- }
410
-
411
- /*
412
- * Add the correct display in all browsers.
413
- */
414
-
415
- summary {
416
- display: list-item;
417
- }
418
-
419
- /* Scripting
420
- ========================================================================== */
421
-
422
- /**
423
- * Add the correct display in IE 9-.
424
- */
425
-
426
- canvas {
427
- display: inline-block;
428
- }
429
-
430
- /**
431
- * Add the correct display in IE.
432
- */
433
-
434
- template {
435
- display: none;
436
- }
437
-
438
- /* Hidden
439
- ========================================================================== */
440
-
441
- /**
442
- * Add the correct display in IE 10-.
443
- */
444
-
445
- [hidden] {
446
- display: none;
447
- }
1
+ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in
9
+ * IE on Windows Phone and in iOS.
10
+ */
11
+
12
+ html {
13
+ line-height: 1.15; /* 1 */
14
+ -ms-text-size-adjust: 100%; /* 2 */
15
+ -webkit-text-size-adjust: 100%; /* 2 */
16
+ }
17
+
18
+ /* Sections
19
+ ========================================================================== */
20
+
21
+ /**
22
+ * Remove the margin in all browsers (opinionated).
23
+ */
24
+
25
+ body {
26
+ margin: 0;
27
+ }
28
+
29
+ /**
30
+ * Add the correct display in IE 9-.
31
+ */
32
+
33
+ article,
34
+ aside,
35
+ footer,
36
+ header,
37
+ nav,
38
+ section {
39
+ display: block;
40
+ }
41
+
42
+ /**
43
+ * Correct the font size and margin on `h1` elements within `section` and
44
+ * `article` contexts in Chrome, Firefox, and Safari.
45
+ */
46
+
47
+ h1 {
48
+ font-size: 2em;
49
+ margin: 0.67em 0;
50
+ }
51
+
52
+ /* Grouping content
53
+ ========================================================================== */
54
+
55
+ /**
56
+ * Add the correct display in IE 9-.
57
+ * 1. Add the correct display in IE.
58
+ */
59
+
60
+ figcaption,
61
+ figure,
62
+ main { /* 1 */
63
+ display: block;
64
+ }
65
+
66
+ /**
67
+ * Add the correct margin in IE 8.
68
+ */
69
+
70
+ figure {
71
+ margin: 1em 40px;
72
+ }
73
+
74
+ /**
75
+ * 1. Add the correct box sizing in Firefox.
76
+ * 2. Show the overflow in Edge and IE.
77
+ */
78
+
79
+ hr {
80
+ box-sizing: content-box; /* 1 */
81
+ height: 0; /* 1 */
82
+ overflow: visible; /* 2 */
83
+ }
84
+
85
+ /**
86
+ * 1. Correct the inheritance and scaling of font size in all browsers.
87
+ * 2. Correct the odd `em` font sizing in all browsers.
88
+ */
89
+
90
+ pre {
91
+ font-family: monospace, monospace; /* 1 */
92
+ font-size: 1em; /* 2 */
93
+ }
94
+
95
+ /* Text-level semantics
96
+ ========================================================================== */
97
+
98
+ /**
99
+ * 1. Remove the gray background on active links in IE 10.
100
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
101
+ */
102
+
103
+ a {
104
+ background-color: transparent; /* 1 */
105
+ -webkit-text-decoration-skip: objects; /* 2 */
106
+ }
107
+
108
+ /**
109
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
110
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
+ */
112
+
113
+ abbr[title] {
114
+ border-bottom: none; /* 1 */
115
+ text-decoration: underline; /* 2 */
116
+ text-decoration: underline dotted; /* 2 */
117
+ }
118
+
119
+ /**
120
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121
+ */
122
+
123
+ b,
124
+ strong {
125
+ font-weight: inherit;
126
+ }
127
+
128
+ /**
129
+ * Add the correct font weight in Chrome, Edge, and Safari.
130
+ */
131
+
132
+ b,
133
+ strong {
134
+ font-weight: bolder;
135
+ }
136
+
137
+ /**
138
+ * 1. Correct the inheritance and scaling of font size in all browsers.
139
+ * 2. Correct the odd `em` font sizing in all browsers.
140
+ */
141
+
142
+ code,
143
+ kbd,
144
+ samp {
145
+ font-family: monospace, monospace; /* 1 */
146
+ font-size: 1em; /* 2 */
147
+ }
148
+
149
+ /**
150
+ * Add the correct font style in Android 4.3-.
151
+ */
152
+
153
+ dfn {
154
+ font-style: italic;
155
+ }
156
+
157
+ /**
158
+ * Add the correct background and color in IE 9-.
159
+ */
160
+
161
+ mark {
162
+ background-color: #ff0;
163
+ color: #000;
164
+ }
165
+
166
+ /**
167
+ * Add the correct font size in all browsers.
168
+ */
169
+
170
+ small {
171
+ font-size: 80%;
172
+ }
173
+
174
+ /**
175
+ * Prevent `sub` and `sup` elements from affecting the line height in
176
+ * all browsers.
177
+ */
178
+
179
+ sub,
180
+ sup {
181
+ font-size: 75%;
182
+ line-height: 0;
183
+ position: relative;
184
+ vertical-align: baseline;
185
+ }
186
+
187
+ sub {
188
+ bottom: -0.25em;
189
+ }
190
+
191
+ sup {
192
+ top: -0.5em;
193
+ }
194
+
195
+ /* Embedded content
196
+ ========================================================================== */
197
+
198
+ /**
199
+ * Add the correct display in IE 9-.
200
+ */
201
+
202
+ audio,
203
+ video {
204
+ display: inline-block;
205
+ }
206
+
207
+ /**
208
+ * Add the correct display in iOS 4-7.
209
+ */
210
+
211
+ audio:not([controls]) {
212
+ display: none;
213
+ height: 0;
214
+ }
215
+
216
+ /**
217
+ * Remove the border on images inside links in IE 10-.
218
+ */
219
+
220
+ img {
221
+ border-style: none;
222
+ }
223
+
224
+ /**
225
+ * Hide the overflow in IE.
226
+ */
227
+
228
+ svg:not(:root) {
229
+ overflow: hidden;
230
+ }
231
+
232
+ /* Forms
233
+ ========================================================================== */
234
+
235
+ /**
236
+ * 1. Change the font styles in all browsers (opinionated).
237
+ * 2. Remove the margin in Firefox and Safari.
238
+ */
239
+
240
+ button,
241
+ input,
242
+ optgroup,
243
+ select,
244
+ textarea {
245
+ font-family: sans-serif; /* 1 */
246
+ font-size: 100%; /* 1 */
247
+ line-height: 1.15; /* 1 */
248
+ margin: 0; /* 2 */
249
+ }
250
+
251
+ /**
252
+ * Show the overflow in IE.
253
+ * 1. Show the overflow in Edge.
254
+ */
255
+
256
+ button,
257
+ input { /* 1 */
258
+ overflow: visible;
259
+ }
260
+
261
+ /**
262
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
263
+ * 1. Remove the inheritance of text transform in Firefox.
264
+ */
265
+
266
+ button,
267
+ select { /* 1 */
268
+ text-transform: none;
269
+ }
270
+
271
+ /**
272
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
273
+ * controls in Android 4.
274
+ * 2. Correct the inability to style clickable types in iOS and Safari.
275
+ */
276
+
277
+ button,
278
+ html [type="button"], /* 1 */
279
+ [type="reset"],
280
+ [type="submit"] {
281
+ -webkit-appearance: button; /* 2 */
282
+ }
283
+
284
+ /**
285
+ * Remove the inner border and padding in Firefox.
286
+ */
287
+
288
+ button::-moz-focus-inner,
289
+ [type="button"]::-moz-focus-inner,
290
+ [type="reset"]::-moz-focus-inner,
291
+ [type="submit"]::-moz-focus-inner {
292
+ border-style: none;
293
+ padding: 0;
294
+ }
295
+
296
+ /**
297
+ * Restore the focus styles unset by the previous rule.
298
+ */
299
+
300
+ button:-moz-focusring,
301
+ [type="button"]:-moz-focusring,
302
+ [type="reset"]:-moz-focusring,
303
+ [type="submit"]:-moz-focusring {
304
+ outline: 1px dotted ButtonText;
305
+ }
306
+
307
+ /**
308
+ * Correct the padding in Firefox.
309
+ */
310
+
311
+ fieldset {
312
+ padding: 0.35em 0.75em 0.625em;
313
+ }
314
+
315
+ /**
316
+ * 1. Correct the text wrapping in Edge and IE.
317
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
318
+ * 3. Remove the padding so developers are not caught out when they zero out
319
+ * `fieldset` elements in all browsers.
320
+ */
321
+
322
+ legend {
323
+ box-sizing: border-box; /* 1 */
324
+ color: inherit; /* 2 */
325
+ display: table; /* 1 */
326
+ max-width: 100%; /* 1 */
327
+ padding: 0; /* 3 */
328
+ white-space: normal; /* 1 */
329
+ }
330
+
331
+ /**
332
+ * 1. Add the correct display in IE 9-.
333
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
334
+ */
335
+
336
+ progress {
337
+ display: inline-block; /* 1 */
338
+ vertical-align: baseline; /* 2 */
339
+ }
340
+
341
+ /**
342
+ * Remove the default vertical scrollbar in IE.
343
+ */
344
+
345
+ textarea {
346
+ overflow: auto;
347
+ }
348
+
349
+ /**
350
+ * 1. Add the correct box sizing in IE 10-.
351
+ * 2. Remove the padding in IE 10-.
352
+ */
353
+
354
+ [type="checkbox"],
355
+ [type="radio"] {
356
+ box-sizing: border-box; /* 1 */
357
+ padding: 0; /* 2 */
358
+ }
359
+
360
+ /**
361
+ * Correct the cursor style of increment and decrement buttons in Chrome.
362
+ */
363
+
364
+ [type="number"]::-webkit-inner-spin-button,
365
+ [type="number"]::-webkit-outer-spin-button {
366
+ height: auto;
367
+ }
368
+
369
+ /**
370
+ * 1. Correct the odd appearance in Chrome and Safari.
371
+ * 2. Correct the outline style in Safari.
372
+ */
373
+
374
+ [type="search"] {
375
+ -webkit-appearance: textfield; /* 1 */
376
+ outline-offset: -2px; /* 2 */
377
+ }
378
+
379
+ /**
380
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
381
+ */
382
+
383
+ [type="search"]::-webkit-search-cancel-button,
384
+ [type="search"]::-webkit-search-decoration {
385
+ -webkit-appearance: none;
386
+ }
387
+
388
+ /**
389
+ * 1. Correct the inability to style clickable types in iOS and Safari.
390
+ * 2. Change font properties to `inherit` in Safari.
391
+ */
392
+
393
+ ::-webkit-file-upload-button {
394
+ -webkit-appearance: button; /* 1 */
395
+ font: inherit; /* 2 */
396
+ }
397
+
398
+ /* Interactive
399
+ ========================================================================== */
400
+
401
+ /*
402
+ * Add the correct display in IE 9-.
403
+ * 1. Add the correct display in Edge, IE, and Firefox.
404
+ */
405
+
406
+ details, /* 1 */
407
+ menu {
408
+ display: block;
409
+ }
410
+
411
+ /*
412
+ * Add the correct display in all browsers.
413
+ */
414
+
415
+ summary {
416
+ display: list-item;
417
+ }
418
+
419
+ /* Scripting
420
+ ========================================================================== */
421
+
422
+ /**
423
+ * Add the correct display in IE 9-.
424
+ */
425
+
426
+ canvas {
427
+ display: inline-block;
428
+ }
429
+
430
+ /**
431
+ * Add the correct display in IE.
432
+ */
433
+
434
+ template {
435
+ display: none;
436
+ }
437
+
438
+ /* Hidden
439
+ ========================================================================== */
440
+
441
+ /**
442
+ * Add the correct display in IE 10-.
443
+ */
444
+
445
+ [hidden] {
446
+ display: none;
447
+ }