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

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

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

Powered by Google App Engine
This is Rietveld 408576698