OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
2 * Use of this source code is governed by a BSD-style license that can be | |
3 * found in the LICENSE file. | |
4 */ | |
5 /* normalize.css v2.1.3 | MIT License | git.io/normalize */ | |
6 /* normalize.scss v2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */ | |
7 /* ========================================================================== | |
8 HTML5 display definitions | |
9 ========================================================================== */ | |
10 /** | |
11 * Correct `block` display not defined in IE 8/9. | |
12 */ | |
13 /* line 66, ../sass/_normalize.scss */ | |
14 article, | |
15 aside, | |
16 details, | |
17 figcaption, | |
18 figure, | |
19 footer, | |
20 header, | |
21 hgroup, | |
22 main, | |
23 nav, | |
24 section, | |
25 summary { | |
26 display: block; | |
27 } | |
28 | |
29 /** | |
30 * Correct `inline-block` display not defined in IE 8/9. | |
31 */ | |
32 /* line 76, ../sass/_normalize.scss */ | |
33 audio, | |
34 canvas, | |
35 video { | |
36 display: inline-block; | |
37 *display: inline; | |
38 *zoom: 1; | |
39 } | |
40 | |
41 /** | |
42 * Prevent modern browsers from displaying `audio` without controls. | |
43 * Remove excess height in iOS 5 devices. | |
44 */ | |
45 /* line 89, ../sass/_normalize.scss */ | |
46 audio:not([controls]) { | |
47 display: none; | |
48 height: 0; | |
49 } | |
50 | |
51 /** | |
52 * Address `[hidden]` styling not present in IE 8/9. | |
53 * Hide the `template` element in IE, Safari, and Firefox < 22. | |
54 */ | |
55 /* line 100, ../sass/_normalize.scss */ | |
56 [hidden], | |
57 template { | |
58 display: none; | |
59 } | |
60 | |
61 /* ========================================================================== | |
62 Base | |
63 ========================================================================== */ | |
64 /** | |
65 * 1. Set default font family to sans-serif. | |
66 * 2. Prevent iOS text size adjust after orientation change, without disabling | |
67 * user zoom. | |
68 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using | |
69 * `em` units. | |
70 */ | |
71 /* line 116, ../sass/_normalize.scss */ | |
72 html { | |
73 font-family: sans-serif; | |
74 /* 1 */ | |
75 font-size: 100%; | |
76 /* 3 */ | |
77 -ms-text-size-adjust: 100%; | |
78 /* 2 */ | |
79 -webkit-text-size-adjust: 100%; | |
80 /* 2 */ | |
81 } | |
82 | |
83 /** | |
84 * Address `font-family` inconsistency between `textarea` and other form | |
85 * elements. | |
86 */ | |
87 /* line 139, ../sass/_normalize.scss */ | |
88 button, | |
89 input, | |
90 select, | |
91 textarea { | |
92 font-family: sans-serif; | |
93 } | |
94 | |
95 /** | |
96 * Remove default margin. | |
97 */ | |
98 /* line 148, ../sass/_normalize.scss */ | |
99 body { | |
100 margin: 0; | |
101 } | |
102 | |
103 /* ========================================================================== | |
104 Links | |
105 ========================================================================== */ | |
106 /** | |
107 * Remove the gray background color from active links in IE 10. | |
108 */ | |
109 /* line 160, ../sass/_normalize.scss */ | |
110 a { | |
111 background: transparent; | |
112 } | |
113 | |
114 /** | |
115 * Address `outline` inconsistency between Chrome and other browsers. | |
116 */ | |
117 /* line 168, ../sass/_normalize.scss */ | |
118 a:focus { | |
119 outline: thin dotted; | |
120 } | |
121 | |
122 /** | |
123 * Improve readability when focused and also mouse hovered in all browsers. | |
124 */ | |
125 /* line 177, ../sass/_normalize.scss */ | |
126 a:active, | |
127 a:hover { | |
128 outline: 0; | |
129 } | |
130 | |
131 /* ========================================================================== | |
132 Typography | |
133 ========================================================================== */ | |
134 /** | |
135 * Set 1 unit of vertical rhythm on the top and bottom margin. | |
136 */ | |
137 /* line 191, ../sass/_normalize.scss */ | |
138 p, | |
139 pre { | |
140 margin: 1.5em 0; | |
141 } | |
142 | |
143 /* line 195, ../sass/_normalize.scss */ | |
144 blockquote { | |
145 /* Set 1 unit of vertical rhythm on the top and bottom margin. */ | |
146 margin: 1.5em 40px; | |
147 } | |
148 | |
149 /** | |
150 * Address variable `h1` font-size and margin within `section` and `article` | |
151 * contexts in Firefox 4+, Safari 5, and Chrome. | |
152 */ | |
153 /* line 206, ../sass/_normalize.scss */ | |
154 h1 { | |
155 /* Set the font-size and line-height while keeping a proper vertical rhythm. *
/ | |
156 font-size: 2em; | |
157 line-height: 1.5em; | |
158 /* Set 1 unit of vertical rhythm on the top and bottom margins. */ | |
159 margin-top: 0.75em; | |
160 margin-bottom: 0.75em; | |
161 } | |
162 | |
163 /* line 221, ../sass/_normalize.scss */ | |
164 h2 { | |
165 font-size: 1.5em; | |
166 line-height: 2em; | |
167 margin-top: 1em; | |
168 margin-bottom: 1em; | |
169 } | |
170 | |
171 /* line 227, ../sass/_normalize.scss */ | |
172 h3 { | |
173 font-size: 1.17em; | |
174 line-height: 1.28205em; | |
175 margin-top: 1.28205em; | |
176 margin-bottom: 1.28205em; | |
177 } | |
178 | |
179 /* line 233, ../sass/_normalize.scss */ | |
180 h4 { | |
181 font-size: 1em; | |
182 line-height: 1.5em; | |
183 margin-top: 1.5em; | |
184 margin-bottom: 1.5em; | |
185 } | |
186 | |
187 /* line 239, ../sass/_normalize.scss */ | |
188 h5 { | |
189 font-size: 0.83em; | |
190 line-height: 1.80723em; | |
191 margin-top: 1.80723em; | |
192 margin-bottom: 1.80723em; | |
193 } | |
194 | |
195 /* line 245, ../sass/_normalize.scss */ | |
196 h6 { | |
197 font-size: 0.67em; | |
198 line-height: 2.23881em; | |
199 margin-top: 2.23881em; | |
200 margin-bottom: 2.23881em; | |
201 } | |
202 | |
203 /** | |
204 * Address styling not present in IE 8/9, Safari 5, and Chrome. | |
205 */ | |
206 /* line 256, ../sass/_normalize.scss */ | |
207 abbr[title] { | |
208 border-bottom: 1px dotted; | |
209 } | |
210 | |
211 /** | |
212 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. | |
213 */ | |
214 /* line 265, ../sass/_normalize.scss */ | |
215 b, | |
216 strong { | |
217 font-weight: bold; | |
218 } | |
219 | |
220 /** | |
221 * Address styling not present in Safari 5 and Chrome. | |
222 */ | |
223 /* line 273, ../sass/_normalize.scss */ | |
224 dfn { | |
225 font-style: italic; | |
226 } | |
227 | |
228 /** | |
229 * Address differences between Firefox and other browsers. | |
230 */ | |
231 /* line 281, ../sass/_normalize.scss */ | |
232 hr { | |
233 -webkit-box-sizing: content-box; | |
234 -moz-box-sizing: content-box; | |
235 box-sizing: content-box; | |
236 height: 0; | |
237 } | |
238 | |
239 /** | |
240 * Address styling not present in IE 8/9. | |
241 */ | |
242 /* line 290, ../sass/_normalize.scss */ | |
243 mark { | |
244 background: #ff0; | |
245 color: #000; | |
246 } | |
247 | |
248 /** | |
249 * Correct font family set oddly in Safari 5 and Chrome. | |
250 */ | |
251 /* line 302, ../sass/_normalize.scss */ | |
252 code, | |
253 kbd, | |
254 pre, | |
255 samp { | |
256 font-family: monospace, serif; | |
257 _font-family: 'courier new', monospace; | |
258 font-size: 1em; | |
259 } | |
260 | |
261 /** | |
262 * Improve readability of pre-formatted text in all browsers. | |
263 */ | |
264 /* line 319, ../sass/_normalize.scss */ | |
265 pre { | |
266 white-space: pre; | |
267 white-space: pre-wrap; | |
268 word-wrap: break-word; | |
269 } | |
270 | |
271 /** | |
272 * Set consistent quote types. | |
273 */ | |
274 /* line 334, ../sass/_normalize.scss */ | |
275 q { | |
276 quotes: "\201C" "\201D" "\2018" "\2019"; | |
277 } | |
278 | |
279 /** | |
280 * Address inconsistent and variable font size in all browsers. | |
281 */ | |
282 /* line 342, ../sass/_normalize.scss */ | |
283 small { | |
284 font-size: 80%; | |
285 } | |
286 | |
287 /* Support a hack for the ::first-element rules below, which only apply if | |
288 * the element has a subset of displays, which include inline-block. | |
289 * | |
290 * Use the data-inline-block attribute rather than a class on the element | |
291 * because the templates may end up overriding the class attribute. | |
292 */ | |
293 [data-list-item] { | |
294 display: list-item; | |
295 } | |
296 | |
297 .uncapitalize::first-letter { | |
298 text-transform: lowercase; | |
299 } | |
300 | |
301 .capitalize::first-letter { | |
302 text-transform: uppercase; | |
303 } | |
304 | |
305 /** | |
306 * Prevent `sub` and `sup` affecting `line-height` in all browsers. | |
307 */ | |
308 /* line 351, ../sass/_normalize.scss */ | |
309 sub, | |
310 sup { | |
311 font-size: 75%; | |
312 line-height: 0; | |
313 position: relative; | |
314 vertical-align: baseline; | |
315 } | |
316 | |
317 /* line 358, ../sass/_normalize.scss */ | |
318 sup { | |
319 top: -0.5em; | |
320 } | |
321 | |
322 /* line 362, ../sass/_normalize.scss */ | |
323 sub { | |
324 bottom: -0.25em; | |
325 } | |
326 | |
327 /* ========================================================================== | |
328 Lists | |
329 ========================================================================== */ | |
330 /** | |
331 * Address margins set differently in IE 6/7. | |
332 */ | |
333 /* line 378, ../sass/_normalize.scss */ | |
334 dl, | |
335 menu, | |
336 ol, | |
337 ul { | |
338 margin: 1.5em 0; | |
339 } | |
340 | |
341 /* line 392, ../sass/_normalize.scss */ | |
342 dd { | |
343 margin: 0 0 0 40px; | |
344 } | |
345 | |
346 /** | |
347 * Address paddings set differently in IE 6/7. | |
348 */ | |
349 /* line 402, ../sass/_normalize.scss */ | |
350 menu, | |
351 ol, | |
352 ul { | |
353 padding: 0 0 0 40px; | |
354 } | |
355 | |
356 /** | |
357 * Correct list images handled incorrectly in IE 7. | |
358 */ | |
359 /* line 413, ../sass/_normalize.scss */ | |
360 nav ul, | |
361 nav ol { | |
362 list-style: none; | |
363 list-style-image: none; | |
364 } | |
365 | |
366 /* ========================================================================== | |
367 Embedded content | |
368 ========================================================================== */ | |
369 /** | |
370 * Remove border when inside `a` element in IE 8/9. | |
371 */ | |
372 /* line 427, ../sass/_normalize.scss */ | |
373 img { | |
374 border: 0; | |
375 /* Improve image quality when scaled in IE 7. */ | |
376 -ms-interpolation-mode: bicubic; | |
377 } | |
378 | |
379 /** | |
380 * Correct overflow displayed oddly in IE 9. | |
381 */ | |
382 /* line 439, ../sass/_normalize.scss */ | |
383 svg:not(:root) { | |
384 overflow: hidden; | |
385 } | |
386 | |
387 /* ========================================================================== | |
388 Figures | |
389 ========================================================================== */ | |
390 /** | |
391 * Address margin not present in IE 8/9 and Safari 5. | |
392 */ | |
393 /* line 451, ../sass/_normalize.scss */ | |
394 figure { | |
395 margin: 0; | |
396 } | |
397 | |
398 /* ========================================================================== | |
399 Forms | |
400 ========================================================================== */ | |
401 /** | |
402 * Correct margin displayed oddly in IE 6/7. | |
403 */ | |
404 /* line 464, ../sass/_normalize.scss */ | |
405 form { | |
406 margin: 0; | |
407 } | |
408 | |
409 /** | |
410 * Define consistent border, margin, and padding. | |
411 */ | |
412 /* line 473, ../sass/_normalize.scss */ | |
413 fieldset { | |
414 margin: 0 2px; | |
415 /* Apply borders and padding that keep the vertical rhythm. */ | |
416 border-color: #c0c0c0; | |
417 border-top-style: solid; | |
418 border-top-width: 0.0625em; | |
419 padding-top: 0.4625em; | |
420 border-bottom-style: solid; | |
421 border-bottom-width: 0.0625em; | |
422 padding-bottom: 0.9125em; | |
423 border-left-style: solid; | |
424 border-left-width: 0.0625em; | |
425 padding-left: 0.875em; | |
426 border-right-style: solid; | |
427 border-right-width: 0.0625em; | |
428 padding-right: 0.875em; | |
429 } | |
430 | |
431 /** | |
432 * 1. Correct `color` not being inherited in IE 8/9. | |
433 * 2. Remove padding so people aren't caught out if they zero out fieldsets. | |
434 * 3. Correct alignment displayed oddly in IE 6/7. | |
435 */ | |
436 /* line 489, ../sass/_normalize.scss */ | |
437 legend { | |
438 border: 0; | |
439 /* 1 */ | |
440 padding: 0; | |
441 /* 2 */ | |
442 *margin-left: -7px; | |
443 /* 3 */ | |
444 } | |
445 | |
446 /** | |
447 * 1. Correct font family not being inherited in all browsers. | |
448 * 2. Correct font size not being inherited in all browsers. | |
449 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. | |
450 * 4. Improve appearance and consistency with IE 6/7. | |
451 */ | |
452 /* line 507, ../sass/_normalize.scss */ | |
453 button, | |
454 input, | |
455 select, | |
456 textarea { | |
457 font-family: inherit; | |
458 /* 1 */ | |
459 font-size: 100%; | |
460 /* 2 */ | |
461 margin: 0; | |
462 /* 3 */ | |
463 vertical-align: baseline; | |
464 /* 4 */ | |
465 *vertical-align: middle; | |
466 /* 4 */ | |
467 } | |
468 | |
469 /** | |
470 * Address Firefox 4+ setting `line-height` on `input` using `!important` in | |
471 * the UA stylesheet. | |
472 */ | |
473 /* line 523, ../sass/_normalize.scss */ | |
474 button, | |
475 input { | |
476 line-height: normal; | |
477 } | |
478 | |
479 /** | |
480 * Address inconsistent `text-transform` inheritance for `button` and `select`. | |
481 * All other form control elements do not inherit `text-transform` values. | |
482 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. | |
483 * Correct `select` style inheritance in Firefox 4+ and Opera. | |
484 */ | |
485 /* line 535, ../sass/_normalize.scss */ | |
486 button, | |
487 select { | |
488 text-transform: none; | |
489 } | |
490 | |
491 /** | |
492 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` | |
493 * and `video` controls. | |
494 * 2. Correct inability to style clickable `input` types in iOS. | |
495 * 3. Improve usability and consistency of cursor style between image-type | |
496 * `input` and others. | |
497 * 4. Remove inner spacing in IE 7 without affecting normal text inputs. | |
498 * Known issue: inner spacing remains in IE 6. | |
499 */ | |
500 /* line 552, ../sass/_normalize.scss */ | |
501 button, | |
502 html input[type="button"], | |
503 input[type="reset"], | |
504 input[type="submit"] { | |
505 -webkit-appearance: button; | |
506 /* 2 */ | |
507 cursor: pointer; | |
508 /* 3 */ | |
509 *overflow: visible; | |
510 /* 4 */ | |
511 } | |
512 | |
513 /** | |
514 * Re-set default cursor for disabled elements. | |
515 */ | |
516 /* line 565, ../sass/_normalize.scss */ | |
517 button[disabled], | |
518 html input[disabled] { | |
519 cursor: default; | |
520 } | |
521 | |
522 /** | |
523 * 1. Address box sizing set to `content-box` in IE 8/9/10. | |
524 * 2. Remove excess padding in IE 8/9/10. | |
525 * 3. Remove excess padding in IE 7. | |
526 * Known issue: excess padding remains in IE 6. | |
527 */ | |
528 /* line 577, ../sass/_normalize.scss */ | |
529 input[type="checkbox"], | |
530 input[type="radio"] { | |
531 -webkit-box-sizing: border-box; | |
532 -moz-box-sizing: border-box; | |
533 box-sizing: border-box; | |
534 /* 1 */ | |
535 padding: 0; | |
536 /* 2 */ | |
537 *height: 13px; | |
538 /* 3 */ | |
539 *width: 13px; | |
540 /* 3 */ | |
541 } | |
542 | |
543 /** | |
544 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. | |
545 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome | |
546 * (include `-moz` to future-proof). | |
547 */ | |
548 /* line 592, ../sass/_normalize.scss */ | |
549 input[type="search"] { | |
550 -webkit-appearance: textfield; | |
551 /* 1 */ | |
552 -webkit-box-sizing: content-box; | |
553 -moz-box-sizing: content-box; | |
554 box-sizing: content-box; | |
555 /* 2 */ | |
556 } | |
557 | |
558 /** | |
559 * Remove inner padding and search cancel button in Safari 5 and Chrome | |
560 * on OS X. | |
561 */ | |
562 /* line 603, ../sass/_normalize.scss */ | |
563 input[type="search"]::-webkit-search-cancel-button, | |
564 input[type="search"]::-webkit-search-decoration { | |
565 -webkit-appearance: none; | |
566 } | |
567 | |
568 /** | |
569 * Remove inner padding and border in Firefox 4+. | |
570 */ | |
571 /* line 612, ../sass/_normalize.scss */ | |
572 button::-moz-focus-inner, | |
573 input::-moz-focus-inner { | |
574 border: 0; | |
575 padding: 0; | |
576 } | |
577 | |
578 /** | |
579 * 1. Remove default vertical scrollbar in IE 8/9. | |
580 * 2. Improve readability and alignment in all browsers. | |
581 */ | |
582 /* line 622, ../sass/_normalize.scss */ | |
583 textarea { | |
584 overflow: auto; | |
585 /* 1 */ | |
586 vertical-align: top; | |
587 /* 2 */ | |
588 } | |
589 | |
590 /* ========================================================================== | |
591 Tables | |
592 ========================================================================== */ | |
593 /** | |
594 * Remove most spacing between table cells. | |
595 */ | |
596 /* line 635, ../sass/_normalize.scss */ | |
597 table { | |
598 border-collapse: collapse; | |
599 border-spacing: 0; | |
600 } | |
601 | |
602 /* line 61, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/fr
ameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
603 * html { | |
604 font-size: 100%; | |
605 } | |
606 | |
607 /* line 64, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/fr
ameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
608 html { | |
609 font-size: 16px; | |
610 line-height: 1.5em; | |
611 } | |
612 | |
613 /* line 61, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/fr
ameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
614 * html { | |
615 font-size: 100%; | |
616 } | |
617 | |
618 /* line 64, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/fr
ameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */ | |
619 html { | |
620 font-size: 16px; | |
621 line-height: 1.5em; | |
622 } | |
623 | |
624 /* line 7, ../sass/_grid.scss */ | |
625 .g-section:after { | |
626 content: "."; | |
627 display: block; | |
628 height: 0; | |
629 clear: both; | |
630 visibility: hidden; | |
631 } | |
632 | |
633 /* line 14, ../sass/_grid.scss */ | |
634 .g-unit .g-section:after { | |
635 clear: none; | |
636 } | |
637 | |
638 /* line 17, ../sass/_grid.scss */ | |
639 .g-unit .g-section { | |
640 width: 100%; | |
641 overflow: hidden; | |
642 } | |
643 | |
644 /* line 21, ../sass/_grid.scss */ | |
645 .g-section, .g-unit { | |
646 zoom: 1; | |
647 } | |
648 | |
649 /* line 24, ../sass/_grid.scss */ | |
650 .g-split > .g-unit { | |
651 float: right; | |
652 text-align: right; | |
653 } | |
654 | |
655 /* line 28, ../sass/_grid.scss */ | |
656 .g-split > .g-first { | |
657 float: left; | |
658 text-align: left; | |
659 } | |
660 | |
661 /* line 33, ../sass/_grid.scss */ | |
662 .g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-un
it, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit
.g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit { | |
663 display: block; | |
664 margin: 0 0 0 160px; | |
665 width: auto; | |
666 float: none; | |
667 } | |
668 | |
669 /* line 36, ../sass/_grid.scss */ | |
670 .g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-
first, .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-u
nit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-f
irst { | |
671 display: block; | |
672 margin: 0; | |
673 width: 160px; | |
674 float: left; | |
675 } | |
676 | |
677 /* line 39, ../sass/_grid.scss */ | |
678 .g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75
.g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit
.g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-
75 .g-unit { | |
679 width: 74.999%; | |
680 float: right; | |
681 display: inline; | |
682 margin: 0; | |
683 } | |
684 | |
685 /* line 42, ../sass/_grid.scss */ | |
686 .g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-
75 .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-u
nit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tp
l-25-75 .g-first { | |
687 width: 24.999%; | |
688 float: left; | |
689 display: inline; | |
690 margin: 0; | |
691 } | |
692 | |
693 /* line 45, ../sass/_grid.scss */ | |
694 .g-tpl-75-25 .g-unit, .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-tpl-75-25
.g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit
.g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-
25 .g-unit { | |
695 width: 24.999%; | |
696 float: right; | |
697 display: inline; | |
698 margin: 0; | |
699 } | |
700 | |
701 /* line 48, ../sass/_grid.scss */ | |
702 .g-tpl-75-25 .g-first, .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-tpl-75-
25 .g-first, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-u
nit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tp
l-75-25 .g-first { | |
703 width: 74.999%; | |
704 float: left; | |
705 display: inline; | |
706 margin: 0; | |
707 } | |
708 | |
709 /* line 51, ../sass/_grid.scss */ | |
710 .g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67
.g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit
.g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-
67 .g-unit { | |
711 width: 66.999%; | |
712 float: right; | |
713 display: inline; | |
714 margin: 0; | |
715 } | |
716 | |
717 /* line 54, ../sass/_grid.scss */ | |
718 .g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-
67 .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-u
nit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tp
l-33-67 .g-first { | |
719 width: 32.999%; | |
720 float: left; | |
721 display: inline; | |
722 margin: 0; | |
723 } | |
724 | |
725 /* line 57, ../sass/_grid.scss */ | |
726 .g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33
.g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit
.g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-
33 .g-unit { | |
727 width: 32.999%; | |
728 float: right; | |
729 display: inline; | |
730 margin: 0; | |
731 } | |
732 | |
733 /* line 60, ../sass/_grid.scss */ | |
734 .g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-
33 .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-u
nit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tp
l-67-33 .g-first { | |
735 width: 66.999%; | |
736 float: left; | |
737 display: inline; | |
738 margin: 0; | |
739 } | |
740 | |
741 /* line 63, ../sass/_grid.scss */ | |
742 .g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50
.g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit
.g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-
50 .g-unit { | |
743 width: 49.999%; | |
744 float: right; | |
745 display: inline; | |
746 margin: 0; | |
747 } | |
748 | |
749 /* line 66, ../sass/_grid.scss */ | |
750 .g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-
50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-u
nit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tp
l-50-50 .g-first { | |
751 width: 49.999%; | |
752 float: left; | |
753 display: inline; | |
754 margin: 0; | |
755 } | |
756 | |
757 /* line 70, ../sass/_grid.scss */ | |
758 .g-tpl-nest .g-unit { | |
759 float: left; | |
760 width: auto; | |
761 display: inline; | |
762 margin: 0; | |
763 } | |
764 | |
765 /* line 73, ../sass/_grid.scss */ | |
766 .g-tpl-nest-alt .g-unit { | |
767 float: right; | |
768 width: auto; | |
769 display: inline; | |
770 margin: 0; | |
771 } | |
772 | |
773 /* line 76, ../sass/_grid.scss */ | |
774 .g-content { | |
775 margin-right: 30px; | |
776 } | |
777 | |
778 /* line 80, ../sass/_grid.scss */ | |
779 .g-last .g-content { | |
780 margin-right: 0; | |
781 } | |
782 | |
783 @media only screen and (max-width: 580px) { | |
784 /* line 87, ../sass/_grid.scss */ | |
785 .g-unit.g-unit { | |
786 float: none !important; | |
787 } | |
788 | |
789 /* line 91, ../sass/_grid.scss */ | |
790 .g-content { | |
791 margin-right: 0; | |
792 } | |
793 } | |
794 /* line 10, ../sass/_layout.scss */ | |
795 * { | |
796 padding: 0; | |
797 margin: 0; | |
798 -webkit-box-sizing: border-box; | |
799 -moz-box-sizing: border-box; | |
800 box-sizing: border-box; | |
801 } | |
802 | |
803 /* line 16, ../sass/_layout.scss */ | |
804 html, body { | |
805 overflow-x: hidden; | |
806 overflow-y: auto; | |
807 } | |
808 | |
809 /* line 21, ../sass/_layout.scss */ | |
810 img { | |
811 max-width: 100%; | |
812 } | |
813 | |
814 /* line 25, ../sass/_layout.scss */ | |
815 #gc-container { | |
816 max-width: 870px; | |
817 margin: auto; | |
818 width: 90%; | |
819 } | |
820 | |
821 /* line 31, ../sass/_layout.scss */ | |
822 #gc-pagecontent > .g-section { | |
823 margin: 40px 0; | |
824 } | |
825 | |
826 /* line 36, ../sass/_layout.scss */ | |
827 main { | |
828 margin-bottom: 50px; | |
829 position: relative; | |
830 } | |
831 | |
832 /* line 41, ../sass/_layout.scss */ | |
833 footer[role="contentinfo"] { | |
834 padding: 40px 0 50px; | |
835 } | |
836 | |
837 @media only screen and (max-width: 580px) { | |
838 /* line 47, ../sass/_layout.scss */ | |
839 #gc-container { | |
840 width: auto; | |
841 } | |
842 | |
843 /* line 50, ../sass/_layout.scss */ | |
844 #gc-pagecontent { | |
845 margin: auto; | |
846 width: 90%; | |
847 } | |
848 /* line 53, ../sass/_layout.scss */ | |
849 #gc-pagecontent > .g-section { | |
850 margin: 20px 0; | |
851 } | |
852 | |
853 /* line 57, ../sass/_layout.scss */ | |
854 footer[role="contentinfo"] { | |
855 padding: 20px 30px; | |
856 } | |
857 } | |
858 @media only screen and (min-width: 581px) and (max-width: 990px) { | |
859 /* line 64, ../sass/_layout.scss */ | |
860 #gc-container { | |
861 width: 95%; | |
862 } | |
863 } | |
864 /* line 5, ../sass/_html.scss */ | |
865 figure { | |
866 margin: 20px 0; | |
867 } | |
868 /* line 7, ../sass/_html.scss */ | |
869 figure img { | |
870 border: 1px solid #dbdbdb; | |
871 } | |
872 | |
873 /* line 12, ../sass/_html.scss */ | |
874 table { | |
875 width: 100%; | |
876 border-collapse: collapse; | |
877 margin: 2em 0; | |
878 line-height: 1.5em; | |
879 } | |
880 | |
881 /* line 18, ../sass/_html.scss */ | |
882 table caption { | |
883 margin-bottom: 1em; | |
884 text-align: left; | |
885 font-weight: bold; | |
886 } | |
887 | |
888 /* line 23, ../sass/_html.scss */ | |
889 th { | |
890 border: 1px solid #dbdbdb; | |
891 font-weight: bold; | |
892 background: #e8e8e8; | |
893 } | |
894 | |
895 /* line 28, ../sass/_html.scss */ | |
896 tr { | |
897 border-bottom: 1px solid #dbdbdb; | |
898 } | |
899 | |
900 /* line 31, ../sass/_html.scss */ | |
901 table + tr { | |
902 border-top: 1px solid #dbdbdb; | |
903 } | |
904 | |
905 /* line 34, ../sass/_html.scss */ | |
906 td, th { | |
907 padding: 1em 1.5em; | |
908 text-align: left; | |
909 border: 1px solid #dbdbdb; | |
910 } | |
911 | |
912 /* line 40, ../sass/_html.scss */ | |
913 pre { | |
914 background-color: #f7f7f7; | |
915 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 3px rgba(0, 0, 0, 0.15); | |
916 margin: 1em 0 0 0; | |
917 overflow: auto; | |
918 padding: .99em; | |
919 position: relative; | |
920 } | |
921 /* line 47, ../sass/_html.scss */ | |
922 pre a { | |
923 text-decoration: underline !important; | |
924 } | |
925 /* line 50, ../sass/_html.scss */ | |
926 pre b { | |
927 background: yellow; | |
928 } | |
929 | |
930 /* line 60, ../sass/_html.scss */ | |
931 .element-invisible { | |
932 position: absolute !important; | |
933 height: 1px; | |
934 width: 1px; | |
935 overflow: hidden; | |
936 clip: rect(1px 1px 1px 1px); | |
937 clip: rect(1px, 1px, 1px, 1px); | |
938 } | |
939 | |
940 /* line 64, ../sass/_html.scss */ | |
941 .hidden { | |
942 display: none; | |
943 } | |
944 | |
945 /* line 68, ../sass/_html.scss */ | |
946 .label { | |
947 color: inherit; | |
948 text-transform: uppercase; | |
949 margin-bottom: 5px; | |
950 font-size: 11.2px; | |
951 font-weight: bold; | |
952 } | |
953 | |
954 /* line 76, ../sass/_html.scss */ | |
955 .published { | |
956 font-size: 11.2px; | |
957 font-style: italic; | |
958 color: #bebebe; | |
959 line-height: 16.8px; | |
960 } | |
961 | |
962 /* line 83, ../sass/_html.scss */ | |
963 .description { | |
964 margin: 20px 0; | |
965 } | |
966 /* line 86, ../sass/_html.scss */ | |
967 .description:last-child { | |
968 margin-bottom: 0; | |
969 } | |
970 | |
971 /* line 93, ../sass/_html.scss */ | |
972 .span-full { | |
973 background: whitesmoke; | |
974 position: relative; | |
975 padding: 3em 0; | |
976 } | |
977 /* line 98, ../sass/_html.scss */ | |
978 .span-full::before, .span-full::after { | |
979 content: ''; | |
980 height: 100%; | |
981 width: 100%; | |
982 top: 0; | |
983 position: absolute; | |
984 background: whitesmoke; | |
985 z-index: -1; | |
986 } | |
987 /* line 107, ../sass/_html.scss */ | |
988 .span-full::before { | |
989 left: -100%; | |
990 } | |
991 /* line 110, ../sass/_html.scss */ | |
992 .span-full::after { | |
993 left: 100%; | |
994 } | |
995 | |
996 /* line 116, ../sass/_html.scss */ | |
997 .button { | |
998 background: #0370ea; | |
999 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0
08dfd), color-stop(100%, #0370ea)); | |
1000 background-image: -webkit-linear-gradient(top, #008dfd 0%, #0370ea 100%); | |
1001 background-image: -moz-linear-gradient(top, #008dfd 0%, #0370ea 100%); | |
1002 background-image: -o-linear-gradient(top, #008dfd 0%, #0370ea 100%); | |
1003 background-image: linear-gradient(top, #008dfd 0%, #0370ea 100%); | |
1004 border: 1px solid #076bd2; | |
1005 border-radius: 3px; | |
1006 color: white !important; | |
1007 display: inline-block; | |
1008 font-size: 13px; | |
1009 font-weight: 700; | |
1010 line-height: 1.3; | |
1011 padding: 5px 20px; | |
1012 text-align: center; | |
1013 text-decoration: none !important; | |
1014 text-shadow: 1px 1px 1px #076bd2; | |
1015 } | |
1016 /* line 131, ../sass/_html.scss */ | |
1017 .button:hover { | |
1018 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #
008dfd), color-stop(100%, #0370ea)); | |
1019 background-image: -webkit-linear-gradient(top, #008dfd 30%, #0370ea 100%); | |
1020 background-image: -moz-linear-gradient(top, #008dfd 30%, #0370ea 100%); | |
1021 background-image: -o-linear-gradient(top, #008dfd 30%, #0370ea 100%); | |
1022 background-image: linear-gradient(top, #008dfd 30%, #0370ea 100%); | |
1023 cursor: pointer; | |
1024 } | |
1025 | |
1026 /* line 137, ../sass/_html.scss */ | |
1027 .button-alt { | |
1028 background: #eee; | |
1029 background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(46%, #
dcdcdc), color-stop(87%, #fafafa)); | |
1030 background-image: -webkit-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%); | |
1031 background-image: -moz-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%); | |
1032 background-image: -o-linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%); | |
1033 background-image: linear-gradient(bottom, #dcdcdc 46%, #fafafa 87%); | |
1034 border: 1px solid #d6d6d6; | |
1035 border-radius: 3px; | |
1036 color: #333 !important; | |
1037 display: inline-block; | |
1038 font-size: 12px; | |
1039 font-weight: 700; | |
1040 line-height: 24px; | |
1041 padding: 0 15px; | |
1042 text-align: center; | |
1043 text-decoration: none !important; | |
1044 text-shadow: none; | |
1045 } | |
1046 /* line 152, ../sass/_html.scss */ | |
1047 .button-alt:hover { | |
1048 background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, #
dcdcdc), color-stop(87%, #fafafa)); | |
1049 background-image: -webkit-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%); | |
1050 background-image: -moz-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%); | |
1051 background-image: -o-linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%); | |
1052 background-image: linear-gradient(bottom, #dcdcdc 20%, #fafafa 87%); | |
1053 cursor: pointer; | |
1054 } | |
1055 | |
1056 /* line 159, ../sass/_html.scss */ | |
1057 .google-button { | |
1058 background-color: whitesmoke; | |
1059 border-radius: 2px 0 0 0; | |
1060 border: 1px solid rgba(0, 0, 0, 0.1); | |
1061 padding: 5px 12px; | |
1062 text-align: center; | |
1063 white-space: nowrap; | |
1064 } | |
1065 /* line 167, ../sass/_html.scss */ | |
1066 .google-button:hover { | |
1067 border-color: #c6c6c6; | |
1068 -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); | |
1069 -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); | |
1070 box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1); | |
1071 } | |
1072 /* line 171, ../sass/_html.scss */ | |
1073 .google-button:active { | |
1074 background-color: #f1f1f1; | |
1075 -webkit-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.2); | |
1076 -moz-box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.2); | |
1077 box-shadow: inset 0 0px 2px rgba(0, 0, 0, 0.2); | |
1078 } | |
1079 | |
1080 /* line 178, ../sass/_html.scss */ | |
1081 .screenshot, | |
1082 .screenshot img { | |
1083 margin: 1em 0; | |
1084 } | |
1085 | |
1086 /* line 185, ../sass/_html.scss */ | |
1087 p.note, p.caution, p.warning, div.note, div.caution, div.warning, aside.note, as
ide.caution, aside.warning { | |
1088 background-color: whitesmoke; | |
1089 border-bottom: 1px solid; | |
1090 border-top: 1px solid; | |
1091 overflow: hidden; | |
1092 width: 85%; | |
1093 margin: auto; | |
1094 padding: 1em; | |
1095 } | |
1096 /* line 198, ../sass/_html.scss */ | |
1097 p.note, div.note, aside.note { | |
1098 border-color: #36C; | |
1099 } | |
1100 /* line 201, ../sass/_html.scss */ | |
1101 p.caution, div.caution, aside.caution { | |
1102 border-color: #FC3; | |
1103 } | |
1104 /* line 204, ../sass/_html.scss */ | |
1105 p.warning, div.warning, aside.warning { | |
1106 border-color: #A03; | |
1107 } | |
1108 /* line 206, ../sass/_html.scss */ | |
1109 p.warning em, p.warning strong, div.warning em, div.warning strong, aside.warnin
g em, aside.warning strong { | |
1110 color: #A03; | |
1111 } | |
1112 | |
1113 /* line 212, ../sass/_html.scss */ | |
1114 .permalink { | |
1115 display: none; | |
1116 margin-left: 5px; | |
1117 } | |
1118 | |
1119 /* line 216, ../sass/_html.scss */ | |
1120 .has-permalink:hover .permalink { | |
1121 display: initial; | |
1122 } | |
1123 | |
1124 /* line 219, ../sass/_html.scss */ | |
1125 .no-permalink .permalink { | |
1126 display: none !important; | |
1127 } | |
1128 | |
1129 /* line 229, ../sass/_html.scss */ | |
1130 #gc-footer .links a { | |
1131 margin-right: 20px; | |
1132 } | |
1133 /* line 233, ../sass/_html.scss */ | |
1134 #gc-footer #cc-info { | |
1135 font-size: 11.2px; | |
1136 } | |
1137 | |
1138 /* line 238, ../sass/_html.scss */ | |
1139 #social-buttons { | |
1140 display: -webkit-box; | |
1141 display: -webkit-flex; | |
1142 display: -moz-flex; | |
1143 display: -ms-flex; | |
1144 display: -o-flex; | |
1145 display: flex; | |
1146 -webkit-box-pack: 1; | |
1147 -webkit-justify-content: flex-end; | |
1148 -moz-justify-content: flex-end; | |
1149 -ms-justify-content: flex-end; | |
1150 -o-justify-content: flex-end; | |
1151 justify-content: flex-end; | |
1152 -webkit-box-align: center; | |
1153 -webkit-align-items: center; | |
1154 -moz-align-items: center; | |
1155 -ms-align-items: center; | |
1156 -o-align-items: center; | |
1157 align-items: center; | |
1158 } | |
1159 /* line 243, ../sass/_html.scss */ | |
1160 #social-buttons > * { | |
1161 margin-left: 10px; | |
1162 } | |
1163 /* line 247, ../sass/_html.scss */ | |
1164 #social-buttons img { | |
1165 margin: -4px 0 0 1px; | |
1166 } | |
1167 | |
1168 @media only screen and (max-width: 580px) { | |
1169 /* line 279, ../sass/_html.scss */ | |
1170 .more-section .g-last .g-content { | |
1171 padding-bottom: 0; | |
1172 border: none; | |
1173 } | |
1174 /* line 284, ../sass/_html.scss */ | |
1175 .more-section .g-content { | |
1176 border: 1px solid #dbdbdb; | |
1177 border-width: 0 0 1px 0; | |
1178 padding-bottom: 20px; | |
1179 margin-bottom: 20px; | |
1180 } | |
1181 | |
1182 /* line 293, ../sass/_html.scss */ | |
1183 #gc-footer .links a { | |
1184 display: inline-block; | |
1185 } | |
1186 } | |
1187 /* line 302, ../sass/_html.scss */ | |
1188 #scroll-to-top, | |
1189 #send-feedback { | |
1190 border-bottom: none; | |
1191 bottom: 0; | |
1192 position: fixed; | |
1193 z-index: 5; | |
1194 } | |
1195 | |
1196 /* line 308, ../sass/_html.scss */ | |
1197 #scroll-to-top { | |
1198 border-left: 0; | |
1199 left: 0; | |
1200 } | |
1201 | |
1202 /* line 312, ../sass/_html.scss */ | |
1203 #send-feedback { | |
1204 border-right: 0; | |
1205 right: 0; | |
1206 } | |
1207 | |
1208 /* | |
1209 ul.condensed { | |
1210 margin: 0.5em 0; | |
1211 li { | |
1212 margin-top: 0; | |
1213 } | |
1214 } | |
1215 | |
1216 pre { | |
1217 &[data-filename] .filename { | |
1218 background-color: #777; | |
1219 padding: 2px 12px; | |
1220 position: absolute; | |
1221 right: 0; | |
1222 top: 0; | |
1223 } | |
1224 */ | |
1225 /* | |
1226 #gc-sidebar { | |
1227 width: 185px; | |
1228 float: left; | |
1229 | |
1230 // scroll.js adds and removes the floating class depending on the scroll posit
ion. | |
1231 &.floating { | |
1232 overflow: auto; | |
1233 position: fixed; | |
1234 top: 0; bottom: 0; | |
1235 } | |
1236 | |
1237 // Sidebar link/button styling. | |
1238 span, a { | |
1239 color: black; | |
1240 display: block; | |
1241 font-weight: normal; | |
1242 position: relative; | |
1243 | |
1244 &.level2 { | |
1245 font-weight: bold; | |
1246 } | |
1247 } | |
1248 a:hover, | |
1249 a.selected { | |
1250 color: #0d68ae; | |
1251 } | |
1252 | |
1253 a.button, | |
1254 .level3, | |
1255 .level4 { | |
1256 color: #444; | |
1257 } | |
1258 | |
1259 .toggleIndicator { | |
1260 background: url(../images/toggle_sprite.png) no-repeat 0 0; | |
1261 height: 8px; | |
1262 position: absolute; | |
1263 right: 0; | |
1264 top: 3px; | |
1265 width: 8px; | |
1266 | |
1267 &.toggled { | |
1268 background-position: 0 -9px; | |
1269 } | |
1270 } | |
1271 | |
1272 // Sidebar list styling. | |
1273 /* ul { | |
1274 list-style: none; | |
1275 margin: 0; | |
1276 padding: 0; | |
1277 | |
1278 &.level2 { | |
1279 margin-left: 10px; | |
1280 padding-top: 10px; | |
1281 } | |
1282 &.level3, | |
1283 &.level4, | |
1284 &.level5 { | |
1285 margin-left: 20px; | |
1286 padding-top: 10px; | |
1287 } | |
1288 } | |
1289 | |
1290 li { | |
1291 line-height: 120%; | |
1292 margin: 0; | |
1293 padding: 8px 0; | |
1294 | |
1295 &.level2 { | |
1296 border-top: 1px solid #F5F5F5; | |
1297 | |
1298 &:first-child { | |
1299 border-top: none; | |
1300 } | |
1301 } | |
1302 } | |
1303 } | |
1304 */ | |
1305 /* | |
1306 #toc { | |
1307 background-color: #F5F5F5; | |
1308 border-bottom: 20px solid white; */ | |
1309 /* We want this element to have a visual left-margin of 20px, but margins on | |
1310 floated elements don't affect the borders and background of the elements | |
1311 they float over. So we add this border to force the issue. */ | |
1312 /* border-left: 20px solid white; | |
1313 float: right; | |
1314 margin: 5px 0px 0px 0px; | |
1315 padding: 5px; | |
1316 position: relative; | |
1317 width: 250px; | |
1318 word-break: break-word; | |
1319 z-index: 3; | |
1320 | |
1321 * { | |
1322 list-style: none; | |
1323 overflow: hidden; | |
1324 padding: 0; | |
1325 text-overflow: ellipsis; | |
1326 white-space: nowrap; | |
1327 } | |
1328 | |
1329 a { | |
1330 color: black; | |
1331 } | |
1332 | |
1333 h2 { | |
1334 border: none; | |
1335 font-size: 100%; | |
1336 font-weight: bold; | |
1337 margin: 0; | |
1338 padding: 0; | |
1339 } | |
1340 | |
1341 ol { | |
1342 margin: 1em 0 0 0; | |
1343 | |
1344 li { | |
1345 line-height: 1.2em; | |
1346 margin: .5em 0 .5em 1em; | |
1347 | |
1348 ol { | |
1349 margin: 0; | |
1350 | |
1351 li { | |
1352 margin: .5em 0 0 1em; | |
1353 } | |
1354 } | |
1355 } | |
1356 } | |
1357 | |
1358 .api-reference { | |
1359 border-top: 1px solid #e5e5e5; | |
1360 } | |
1361 } | |
1362 | |
1363 .filtered_item { | |
1364 line-height: 6px; | |
1365 } | |
1366 | |
1367 #filtered_apis { | |
1368 margin-top: 5px; | |
1369 } | |
1370 | |
1371 #skipto { | |
1372 display: none; | |
1373 } | |
1374 */ | |
1375 /* List with largeish images floated to the right. */ | |
1376 /*.imaged { | |
1377 li { | |
1378 clear: right; | |
1379 | |
1380 img { | |
1381 float: right; | |
1382 margin-bottom: 1em; | |
1383 } | |
1384 } | |
1385 + p { | |
1386 clear: right; | |
1387 } | |
1388 }*/ | |
1389 /*.indent-small { | |
1390 margin-left: 2em; | |
1391 }*/ | |
1392 /* Tabbed pane with header (tabs) and content */ | |
1393 /* | |
1394 tabs { | |
1395 display: block; | |
1396 margin: 25px 0; | |
1397 | |
1398 header { | |
1399 background: inherit; | |
1400 border: 1px solid #ccc; | |
1401 border-bottom: 1px solid white; | |
1402 cursor: auto; | |
1403 display: inline-block; | |
1404 margin-bottom: 0; | |
1405 padding: 10px; | |
1406 outline: none; | |
1407 | |
1408 &.unselected { | |
1409 background: #eee; | |
1410 border-bottom: 1px solid #ccc; | |
1411 cursor: pointer; | |
1412 } | |
1413 } | |
1414 content { | |
1415 border: 1px solid #ccc; | |
1416 display: block; | |
1417 margin-top: -1px; | |
1418 padding: 20px; | |
1419 | |
1420 &.unselected { | |
1421 display: none; | |
1422 } | |
1423 | |
1424 pre { | |
1425 margin: 0; | |
1426 padding: 10px; | |
1427 } | |
1428 } | |
1429 } */ | |
1430 /* | |
1431 * API references. | |
1432 */ | |
1433 /* | |
1434 .type_name, | |
1435 .property { | |
1436 font-style: italic; | |
1437 } | |
1438 | |
1439 .api_reference { | |
1440 div.summary { | |
1441 background-color: #CADEF4; | |
1442 border: 1px solid #93B4D9; | |
1443 font-family: "Courier New", courier, monospace; | |
1444 margin-top: 1em; | |
1445 padding: 0.5em; | |
1446 text-indent: -1.5em; | |
1447 | |
1448 .line { | |
1449 padding-left: 1.5em; | |
1450 text-indent: -1.5em; | |
1451 } | |
1452 | |
1453 .subdued { | |
1454 color: #7594B8; | |
1455 } | |
1456 } | |
1457 | |
1458 div.description { | |
1459 margin-left: 2em; | |
1460 } | |
1461 */ | |
1462 /* This style is used because types with functions prefix the function with the | |
1463 * type name, using a lowercase first letter. */ | |
1464 /* .uncapitalize:first-letter { | |
1465 text-transform: lowercase; | |
1466 } | |
1467 | |
1468 .capitalize:first-letter { | |
1469 text-transform: uppercase; | |
1470 } | |
1471 } | |
1472 | |
1473 .optional { | |
1474 color: #7D7D7D; | |
1475 } | |
1476 */ | |
1477 /* ============================================================================= | |
1478 Typography | |
1479 | |
1480 To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins | |
1481 so that the line height of our base font becomes the basic unit of vertical | |
1482 measurement. We use multiples of that unit to set the top and bottom margins | |
1483 for our block level elements and to set the line heights of any fonts. | |
1484 For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm | |
1485 ========================================================================== */ | |
1486 /* line 12, ../sass/_typography.scss */ | |
1487 html { | |
1488 font-family: "Open Sans", Arial, "Lucida Grande", sans-serif; | |
1489 color: #777777; | |
1490 } | |
1491 | |
1492 /* line 16, ../sass/_typography.scss */ | |
1493 body { | |
1494 font-size: 13px; | |
1495 color: #777777; | |
1496 } | |
1497 | |
1498 /* line 21, ../sass/_typography.scss */ | |
1499 h1, h2, h3, h4, h5, h6 { | |
1500 font-family: "Open Sans", Arial, "Lucida Grande", sans-serif; | |
1501 font-weight: 600; | |
1502 color: black; | |
1503 } | |
1504 | |
1505 /* line 26, ../sass/_typography.scss */ | |
1506 h1, h2 { | |
1507 font-weight: 300; | |
1508 } | |
1509 | |
1510 /* line 29, ../sass/_typography.scss */ | |
1511 h1 { | |
1512 font-size: 2.625em; | |
1513 line-height: 1.14286em; | |
1514 } | |
1515 | |
1516 /* line 32, ../sass/_typography.scss */ | |
1517 h1 + h1 { | |
1518 margin-top: 0em; | |
1519 } | |
1520 | |
1521 /* line 35, ../sass/_typography.scss */ | |
1522 h2 { | |
1523 font-size: 1.875em; | |
1524 line-height: 1.6em; | |
1525 margin-top: 1.6em; | |
1526 margin-bottom: 0em; | |
1527 line-height: 1.12em; | |
1528 } | |
1529 | |
1530 /* line 41, ../sass/_typography.scss */ | |
1531 h3 { | |
1532 font-size: 1.125em; | |
1533 line-height: 1.33333em; | |
1534 margin-top: 1.33333em; | |
1535 margin-bottom: 0.53333em; | |
1536 line-height: 1.12em; | |
1537 } | |
1538 | |
1539 /* line 47, ../sass/_typography.scss */ | |
1540 h4 { | |
1541 font-size: 1.1em; | |
1542 line-height: 1.36364em; | |
1543 margin-top: 0em; | |
1544 margin-bottom: 0em; | |
1545 } | |
1546 | |
1547 /* line 52, ../sass/_typography.scss */ | |
1548 h5 { | |
1549 font-size: 1em; | |
1550 line-height: 1.5em; | |
1551 margin-top: 0em; | |
1552 margin-bottom: 0em; | |
1553 } | |
1554 | |
1555 /* line 57, ../sass/_typography.scss */ | |
1556 h6 { | |
1557 font-size: 1em; | |
1558 line-height: 1.5em; | |
1559 margin-top: 0em; | |
1560 margin-bottom: 0em; | |
1561 } | |
1562 | |
1563 /* line 69, ../sass/_typography.scss */ | |
1564 p { | |
1565 margin: 1.5em 0; | |
1566 } | |
1567 /* line 71, ../sass/_typography.scss */ | |
1568 p.noindent, p.caption p { | |
1569 text-indent: 0; | |
1570 } | |
1571 /* line 74, ../sass/_typography.scss */ | |
1572 p.caption { | |
1573 text-align: left; | |
1574 } | |
1575 /* line 76, ../sass/_typography.scss */ | |
1576 .lightbox p.caption { | |
1577 color: white; | |
1578 } | |
1579 | |
1580 /* line 84, ../sass/_typography.scss */ | |
1581 a, | |
1582 a:link, | |
1583 a:visited { | |
1584 color: #3399cc; | |
1585 font-weight: bold; | |
1586 text-decoration: none; | |
1587 word-wrap: break-word; | |
1588 transition: opacity 0.3s ease 0s; | |
1589 } | |
1590 /* line 91, ../sass/_typography.scss */ | |
1591 a:hover, a:focus, | |
1592 a:link:hover, | |
1593 a:link:focus, | |
1594 a:visited:hover, | |
1595 a:visited:focus { | |
1596 color: #3399ff; | |
1597 } | |
1598 | |
1599 /* line 95, ../sass/_typography.scss */ | |
1600 a.section-anchor { | |
1601 display: block; | |
1602 padding-top: 3.33em; | |
1603 } | |
1604 | |
1605 /* line 100, ../sass/_typography.scss */ | |
1606 footer[role="contentinfo"] { | |
1607 font-size: 0.84615385em; | |
1608 } | |
1609 /* line 104, ../sass/_typography.scss */ | |
1610 footer[role="contentinfo"] a, | |
1611 footer[role="contentinfo"] a:link, | |
1612 footer[role="contentinfo"] a:visited { | |
1613 color: #999999; | |
1614 font-weight: normal; | |
1615 font-weight: 600; | |
1616 text-decoration: none; | |
1617 word-wrap: break-word; | |
1618 } | |
1619 /* line 111, ../sass/_typography.scss */ | |
1620 footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus, | |
1621 footer[role="contentinfo"] a:link:hover, | |
1622 footer[role="contentinfo"] a:link:focus, | |
1623 footer[role="contentinfo"] a:visited:hover, | |
1624 footer[role="contentinfo"] a:visited:focus { | |
1625 color: #3399ff; | |
1626 } | |
1627 | |
1628 /* line 117, ../sass/_typography.scss */ | |
1629 img { | |
1630 vertical-align: middle; | |
1631 } | |
1632 | |
1633 /* line 121, ../sass/_typography.scss */ | |
1634 figcaption { | |
1635 font-family: "Open Sans", Arial, "Lucida Grande", sans-serif; | |
1636 color: #aaaaaa; | |
1637 } | |
1638 | |
1639 /* line 127, ../sass/_typography.scss */ | |
1640 blockquote { | |
1641 margin: 0.75em 0.8em; | |
1642 } | |
1643 | |
1644 /* line 131, ../sass/_typography.scss */ | |
1645 cite { | |
1646 margin: 0.75em 0.8em; | |
1647 color: #c3c3c3; | |
1648 font-style: normal; | |
1649 } | |
1650 | |
1651 /* line 138, ../sass/_typography.scss */ | |
1652 canvas { | |
1653 background: white; | |
1654 margin: 1.5em 0; | |
1655 } | |
1656 | |
1657 /* line 145, ../sass/_typography.scss */ | |
1658 .code, | |
1659 code, | |
1660 pre { | |
1661 color: #008800; | |
1662 font-family: "Source Code Pro", sans-serif; | |
1663 } | |
1664 | |
1665 /* line 151, ../sass/_typography.scss */ | |
1666 pre { | |
1667 margin: 2em 0; | |
1668 word-wrap: break-word; | |
1669 position: relative; | |
1670 } | |
1671 /* line 159, ../sass/_typography.scss */ | |
1672 pre[data-filename]::after { | |
1673 content: attr(data-filename); | |
1674 background-color: #aaaaaa; | |
1675 color: #fff; | |
1676 padding: 2px 12px; | |
1677 position: absolute; | |
1678 right: 0; | |
1679 top: 0; | |
1680 } | |
1681 /* line 169, ../sass/_typography.scss */ | |
1682 pre a { | |
1683 text-decoration: underline; | |
1684 } | |
1685 | |
1686 /* line 173, ../sass/_typography.scss */ | |
1687 .static-code-container { | |
1688 line-height: 1em; | |
1689 clear: both; | |
1690 } | |
1691 | |
1692 /* line 181, ../sass/_typography.scss */ | |
1693 code, | |
1694 kbd, | |
1695 samp { | |
1696 margin: 1.5em 0; | |
1697 line-height: 1em; | |
1698 } | |
1699 | |
1700 /* line 191, ../sass/_typography.scss */ | |
1701 dl, | |
1702 menu, | |
1703 ol, | |
1704 ul, | |
1705 .item-list ul { | |
1706 margin: 0.8em 0; | |
1707 } | |
1708 | |
1709 /* line 194, ../sass/_typography.scss */ | |
1710 ul { | |
1711 padding-left: 1.28em; | |
1712 } | |
1713 | |
1714 /* line 197, ../sass/_typography.scss */ | |
1715 ol { | |
1716 padding-left: 1.52em; | |
1717 } | |
1718 | |
1719 /* line 201, ../sass/_typography.scss */ | |
1720 hr { | |
1721 height: 1px; | |
1722 border: 0; | |
1723 border-bottom: 1px solid #dbdbdb; | |
1724 padding-bottom: -1px; | |
1725 margin: 1.5em 0; | |
1726 } | |
1727 | |
1728 /* line 209, ../sass/_typography.scss */ | |
1729 .capitalize { | |
1730 text-transform: uppercase; | |
1731 } | |
1732 | |
1733 /* line 6, ../sass/_navbar.scss */ | |
1734 #topnav { | |
1735 display: -webkit-box; | |
1736 display: -webkit-flex; | |
1737 display: -moz-flex; | |
1738 display: -ms-flex; | |
1739 display: -o-flex; | |
1740 display: flex; | |
1741 -webkit-box-align: center; | |
1742 -webkit-align-items: center; | |
1743 -moz-align-items: center; | |
1744 -ms-align-items: center; | |
1745 -o-align-items: center; | |
1746 align-items: center; | |
1747 height: 64px; | |
1748 position: relative; | |
1749 } | |
1750 | |
1751 /* line 14, ../sass/_navbar.scss */ | |
1752 #logo { | |
1753 display: -webkit-box; | |
1754 display: -webkit-flex; | |
1755 display: -moz-flex; | |
1756 display: -ms-flex; | |
1757 display: -o-flex; | |
1758 display: flex; | |
1759 -webkit-box-align: center; | |
1760 -webkit-align-items: center; | |
1761 -moz-align-items: center; | |
1762 -ms-align-items: center; | |
1763 -o-align-items: center; | |
1764 align-items: center; | |
1765 -webkit-user-select: none; | |
1766 -moz-user-select: none; | |
1767 -o-user-select: none; | |
1768 -ms-user-select: none; | |
1769 user-select: none; | |
1770 } | |
1771 /* line 19, ../sass/_navbar.scss */ | |
1772 #logo a { | |
1773 display: -webkit-box; | |
1774 display: -webkit-flex; | |
1775 display: -moz-flex; | |
1776 display: -ms-flex; | |
1777 display: -o-flex; | |
1778 display: flex; | |
1779 -webkit-box-align: center; | |
1780 -webkit-align-items: center; | |
1781 -moz-align-items: center; | |
1782 -ms-align-items: center; | |
1783 -o-align-items: center; | |
1784 align-items: center; | |
1785 color: #828282; | |
1786 font-size: 2em; | |
1787 font-weight: 400; | |
1788 letter-spacing: -1px; | |
1789 } | |
1790 /* line 28, ../sass/_navbar.scss */ | |
1791 #logo a img { | |
1792 margin-bottom: -4px; | |
1793 margin-right: 5px; | |
1794 height: 32px; | |
1795 width: 32px; | |
1796 } | |
1797 /* line 36, ../sass/_navbar.scss */ | |
1798 #logo .collase-icon { | |
1799 display: none; | |
1800 background: url("../images/burger-icon.png") 50% 100% no-repeat; | |
1801 background-size: cover; | |
1802 width: 20px; | |
1803 height: 20px; | |
1804 } | |
1805 /* line 43, ../sass/_navbar.scss */ | |
1806 #logo .collase-icon.active { | |
1807 background-position: 50% 0; | |
1808 } | |
1809 | |
1810 /* line 49, ../sass/_navbar.scss */ | |
1811 #fatnav { | |
1812 height: 100%; | |
1813 display: -webkit-box; | |
1814 display: -webkit-flex; | |
1815 display: -moz-flex; | |
1816 display: -ms-flex; | |
1817 display: -o-flex; | |
1818 display: flex; | |
1819 -webkit-box-pack: 1; | |
1820 -webkit-justify-content: flex-end; | |
1821 -moz-justify-content: flex-end; | |
1822 -ms-justify-content: flex-end; | |
1823 -o-justify-content: flex-end; | |
1824 justify-content: flex-end; | |
1825 -webkit-box-flex: 1; | |
1826 -webkit-flex: 1; | |
1827 -moz-flex: 1; | |
1828 -ms-flex: 1; | |
1829 -o-flex: 1; | |
1830 flex: 1; | |
1831 white-space: nowrap; | |
1832 } | |
1833 /* line 56, ../sass/_navbar.scss */ | |
1834 #fatnav li { | |
1835 list-style: none; | |
1836 } | |
1837 /* line 60, ../sass/_navbar.scss */ | |
1838 #fatnav > ul { | |
1839 display: -webkit-box; | |
1840 display: -webkit-flex; | |
1841 display: -moz-flex; | |
1842 display: -ms-flex; | |
1843 display: -o-flex; | |
1844 display: flex; | |
1845 padding: 0; | |
1846 margin: 0; | |
1847 } | |
1848 /* line 66, ../sass/_navbar.scss */ | |
1849 #fatnav .toplevel { | |
1850 color: #aaaaaa; | |
1851 font-weight: 600; | |
1852 text-transform: uppercase; | |
1853 -webkit-user-select: none; | |
1854 -moz-user-select: none; | |
1855 -o-user-select: none; | |
1856 -ms-user-select: none; | |
1857 user-select: none; | |
1858 } | |
1859 /* line 72, ../sass/_navbar.scss */ | |
1860 #fatnav .toplevel::after { | |
1861 content: ''; | |
1862 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAf
SC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNpiyc/Pn8XAwDAT
iM8yEAaMQBwBxHxMQMIdiE8D8Vog1sGjyQGqbhkQK4A0PoKaFATEF4F4MRCrImnQBuJtQLwfiI2hYk9A
Gl2AuB2I/wAxiB8DxNeAeA4QzwXiS0DsCdXwHIj9gHgqSOFPIK4CYksgvgJVwALEyUCcBDWMAeoSkO2b
GZAEQeAM1CmtUNth4BkQ+wJxHBC/hwkyoQXALyCuAWILIL4MxIugAbYFI3iNZ54BR4fNtcXo0QEy9B+y
wBGtWMzoAAquBWLk6EDXhBIdLNDokINGRwBQAUiiCYhvI0VHN1LIjpjoAAgwAMoSTlKlzAY4AAAAAElF
TkSuQmCC) no-repeat; | |
1863 background-size: 9px; | |
1864 display: inline-block; | |
1865 height: 5px; | |
1866 width: 14px; | |
1867 margin-left: 10px; | |
1868 margin-bottom: 2px; | |
1869 } | |
1870 /* line 84, ../sass/_navbar.scss */ | |
1871 #fatnav .pillar { | |
1872 display: -webkit-box; | |
1873 display: -webkit-flex; | |
1874 display: -moz-flex; | |
1875 display: -ms-flex; | |
1876 display: -o-flex; | |
1877 display: flex; | |
1878 -webkit-box-align: center; | |
1879 -webkit-align-items: center; | |
1880 -moz-align-items: center; | |
1881 -ms-align-items: center; | |
1882 -o-align-items: center; | |
1883 align-items: center; | |
1884 padding: 0 20px; | |
1885 cursor: pointer; | |
1886 z-index: 1002; | |
1887 } | |
1888 /* line 92, ../sass/_navbar.scss */ | |
1889 #fatnav .expandee { | |
1890 display: none; | |
1891 position: absolute; | |
1892 z-index: 1001; | |
1893 left: 0; | |
1894 width: 100%; | |
1895 -webkit-box-sizing: border-box; | |
1896 -moz-box-sizing: border-box; | |
1897 box-sizing: border-box; | |
1898 background-color: whitesmoke; | |
1899 padding: 20px 0; | |
1900 cursor: initial; | |
1901 margin: 0; | |
1902 } | |
1903 /* line 113, ../sass/_navbar.scss */ | |
1904 #fatnav .expandee a { | |
1905 font-weight: 600; | |
1906 padding: 0.5em 0; | |
1907 display: block; | |
1908 color: #828282; | |
1909 } | |
1910 /* line 119, ../sass/_navbar.scss */ | |
1911 #fatnav .expandee a:hover { | |
1912 background-image: -webkit-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%,
rgba(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1913 background-image: -moz-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rg
ba(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1914 background-image: -o-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rgba
(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1915 background-image: linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rgba(23
3, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1916 } | |
1917 /* line 124, ../sass/_navbar.scss */ | |
1918 #fatnav .expandee li { | |
1919 white-space: nowrap; | |
1920 } | |
1921 /* line 127, ../sass/_navbar.scss */ | |
1922 #fatnav .expandee li.submenu { | |
1923 color: #333; | |
1924 font-size: 1.1em; | |
1925 font-weight: bold; | |
1926 cursor: pointer; | |
1927 -webkit-box-flex: 1; | |
1928 -webkit-flex: 1; | |
1929 -moz-flex: 1; | |
1930 -ms-flex: 1; | |
1931 -o-flex: 1; | |
1932 flex: 1; | |
1933 } | |
1934 /* line 134, ../sass/_navbar.scss */ | |
1935 #fatnav .expandee li.submenu.active { | |
1936 background-image: -webkit-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%,
rgba(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1937 background-image: -moz-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rg
ba(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1938 background-image: -o-linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rgba
(233, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1939 background-image: linear-gradient(205deg, rgba(229, 229, 229, 0.7) 0%, rgba(23
3, 233, 233, 0.7) 20%, rgba(244, 244, 244, 0.7) 100%); | |
1940 } | |
1941 /* line 138, ../sass/_navbar.scss */ | |
1942 #fatnav .expandee li.submenu > ul { | |
1943 font-size: 0.8em; | |
1944 padding: 15px 0 0 0; | |
1945 margin: 0; | |
1946 } | |
1947 /* line 144, ../sass/_navbar.scss */ | |
1948 #fatnav .expandee li.submenu .category { | |
1949 border-bottom: 1px solid #e8e8e8; | |
1950 } | |
1951 /* line 147, ../sass/_navbar.scss */ | |
1952 #fatnav .expandee li.submenu .category:last-child { | |
1953 border: none; | |
1954 } | |
1955 /* line 151, ../sass/_navbar.scss */ | |
1956 #fatnav .expandee li.submenu .category a { | |
1957 overflow: hidden; | |
1958 text-overflow: ellipsis; | |
1959 } | |
1960 /* line 157, ../sass/_navbar.scss */ | |
1961 #fatnav .expandee li.submenu .category > ul { | |
1962 display: none; | |
1963 } | |
1964 /* line 161, ../sass/_navbar.scss */ | |
1965 #fatnav .expandee li.submenu .category ul { | |
1966 padding: 0; | |
1967 } | |
1968 | |
1969 /* line 170, ../sass/_navbar.scss */ | |
1970 #search { | |
1971 display: -webkit-inline-flex; | |
1972 display: -moz-inline-flex; | |
1973 display: -ms-inline-flex; | |
1974 display: -o-inline-flex; | |
1975 display: inline-flex; | |
1976 -webkit-align-self: stretch; | |
1977 -moz-align-self: stretch; | |
1978 -ms-align-self: stretch; | |
1979 -o-align-self: stretch; | |
1980 align-self: stretch; | |
1981 -webkit-box-align: center; | |
1982 -webkit-align-items: center; | |
1983 -moz-align-items: center; | |
1984 -ms-align-items: center; | |
1985 -o-align-items: center; | |
1986 align-items: center; | |
1987 width: auto; | |
1988 padding: 0 20px; | |
1989 cursor: pointer; | |
1990 } | |
1991 /* line 178, ../sass/_navbar.scss */ | |
1992 #search img { | |
1993 height: 16px; | |
1994 width: 16px; | |
1995 -webkit-user-select: none; | |
1996 -moz-user-select: none; | |
1997 -o-user-select: none; | |
1998 -ms-user-select: none; | |
1999 user-select: none; | |
2000 } | |
2001 /* line 184, ../sass/_navbar.scss */ | |
2002 #search .expandee { | |
2003 padding: 20px; | |
2004 } | |
2005 /* line 187, ../sass/_navbar.scss */ | |
2006 #search .expandee input[type="search"] { | |
2007 width: 100%; | |
2008 -webkit-box-sizing: border-box; | |
2009 -moz-box-sizing: border-box; | |
2010 box-sizing: border-box; | |
2011 background: url("../images/search.png") no-repeat 15px 55%; | |
2012 background-size: 20px; | |
2013 background-color: white; | |
2014 border: 1px solid #dbdbdb; | |
2015 padding: 10px 10px 10px 40px; | |
2016 font-size: 1.4em; | |
2017 -webkit-box-flex: 1; | |
2018 -webkit-flex: 1; | |
2019 -moz-flex: 1; | |
2020 -ms-flex: 1; | |
2021 -o-flex: 1; | |
2022 flex: 1; | |
2023 font-family: inherit; | |
2024 font-weight: 300; | |
2025 } | |
2026 | |
2027 @media only screen and (min-width: 580px) { | |
2028 /* line 206, ../sass/_navbar.scss */ | |
2029 #topnav { | |
2030 padding: 15px 0 0; | |
2031 } | |
2032 | |
2033 /* line 212, ../sass/_navbar.scss */ | |
2034 #fatnav .pillar.active { | |
2035 background: whitesmoke url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAY
AAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF///
//f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/v6enpzc3
N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39/fxsbG29vb0dHR3d3d4ODg4+Pj6urqyMj
I09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8/PzMzM1NTU1tbWhgtdWwA
AAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h829NC+rqIKNAK8hhGEQjmUyrm+ziVTs50O6jkA
6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm
4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+1XI/A7cwmmdM1nHLZwbl+kPPj9lunELq5LuRWy
5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAAB
JRU5ErkJggg==) no-repeat right 0; | |
2036 } | |
2037 /* line 216, ../sass/_navbar.scss */ | |
2038 #fatnav .pillar.active .toplevel::after { | |
2039 background-position: 0% -5px; | |
2040 } | |
2041 /* line 221, ../sass/_navbar.scss */ | |
2042 #fatnav .pillar.active .expandee { | |
2043 display: -webkit-box; | |
2044 display: -webkit-flex; | |
2045 display: -moz-flex; | |
2046 display: -ms-flex; | |
2047 display: -o-flex; | |
2048 display: flex; | |
2049 -webkit-box-orient: vertical; | |
2050 -webkit-flex-direction: row; | |
2051 -moz-flex-direction: row; | |
2052 -ms-flex-direction: row; | |
2053 -o-flex-direction: row; | |
2054 flex-direction: row; | |
2055 } | |
2056 /* line 229, ../sass/_navbar.scss */ | |
2057 #fatnav .pillar.active .expandee::after { | |
2058 position: absolute; | |
2059 background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%,
rgba(255, 255, 255, 0)), color-stop(25%, rgba(211, 211, 211, 0.5)), color-stop(5
0%, #d3d3d3), color-stop(75%, rgba(211, 211, 211, 0.5)), color-stop(100%, rgba(2
55, 255, 255, 0))); | |
2060 background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%,
rgba(211, 211, 211, 0.5) 25%, #d3d3d3 50%, rgba(211, 211, 211, 0.5) 75%, rgba(2
55, 255, 255, 0) 100%); | |
2061 background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rg
ba(211, 211, 211, 0.5) 25%, #d3d3d3 50%, rgba(211, 211, 211, 0.5) 75%, rgba(255,
255, 255, 0) 100%); | |
2062 background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba
(211, 211, 211, 0.5) 25%, #d3d3d3 50%, rgba(211, 211, 211, 0.5) 75%, rgba(255, 2
55, 255, 0) 100%); | |
2063 background-image: linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(21
1, 211, 211, 0.5) 25%, #d3d3d3 50%, rgba(211, 211, 211, 0.5) 75%, rgba(255, 255,
255, 0) 100%); | |
2064 right: 0; | |
2065 top: 0; | |
2066 content: ''; | |
2067 width: 1px !important; | |
2068 height: 100%; | |
2069 } | |
2070 /* line 241, ../sass/_navbar.scss */ | |
2071 #fatnav .pillar .expandee { | |
2072 min-height: 400px; | |
2073 font-size: 0.9em; | |
2074 box-shadow: 0 3px 4px rgba(0, 0, 0, 0.12); | |
2075 top: 64px; | |
2076 } | |
2077 /* line 247, ../sass/_navbar.scss */ | |
2078 #fatnav .pillar .expandee .submenu { | |
2079 padding: 0 20px; | |
2080 border-right: 1px solid #e8e8e8; | |
2081 } | |
2082 /* line 250, ../sass/_navbar.scss */ | |
2083 #fatnav .pillar .expandee .submenu:last-child { | |
2084 border: none; | |
2085 } | |
2086 | |
2087 /* line 258, ../sass/_navbar.scss */ | |
2088 #search { | |
2089 margin-right: -4px; | |
2090 } | |
2091 /* line 261, ../sass/_navbar.scss */ | |
2092 #search.active { | |
2093 background: whitesmoke url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAY
AAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF///
//f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/v6enpzc3
N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39/fxsbG29vb0dHR3d3d4ODg4+Pj6urqyMj
I09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8/PzMzM1NTU1tbWhgtdWwA
AAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h829NC+rqIKNAK8hhGEQjmUyrm+ziVTs50O6jkA
6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm
4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+1XI/A7cwmmdM1nHLZwbl+kPPj9lunELq5LuRWy
5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAAB
JRU5ErkJggg==) no-repeat right 0; | |
2094 } | |
2095 /* line 264, ../sass/_navbar.scss */ | |
2096 #search.active .expandee { | |
2097 display: block; | |
2098 top: 64px; | |
2099 } | |
2100 } | |
2101 @media only screen and (max-width: 580px) { | |
2102 /* line 275, ../sass/_navbar.scss */ | |
2103 #topnav { | |
2104 -webkit-box-orient: vertical; | |
2105 -webkit-flex-direction: column; | |
2106 -moz-flex-direction: column; | |
2107 -ms-flex-direction: column; | |
2108 -o-flex-direction: column; | |
2109 flex-direction: column; | |
2110 height: auto; | |
2111 } | |
2112 | |
2113 /* line 280, ../sass/_navbar.scss */ | |
2114 #fatnav { | |
2115 width: 100%; | |
2116 max-height: 0; | |
2117 overflow: hidden; | |
2118 background: whitesmoke; | |
2119 } | |
2120 /* line 287, ../sass/_navbar.scss */ | |
2121 #fatnav.active { | |
2122 max-height: 5000px; | |
2123 } | |
2124 /* line 291, ../sass/_navbar.scss */ | |
2125 #fatnav > ul { | |
2126 -webkit-box-flex: 1; | |
2127 -webkit-flex: 1; | |
2128 -moz-flex: 1; | |
2129 -ms-flex: 1; | |
2130 -o-flex: 1; | |
2131 flex: 1; | |
2132 -webkit-box-orient: vertical; | |
2133 -webkit-flex-direction: column; | |
2134 -moz-flex-direction: column; | |
2135 -ms-flex-direction: column; | |
2136 -o-flex-direction: column; | |
2137 flex-direction: column; | |
2138 } | |
2139 /* line 296, ../sass/_navbar.scss */ | |
2140 #fatnav .toplevel { | |
2141 width: 100%; | |
2142 height: 50px; | |
2143 -webkit-box-align: center; | |
2144 -webkit-align-items: center; | |
2145 -moz-align-items: center; | |
2146 -ms-align-items: center; | |
2147 -o-align-items: center; | |
2148 align-items: center; | |
2149 -webkit-box-pack: 1; | |
2150 -webkit-justify-content: center; | |
2151 -moz-justify-content: center; | |
2152 -ms-justify-content: center; | |
2153 -o-justify-content: center; | |
2154 justify-content: center; | |
2155 display: -webkit-inline-flex; | |
2156 display: -moz-inline-flex; | |
2157 display: -ms-inline-flex; | |
2158 display: -o-inline-flex; | |
2159 display: inline-flex; | |
2160 } | |
2161 /* line 304, ../sass/_navbar.scss */ | |
2162 #fatnav .pillar { | |
2163 -webkit-box-orient: vertical; | |
2164 -webkit-flex-direction: column; | |
2165 -moz-flex-direction: column; | |
2166 -ms-flex-direction: column; | |
2167 -o-flex-direction: column; | |
2168 flex-direction: column; | |
2169 padding: 0; | |
2170 border-bottom: 1px solid #dbdbdb; | |
2171 } | |
2172 /* line 311, ../sass/_navbar.scss */ | |
2173 #fatnav .pillar.active .expandee { | |
2174 display: initial; | |
2175 } | |
2176 /* line 318, ../sass/_navbar.scss */ | |
2177 #fatnav .expandee { | |
2178 position: relative; | |
2179 padding: 0; | |
2180 background-color: rgba(229, 229, 229, 0.7); | |
2181 } | |
2182 /* line 324, ../sass/_navbar.scss */ | |
2183 #fatnav .expandee li.submenu { | |
2184 padding: 10px 15px; | |
2185 } | |
2186 /* line 328, ../sass/_navbar.scss */ | |
2187 #fatnav .expandee li.submenu:not(:last-child) { | |
2188 border-color: #ccc; | |
2189 } | |
2190 /* line 332, ../sass/_navbar.scss */ | |
2191 #fatnav .expandee li.submenu > ul { | |
2192 background-color: inherit; | |
2193 } | |
2194 | |
2195 /* line 341, ../sass/_navbar.scss */ | |
2196 #logo { | |
2197 height: 50px; | |
2198 width: 90%; | |
2199 } | |
2200 /* line 345, ../sass/_navbar.scss */ | |
2201 #logo a { | |
2202 -webkit-box-flex: 1; | |
2203 -webkit-flex: 1; | |
2204 -moz-flex: 1; | |
2205 -ms-flex: 1; | |
2206 -o-flex: 1; | |
2207 flex: 1; | |
2208 } | |
2209 /* line 349, ../sass/_navbar.scss */ | |
2210 #logo .collase-icon { | |
2211 display: initial; | |
2212 } | |
2213 | |
2214 /* line 354, ../sass/_navbar.scss */ | |
2215 #search { | |
2216 display: -webkit-box; | |
2217 display: -webkit-flex; | |
2218 display: -moz-flex; | |
2219 display: -ms-flex; | |
2220 display: -o-flex; | |
2221 display: flex; | |
2222 -webkit-box-align: center; | |
2223 -webkit-align-items: center; | |
2224 -moz-align-items: center; | |
2225 -ms-align-items: center; | |
2226 -o-align-items: center; | |
2227 align-items: center; | |
2228 -webkit-box-ordinal-group: -1; | |
2229 -webkit-order: -1; | |
2230 -moz-order: -1; | |
2231 -ms-order: -1; | |
2232 -o-order: -1; | |
2233 order: -1; | |
2234 padding: 15px 15px 0 15px; | |
2235 } | |
2236 /* line 360, ../sass/_navbar.scss */ | |
2237 #search img { | |
2238 display: none; | |
2239 } | |
2240 /* line 364, ../sass/_navbar.scss */ | |
2241 #search .expandee { | |
2242 display: block; | |
2243 } | |
2244 } | |
2245 /* line 4, ../sass/_homepage.scss */ | |
2246 #gc-pagecontent .g-section h1, #gc-pagecontent .g-section h2, #gc-pagecontent .g
-section h3 { | |
2247 margin: 0; | |
2248 } | |
2249 | |
2250 /* line 11, ../sass/_homepage.scss */ | |
2251 #upcoming-events .screenshot, #featured .screenshot { | |
2252 margin-top: 0; | |
2253 } | |
2254 | |
2255 /* line 17, ../sass/_homepage.scss */ | |
2256 #upcoming-events article { | |
2257 border: 1px solid #dbdbdb; | |
2258 border-width: 0 0 1px 0; | |
2259 padding: 20px 0; | |
2260 } | |
2261 /* line 22, ../sass/_homepage.scss */ | |
2262 #upcoming-events article:first-child { | |
2263 padding-top: 0; | |
2264 } | |
2265 /* line 26, ../sass/_homepage.scss */ | |
2266 #upcoming-events article:last-child { | |
2267 padding-bottom: 0; | |
2268 border: none; | |
2269 } | |
2270 | |
2271 /* line 33, ../sass/_homepage.scss */ | |
2272 #site-sections { | |
2273 background-color: whitesmoke; | |
2274 padding: 20px; | |
2275 text-align: center; | |
2276 } | |
2277 /* line 39, ../sass/_homepage.scss */ | |
2278 #site-sections h2 { | |
2279 padding-top: 20px; | |
2280 } | |
2281 /* line 42, ../sass/_homepage.scss */ | |
2282 #site-sections h2::before { | |
2283 display: block; | |
2284 content: ''; | |
2285 background: url("../images/bucket-icons.svg") 12px 50% no-repeat; | |
2286 width: 100px; | |
2287 height: 65px; | |
2288 background-size: cover; | |
2289 margin: auto; | |
2290 margin-bottom: 20px; | |
2291 } | |
2292 /* line 53, ../sass/_homepage.scss */ | |
2293 #site-sections h2.multidevice::before { | |
2294 background-position: -91px 50%; | |
2295 } | |
2296 /* line 58, ../sass/_homepage.scss */ | |
2297 #site-sections h2.platform::before { | |
2298 background-position: -194px 50%; | |
2299 } | |
2300 | |
2301 /* line 65, ../sass/_homepage.scss */ | |
2302 #developer-news { | |
2303 margin-top: 4em; | |
2304 } | |
2305 /* line 68, ../sass/_homepage.scss */ | |
2306 #developer-news .g-content { | |
2307 margin-right: 20px; | |
2308 } | |
2309 /* line 72, ../sass/_homepage.scss */ | |
2310 #developer-news h1 { | |
2311 margin-bottom: 40px !important; | |
2312 } | |
2313 | |
2314 @media only screen and (min-width: 580px) { | |
2315 /* line 80, ../sass/_homepage.scss */ | |
2316 #featured { | |
2317 padding-right: 30px; | |
2318 padding-bottom: 10px; | |
2319 border: 1px solid #dbdbdb; | |
2320 border-width: 0 1px 0 0; | |
2321 } | |
2322 /* line 87, ../sass/_homepage.scss */ | |
2323 #featured img { | |
2324 margin-bottom: 20px; | |
2325 } | |
2326 } | |
2327 /* line 4, ../sass/_pillar.scss */ | |
2328 .pillar-content h1 { | |
2329 font-size: 42px; | |
2330 } | |
2331 /* line 7, ../sass/_pillar.scss */ | |
2332 .pillar-content > .g-section { | |
2333 padding: 3em 0; | |
2334 } | |
2335 /* line 10, ../sass/_pillar.scss */ | |
2336 .pillar-content > .g-section:not(:last-of-type) { | |
2337 border-bottom: 1px solid #dbdbdb; | |
2338 } | |
2339 /* line 13, ../sass/_pillar.scss */ | |
2340 .pillar-content > .g-section > h2 { | |
2341 font-size: 30px; | |
2342 margin-bottom: 1.5em !important; | |
2343 } | |
2344 /* line 19, ../sass/_pillar.scss */ | |
2345 .pillar-content .article-list article { | |
2346 position: relative; | |
2347 overflow: hidden; | |
2348 width: 100%; | |
2349 padding: 1.9em; | |
2350 background-color: whitesmoke; | |
2351 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), 0 0 3px rgba(0, 0, 0, 0.15); | |
2352 line-height: 1.5em; | |
2353 margin-bottom: 1.5em; | |
2354 } | |
2355 /* line 28, ../sass/_pillar.scss */ | |
2356 .pillar-content .article-list article.new::after { | |
2357 content: 'new'; | |
2358 background: #2e82c9; | |
2359 position: absolute; | |
2360 -webkit-transform: rotate(45deg); | |
2361 -moz-transform: rotate(45deg); | |
2362 -ms-transform: rotate(45deg); | |
2363 -o-transform: rotate(45deg); | |
2364 transform: rotate(45deg); | |
2365 top: -4px; | |
2366 right: -20px; | |
2367 color: white; | |
2368 font-size: 0.9em; | |
2369 width: 60px; | |
2370 text-align: center; | |
2371 padding-top: 8px; | |
2372 } | |
2373 /* line 41, ../sass/_pillar.scss */ | |
2374 .pillar-content .article-list article p { | |
2375 font-weight: 300; | |
2376 } | |
2377 /* line 49, ../sass/_pillar.scss */ | |
2378 .pillar-content #further-resources .g-content h2::before { | |
2379 display: inline-block; | |
2380 content: ''; | |
2381 background: url("../images/further-resources-icons.svg") 0 50% no-repeat; | |
2382 width: 50px; | |
2383 height: 43px; | |
2384 background-size: cover; | |
2385 margin: auto; | |
2386 margin-bottom: 5px; | |
2387 vertical-align: middle; | |
2388 } | |
2389 /* line 61, ../sass/_pillar.scss */ | |
2390 .pillar-content #further-resources .g-content h2.school::before { | |
2391 background-position: 0 50%; | |
2392 } | |
2393 /* line 66, ../sass/_pillar.scss */ | |
2394 .pillar-content #further-resources .g-content h2.chat::before { | |
2395 background-position: -54px 50%; | |
2396 } | |
2397 /* line 71, ../sass/_pillar.scss */ | |
2398 .pillar-content #further-resources .g-content h2.puzzle::before { | |
2399 background-position: -108px 50%; | |
2400 } | |
2401 @media only screen and (max-width: 580px) { | |
2402 /* line 80, ../sass/_pillar.scss */ | |
2403 .pillar-content > .g-section { | |
2404 padding: 2em 0; | |
2405 } | |
2406 } | |
2407 @media only screen and (min-width: 580px) { | |
2408 /* line 86, ../sass/_pillar.scss */ | |
2409 .pillar-content .article-list { | |
2410 display: -webkit-box; | |
2411 display: -webkit-flex; | |
2412 display: -moz-flex; | |
2413 display: -ms-flex; | |
2414 display: -o-flex; | |
2415 display: flex; | |
2416 -webkit-flex-wrap: wrap; | |
2417 -moz-flex-wrap: wrap; | |
2418 -ms-flex-wrap: wrap; | |
2419 -o-flex-wrap: wrap; | |
2420 flex-wrap: wrap; | |
2421 -webkit-box-pack: 1; | |
2422 -webkit-justify-content: space-between; | |
2423 -moz-justify-content: space-between; | |
2424 -ms-justify-content: space-between; | |
2425 -o-justify-content: space-between; | |
2426 justify-content: space-between; | |
2427 -webkit-box-align: stretch; | |
2428 -webkit-align-items: stretch; | |
2429 -moz-align-items: stretch; | |
2430 -ms-align-items: stretch; | |
2431 -o-align-items: stretch; | |
2432 align-items: stretch; | |
2433 } | |
2434 /* line 91, ../sass/_pillar.scss */ | |
2435 .pillar-content .article-list article { | |
2436 -webkit-box-flex: auto; | |
2437 -webkit-flex: auto; | |
2438 -moz-flex: auto; | |
2439 -ms-flex: auto; | |
2440 -o-flex: auto; | |
2441 flex: auto; | |
2442 margin-right: 1.5em; | |
2443 width: 45%; | |
2444 } | |
2445 /* line 96, ../sass/_pillar.scss */ | |
2446 .pillar-content .article-list article:nth-child(2n), .pillar-content .article-
list article:last-of-type { | |
2447 margin-right: 0; | |
2448 } | |
2449 } | |
2450 @media only screen and (min-width: 990px) { | |
2451 /* line 105, ../sass/_pillar.scss */ | |
2452 .pillar-content .article-list article { | |
2453 width: 30%; | |
2454 } | |
2455 /* line 107, ../sass/_pillar.scss */ | |
2456 .pillar-content .article-list article:nth-child(2n) { | |
2457 margin-right: 1.5em; | |
2458 } | |
2459 /* line 111, ../sass/_pillar.scss */ | |
2460 .pillar-content .article-list article:nth-child(3n), .pillar-content .article-
list article:last-of-type { | |
2461 margin-right: 0; | |
2462 } | |
2463 } | |
2464 | |
2465 @supports not (flex-wrap: wrap) { | |
2466 /* line 123, ../sass/_pillar.scss */ | |
2467 .pillar-content .article-list { | |
2468 display: block; | |
2469 } | |
2470 @media only screen and (min-width: 580px) { | |
2471 /* line 125, ../sass/_pillar.scss */ | |
2472 .pillar-content .article-list article { | |
2473 flex: none; | |
2474 float: left; | |
2475 width: 48%; | |
2476 } | |
2477 } | |
2478 @media only screen and (min-width: 990px) { | |
2479 /* line 125, ../sass/_pillar.scss */ | |
2480 .pillar-content .article-list article { | |
2481 width: 31.8058%; | |
2482 } | |
2483 } | |
2484 } | |
2485 /* line 140, ../sass/_pillar.scss */ | |
2486 .load-more-articles { | |
2487 overflow: hidden; | |
2488 *zoom: 1; | |
2489 margin: 2em auto 0.3em; | |
2490 text-align: center; | |
2491 width: 100%; | |
2492 } | |
2493 /* line 146, ../sass/_pillar.scss */ | |
2494 .load-more-articles a, | |
2495 .load-more-articles a:hover { | |
2496 color: black; | |
2497 transition: opacity 0.3s ease 0s; | |
2498 } | |
2499 | |
2500 /* line 151, ../sass/_pillar.scss */ | |
2501 .nav-arrow { | |
2502 background-size: 48px 48px; | |
2503 background: top center no-repeat; | |
2504 display: inline-block; | |
2505 opacity: 0.5; | |
2506 transition: opacity 0.3s ease 0s; | |
2507 padding-top: 50px; | |
2508 } | |
2509 | |
2510 /* line 159, ../sass/_pillar.scss */ | |
2511 .nav-arrow:hover { | |
2512 opacity: 1; | |
2513 } | |
2514 | |
2515 /* line 162, ../sass/_pillar.scss */ | |
2516 .down-arrow { | |
2517 background-image: url("../images/down-arrow.png"); | |
2518 } | |
2519 | |
2520 /* line 5, ../sass/_article.scss */ | |
2521 .inline-toc { | |
2522 line-height: 1.3em; | |
2523 } | |
2524 /* line 10, ../sass/_article.scss */ | |
2525 .inline-toc a, | |
2526 .inline-toc a:link, | |
2527 .inline-toc a:visited { | |
2528 color: #aaaaaa; | |
2529 font-weight: normal; | |
2530 } | |
2531 /* line 15, ../sass/_article.scss */ | |
2532 .inline-toc a:hover, .inline-toc a:focus, | |
2533 .inline-toc a:link:hover, | |
2534 .inline-toc a:link:focus, | |
2535 .inline-toc a:visited:hover, | |
2536 .inline-toc a:visited:focus { | |
2537 color: black; | |
2538 } | |
2539 /* line 21, ../sass/_article.scss */ | |
2540 .inline-toc li li a, | |
2541 .inline-toc li li a:link, | |
2542 .inline-toc li li a:visited { | |
2543 color: #aaaaaa; | |
2544 } | |
2545 /* line 25, ../sass/_article.scss */ | |
2546 .inline-toc li li a:hover, .inline-toc li li a:focus, | |
2547 .inline-toc li li a:link:hover, | |
2548 .inline-toc li li a:link:focus, | |
2549 .inline-toc li li a:visited:hover, | |
2550 .inline-toc li li a:visited:focus { | |
2551 color: black; | |
2552 } | |
2553 /* line 30, ../sass/_article.scss */ | |
2554 .inline-toc a { | |
2555 display: -webkit-box; | |
2556 display: -webkit-flex; | |
2557 display: -moz-flex; | |
2558 display: -ms-flex; | |
2559 display: -o-flex; | |
2560 display: flex; | |
2561 padding: 0.5em 0; | |
2562 } | |
2563 /* line 35, ../sass/_article.scss */ | |
2564 .inline-toc .related { | |
2565 display: block; | |
2566 } | |
2567 /* line 39, ../sass/_article.scss */ | |
2568 .inline-toc .related li a.active { | |
2569 color: black; | |
2570 } | |
2571 /* line 45, ../sass/_article.scss */ | |
2572 .inline-toc #toc { | |
2573 display: none; | |
2574 } | |
2575 /* line 49, ../sass/_article.scss */ | |
2576 .inline-toc #toc .toplevel > a { | |
2577 font-weight: bold; | |
2578 color: black; | |
2579 } | |
2580 /* line 53, ../sass/_article.scss */ | |
2581 .inline-toc #toc .toplevel > a::after { | |
2582 content: '+'; | |
2583 -webkit-box-flex: 1; | |
2584 -webkit-flex: 1; | |
2585 -moz-flex: 1; | |
2586 -ms-flex: 1; | |
2587 -o-flex: 1; | |
2588 flex: 1; | |
2589 text-align: right; | |
2590 } | |
2591 /* line 64, ../sass/_article.scss */ | |
2592 .inline-toc #toc .toplevel.active .toc { | |
2593 display: block; | |
2594 } | |
2595 /* line 68, ../sass/_article.scss */ | |
2596 .inline-toc #toc .toplevel.active > a::after { | |
2597 content: '-'; | |
2598 } | |
2599 /* line 76, ../sass/_article.scss */ | |
2600 .inline-toc .toc { | |
2601 margin: 0; | |
2602 padding: 0; | |
2603 border-top: 1px solid #dbdbdb; | |
2604 } | |
2605 /* line 81, ../sass/_article.scss */ | |
2606 .inline-toc .toc .toc { | |
2607 display: none; | |
2608 } | |
2609 /* line 85, ../sass/_article.scss */ | |
2610 .inline-toc .toc .toc li { | |
2611 padding-left: 1em; | |
2612 border-bottom: 1px solid #dbdbdb; | |
2613 } | |
2614 | |
2615 /* line 93, ../sass/_article.scss */ | |
2616 #cc-info { | |
2617 display: -webkit-box; | |
2618 display: -webkit-flex; | |
2619 display: -moz-flex; | |
2620 display: -ms-flex; | |
2621 display: -o-flex; | |
2622 display: flex; | |
2623 -webkit-box-align: center; | |
2624 -webkit-align-items: center; | |
2625 -moz-align-items: center; | |
2626 -ms-align-items: center; | |
2627 -o-align-items: center; | |
2628 align-items: center; | |
2629 font-style: italic; | |
2630 font-size: 0.8em; | |
2631 color: #848484; | |
2632 } | |
2633 /* line 100, ../sass/_article.scss */ | |
2634 #cc-info .cc-license img { | |
2635 width: 90px; | |
2636 height: 32px; | |
2637 } | |
2638 /* line 104, ../sass/_article.scss */ | |
2639 #cc-info .last-updated { | |
2640 -webkit-box-flex: 1; | |
2641 -webkit-flex: 1; | |
2642 -moz-flex: 1; | |
2643 -ms-flex: 1; | |
2644 -o-flex: 1; | |
2645 flex: 1; | |
2646 } | |
2647 | |
2648 @media only screen and (min-width: 580px) { | |
2649 /* line 111, ../sass/_article.scss */ | |
2650 .inline-toc { | |
2651 position: absolute; | |
2652 top: 0; | |
2653 left: 50%; | |
2654 margin-left: 195px; | |
2655 width: 240px; | |
2656 overflow: auto; | |
2657 overflow-x: hidden; | |
2658 } | |
2659 /* line 121, ../sass/_article.scss */ | |
2660 .inline-toc.sticky { | |
2661 position: fixed; | |
2662 } | |
2663 /* line 125, ../sass/_article.scss */ | |
2664 .inline-toc #toc { | |
2665 display: block; | |
2666 } | |
2667 | |
2668 /* line 129, ../sass/_article.scss */ | |
2669 .article-content { | |
2670 width: 70%; | |
2671 padding-right: 5%; | |
2672 border-right: 1px solid whitesmoke; | |
2673 } | |
2674 | |
2675 /* line 134, ../sass/_article.scss */ | |
2676 .cc-license { | |
2677 margin: 0 0 0 auto; | |
2678 } | |
2679 } | |
2680 @media only screen and (min-width: 581px) and (max-width: 990px) { | |
2681 /* line 141, ../sass/_article.scss */ | |
2682 .inline-toc { | |
2683 width: 200px; | |
2684 margin-left: 165px; | |
2685 } | |
2686 } | |
2687 @media only screen and (max-width: 580px) { | |
2688 /* line 150, ../sass/_article.scss */ | |
2689 .article-content [itemprop="articleBody"] > .collapsible { | |
2690 height: 58px; | |
2691 overflow: hidden; | |
2692 } | |
2693 /* line 154, ../sass/_article.scss */ | |
2694 .article-content [itemprop="articleBody"] > .collapsible.active { | |
2695 height: auto; | |
2696 } | |
2697 /* line 156, ../sass/_article.scss */ | |
2698 .article-content [itemprop="articleBody"] > .collapsible.active h2::before { | |
2699 content: '-'; | |
2700 } | |
2701 /* line 161, ../sass/_article.scss */ | |
2702 .article-content [itemprop="articleBody"] > .collapsible h2 { | |
2703 position: relative; | |
2704 margin: 0; | |
2705 padding: 15px 15px 15px 0; | |
2706 border-top: 1px solid #dbdbdb; | |
2707 white-space: nowrap; | |
2708 overflow: hidden; | |
2709 text-overflow: ellipsis; | |
2710 } | |
2711 /* line 170, ../sass/_article.scss */ | |
2712 .article-content [itemprop="articleBody"] > .collapsible h2::before { | |
2713 position: absolute; | |
2714 right: 0; | |
2715 content: '+'; | |
2716 } | |
2717 /* line 177, ../sass/_article.scss */ | |
2718 .article-content [itemprop="articleBody"] .related { | |
2719 margin: 20px 0; | |
2720 } | |
2721 } | |
OLD | NEW |