Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(431)

Side by Side Diff: chrome/common/extensions/docs/static/css/site.css

Issue 113963003: added scss files (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: moved site.css to out subdirectory Created 6 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « chrome/common/extensions/docs/static/css/out/site.css ('k') | chrome/common/extensions/docs/static/sass/_article.scss » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698