chrome/common/extensions/docs/static/css/out/site.css - Issue 291663002: Adjustments to the fatnav and sidenav, and other CSS updates

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

Issue 291663002: Adjustments to the fatnav and sidenav, and other CSS updates (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: Refactor so tocOffsetTop is not global Created 6 years, 6 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

OLD	NEW
1 /*! Copyright 2014 The Chromium Authors. All rights reserved.	1 /*! Copyright 2014 The Chromium Authors. All rights reserved.

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:-webkit-linear-gradient(transpa rent 7px, #cc1f1f 7px, #cc1f1f 9px, transparent 9px);background-image:-moz-linea r-gradient(transparent 7px, #cc1f1f 7px, #cc1f1f 9px, transparent 9px);backgroun d-image:-ms-linear-gradient(transparent 7px, #cc1f1f 7px, #cc1f1f 9px, transpare nt 9px);background-image:-o-linear-gradient(transparent 7px, #cc1f1f 7px, #cc1f1 f 9px, transparent 9px);background-image:linear-gradient(transparent 7px,#cc1f1f 7px,#cc1f1f 9px,transparent 9px)}pre[data-filename]::after{visibility:hidden}pr e[data-filename]:hover::after{visibility:visible}.element-invisible{position:abs olute !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-tr ansform:uppercase;margin-bottom:5px;font-size:11.2px;font-weight:bold}.published {font-size:11.2px;font-style:italic;color:#bebebe;line-height:16.8px}.descriptio n{margin:20px 0}.description:last-child{margin-bottom:0}.span-full{background:#f 5f5f5;position:relative;padding:3em 0}.span-full::before,.span-full::after{conte nt:'';height:100%;width:100%;top:0;position:absolute;background:#f5f5f5;z-index: -1}.span-full::before{left:-100%}.span-full::after{left:100%}.button{background: #0370ea;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0 %, #008dfd), color-stop(100%, #0370ea));background-image:-webkit-linear-gradient (top, #008dfd 0%,#0370ea 100%);background-image:-moz-linear-gradient(top, #008df d 0%,#0370ea 100%);background-image:-o-linear-gradient(top, #008dfd 0%,#0370ea 1 00%);background-image:linear-gradient(top, #008dfd 0%,#0370ea 100%);border:1px s olid #076bd2;border-radius:3px;color:#fff !important;display:inline-block;font-s ize: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:hover{backgr ound-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(30%, #008dfd), color-stop(100%, #0370ea));background-image:-webkit-linear-gradient(top, #008dfd 30%,#0370ea 100%);background-image:-moz-linear-gradient(top, #008dfd 30%,#0370e a 100%);background-image:-o-linear-gradient(top, #008dfd 30%,#0370ea 100%);backg round-image:linear-gradient(top, #008dfd 30%,#0370ea 100%);cursor:pointer}.butto n a{color:inherit !important}.button-alt{background:#eee;background-image:-webki t-gradient(linear, 50% 100%, 50% 0%, color-stop(46%, #dcdcdc), color-stop(87%, # fafafa));background-image:-webkit-linear-gradient(bottom, #dcdcdc 46%,#fafafa 87 %);background-image:-moz-linear-gradient(bottom, #dcdcdc 46%,#fafafa 87%);backgr ound-image:-o-linear-gradient(bottom, #dcdcdc 46%,#fafafa 87%);background-image: linear-gradient(bottom, #dcdcdc 46%,#fafafa 87%);border:1px solid #d6d6d6;border -radius:3px;color:#333 !important;display:inline-block;font-size:12px;font-weigh t:700;line-height:24px;padding:0 15px;text-align:center;text-decoration:none !im portant;text-shadow:none}.button-alt:hover{background-image:-webkit-gradient(lin ear, 50% 100%, 50% 0%, color-stop(20%, #dcdcdc), color-stop(87%, #fafafa));backg round-image:-webkit-linear-gradient(bottom, #dcdcdc 20%,#fafafa 87%);background- image:-moz-linear-gradient(bottom, #dcdcdc 20%,#fafafa 87%);background-image:-o- linear-gradient(bottom, #dcdcdc 20%,#fafafa 87%);background-image:linear-gradien t(bottom, #dcdcdc 20%,#fafafa 87%);cursor:pointer}.google-button{background-colo r:#f5f5f5;border-radius:2px 0 0 0;border:1px solid rgba(0,0,0,0.1);padding:5px 1 2px;text-align:center;white-space:nowrap}.google-button:hover{border-color:#c6c6 c6;-webkit-box-shadow:0 -1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 -1px 1px rgba (0,0,0,0.1);box-shadow:0 -1px 1px rgba(0,0,0,0.1)}.google-button:active{backgrou nd-color:#f1f1f1;-webkit-box-shadow:inset 0 0px 2px rgba(0,0,0,0.2);-moz-box-sha dow:inset 0 0px 2px rgba(0,0,0,0.2);box-shadow:inset 0 0px 2px rgba(0,0,0,0.2)}. screenshot,.screenshot img{margin:1em 0}p.note,p.caution,p.warning,div.note,div. caution,div.warning,aside.note,aside.caution,aside.warning{background-color:#f5f 5f5;border-bottom:1px solid;border-top:1px solid;overflow:hidden;width:85%;margi n:auto;padding:1em}p.note,div.note,aside.note{border-color:#36C}p.caution,div.ca ution,aside.caution{border-color:#FC3}p.warning,div.warning,aside.warning{border -color:#A03}p.warning em,p.warning strong,div.warning em,div.warning strong,asid e.warning em,aside.warning strong{color:#A03}.permalink{display:none;margin-left :5px}.has-permalink:hover .permalink{display:initial}.no-permalink .permalink{di splay: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;displa y:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-pack:1;-we bkit-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-align: center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center ;-o-align-items:center;align-items:center}#social-buttons>{margin-left:10px}#so cial-buttons img{margin:-4px 0 0 1px}@media only screen and (max-width: 580px){. more-section .g-last .g-content{padding-bottom:0;border:none}.more-section .g-co ntent{border:1px solid #dbdbdb;border-width:0 0 1px 0;padding-bottom:20px;margin -bottom:20px}#gc-footer .links a{display:inline-block}}#scroll-to-top,#send-feed back{border-bottom:none;bottom:0;position:fixed;z-index:5}#scroll-to-top{border- left:0;left:0}#send-feedback{border-right:0;right:0}html{font-family:"Open Sans" ,Arial,"Lucida Grande",sans-serif;color:#777}body{font-size:13px;color:#777}h1,h 2,h3,h4,h5,h6{font-family:"Open Sans",Arial,"Lucida Grande",sans-serif;font-weig ht:600;color:#000}h1,h2{font-weight:300}h1{font-size:2.625em;line-height:1.14286 em}h1+h1{margin-top:0em}h2{font-size:1.875em;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.53333em;line-height:1.12em}h4{font-size:1.1 em;line-height:1.36364em;margin-top:0em;margin-bottom:0em}h5{font-size:1em;line- height:1.5em;margin-top:0em;margin-bottom:0em}h6{font-size:1em;line-height:1.5em ;margin-top:0em;margin-bottom:0em}p{margin:1.5em 0}p.noindent,p.caption p{text-i ndent:0}p.caption{text-align:left}.lightbox p.caption{color:#fff}a,a:link,a:visi ted{color:#39c;font-weight:bold;text-decoration:none;word-wrap:break-word;transi tion:opacity 0.3s ease 0s}a:hover,a:focus,a:link:hover,a:link:focus,a:visited:ho ver,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:#99 9;font-weight:normal;font-weight:600;text-decoration:none;word-wrap:break-word}f ooter[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[role="contentinfo"] a:visited:focus{color :#39f}em{padding-right:2px}img{vertical-align:middle}figcaption{font-family:"Ope n Sans",Arial,"Lucida Grande",sans-serif;color:#aaa}blockquote{margin:0.75em 0.8 em}cite{margin:0.75em 0.8em;color:#c3c3c3;font-style:normal}canvas{background:#f ff;margin:1.5em 0}.code,code,pre{color:#080;font-family:"Source Code Pro",sans-s erif}a>code{color:#39c}pre{margin:2em 0;word-wrap:break-word;position:relative}p re[data-filename]::after{content:attr(data-filename);background-color:#aaa;color :#fff;padding:2px 12px;position:absolute;right:0;top:0}pre a{text-decoration:und erline}.static-code-container{line-height:1em;clear:both}code,kbd,samp{margin:1. 5em 0;line-height:1em}dl,menu,ol,ul,.item-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 #d bdbdb;padding-bottom:-1px;margin:1.5em 0}.capitalize{text-transform:uppercase}[d ata-list-item]{display:list-item}.uncapitalize::first-letter{text-transform:lowe rcase}.capitalize::first-letter{text-transform:uppercase}.kbd{background-color:# f7f7f7;border:1px solid #ccc;color:#333;font-size:11px;line-height:1.4;text-shad ow:0 1px 0 #fff;font-family:Arial,Helvetica,sans-serif;display:inline-block;padd ing:0.1em 0.6em;margin:0 0.1em;white-space:nowrap;-webkit-box-shadow:0 1px 0px r gba(0,0,0,0.2),0 0 0 2px #fff inset;-moz-box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset;-we bkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#topnav{display: -webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-f lex;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;hei ght:64px;position:relative}#logo{display:-webkit-box;display:-webkit-flex;displa y:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:cent er;-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-fl ex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-align-i tems:center;-ms-align-items:center;-o-align-items:center;align-items:center;colo r:#828282;font-size:2em;font-weight:400;letter-spacing:-1px}#logo a img{margin-b ottom:-4px;height:40px;width:123px}#logo .collase-icon{display:none;background:u rl("../../images/burger-icon.png") 50% 100% no-repeat;background-size:cover;widt h:20px;height:20px}#logo .collase-icon.active{background-position:50% 0}#fatnav{ height:100%;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-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-c ontent: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}#fatnav li{list-style:none }#fatnav>ul{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:- ms-flex;display:-o-flex;display:flex;padding:0;margin:0}#fatnav .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;base64,iVBORw0KGgoAAAAN SUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAA APJJREFUeNpiyc/Pn8XAwDATiM8yEAaMQBwBxHxMQMIdiE8D8Vog1sGjyQGqbhkQK4A0PoKaFATEF4F4 MRCrImnQBuJtQLwfiI2hYk9AGl2AuB2I/wAxiB8DxNeAeA4QzwXiS0DsCdXwHIj9gHgqSOFPIK4CYksg vgJVwALEyUCcBDWMAeoSkO2bGZAEQeAM1CmtUNth4BkQ+wJxHBC/hwkyoQXALyCuAWILIL4MxIugAbYF I3iNZ54BR4fNtcXo0QEy9B+ywBGtWMzoAAquBWLk6EDXhBIdLNDokINGRwBQAUiiCYhvI0VHN1LIjpjo AAgwAMoSTlKlzAY4AAAAAElFTkSuQmCC) no-repeat;background-size:9px;display:inline-b lock;height:5px;width:14px;margin-left:10px;margin-bottom:2px}#fatnav .pillar{di splay:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;displa y:-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:cent er;padding:0 20px;cursor:pointer;z-index:1002}#fatnav .expandee{display:none;pos ition:absolute;z-index:1001;left:0;width:100%;-webkit-box-sizing:border-box;-moz -box-sizing:border-box;box-sizing:border-box;background-color:#f5f5f5;padding:20 px 0;cursor:initial;margin:0}#fatnav .expandee a{font-weight:600;padding:0.5em 0 ;display:block;color:#828282}#fatnav .expandee a:hover{background-image:-webkit- linear-gradient(205deg, rgba(229,229,229,0.7) 0%,rgba(233,233,233,0.7) 20%,rgba( 244,244,244,0.7) 100%);background-image:-moz-linear-gradient(205deg, rgba(229,22 9,229,0.7) 0%,rgba(233,233,233,0.7) 20%,rgba(244,244,244,0.7) 100%);background-i mage:-o-linear-gradient(205deg, rgba(229,229,229,0.7) 0%,rgba(233,233,233,0.7) 2 0%,rgba(244,244,244,0.7) 100%);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{white-space:nowrap}#fatnav .expandee li.submenu{color:#333;font-size :1.1em;font-weight:bold;cursor:pointer;-webkit-box-flex:1;-webkit-flex:1;-moz-fl ex:1;-ms-flex:1;-o-flex:1;flex:1}#fatnav .expandee li.submenu.active{background- image:-webkit-linear-gradient(205deg, rgba(229,229,229,0.7) 0%,rgba(233,233,233, 0.7) 20%,rgba(244,244,244,0.7) 100%);background-image:-moz-linear-gradient(205de g, rgba(229,229,229,0.7) 0%,rgba(233,233,233,0.7) 20%,rgba(244,244,244,0.7) 100% );background-image:-o-linear-gradient(205deg, rgba(229,229,229,0.7) 0%,rgba(233, 233,233,0.7) 20%,rgba(244,244,244,0.7) 100%);background-image:linear-gradient(20 5deg, rgba(229,229,229,0.7) 0%,rgba(233,233,233,0.7) 20%,rgba(244,244,244,0.7) 1 00%)}#fatnav .expandee li.submenu>ul{font-size:0.8em;padding:15px 0 0 0;margin:0 }#fatnav .expandee li.submenu .category{border-bottom:1px solid #e8e8e8}#fatnav .expandee li.submenu .category:last-child{border:none}#fatnav .expandee li.subme nu .category a{overflow:hidden;text-overflow:ellipsis}#fatnav .expandee li.subme nu .category>ul{display:none}#fatnav .expandee li.submenu .category ul{padding:0 }#search{display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline -flex;display:-o-inline-flex;display:inline-flex;-webkit-align-self:stretch;-moz -align-self:stretch;-ms-align-self:stretch;-o-align-self:stretch;align-self:stre tch;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center; -ms-align-items:center;-o-align-items:center;align-items:center;width:auto;paddi ng:0 20px;cursor:pointer}#search img{height:16px;width:16px;-webkit-user-select: none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select: none}#search .expandee{padding: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-siz e:20px;background-color:white;border:1px solid #dbdbdb;padding:10px 10px 10px 40 px;font-size:1.4em;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-f lex:1;flex:1;font-family:inherit;font-weight:300}@media only screen and (min-wid th: 580px){#topnav{padding:15px 0 0}#fatnav .pillar.active{background:#f5f5f5 ur l(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI+VrBAAAAGXRFWHRT b2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF/////f39/v7+/Pz8+/v7+fn56+vr+vr6 9PT09vb28/Pz9fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc 5OTk7e3t4uLi2dnZ39/fxsbG29vb0dHR3d3d4ODg4+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH 5ubmzs7O3t7exMTE4eHh2tray8vLz8/PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQk Mx3tuLe7jP//h829NC+rqIKNAK8hhGEQjmUyrm+ziVTs50O6jkA6b+J3gSCqpWfiGZxL1yKyhbIQEDQL xj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm4zAdF/Ow5gvTEEaR/W49Ov2eSIvju W+Y4tdTCXHML+1XI/A7cwmmdM1nHLZwbl+kPPj9lunELq5LuRWy5hUFyC+uKI+hazabgCJpYcws5gsXS 5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAABJRU5ErkJggg==) no-repeat righ t 0}#fatnav .pillar.active .toplevel::after{background-position:0% -5px}#fatnav .pillar.active .expandee{display:-webkit-box;display:-webkit-flex;display:-moz-f lex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-w ebkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex- direction:row;flex-direction:row}#fatnav .pillar.active .expandee::after{positio n:absolute;background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-sto p(0%, rgba(255,255,255,0)), color-stop(25%, rgba(211,211,211,0.5)), color-stop(5 0%, #d3d3d3), color-stop(75%, rgba(211,211,211,0.5)), color-stop(100%, rgba(255, 255,255,0)));background-image:-webkit-linear-gradient(bottom, rgba(255,255,255,0 ) 0%,rgba(211,211,211,0.5) 25%,#d3d3d3 50%,rgba(211,211,211,0.5) 75%,rgba(255,25 5,255,0) 100%);background-image:-moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(211,211,211,0.5) 25%,#d3d3d3 50%,rgba(211,211,211,0.5) 75%,rgba(255,255 ,255,0) 100%);background-image:-o-linear-gradient(bottom, rgba(255,255,255,0) 0% ,rgba(211,211,211,0.5) 25%,#d3d3d3 50%,rgba(211,211,211,0.5) 75%,rgba(255,255,25 5,0) 100%);background-image:linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba( 211,211,211,0.5) 25%,#d3d3d3 50%,rgba(211,211,211,0.5) 75%,rgba(255,255,255,0) 1 00%);right:0;top:0;content:'';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 soli d #e8e8e8}#fatnav .pillar .expandee .submenu:last-child{border:none}#search{marg in-right:-4px}#search.active{background:#f5f5f5 url(data:image/png;base64,iVBORw 0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW R5ccllPAAAALFQTFRF/////f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9fX1xcXF9/f3+Pj45+ fn8PDwycnJ7+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39/fxsbG29vb0d HR3d3d4ODg4+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8 /PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h829NC+rqIKNAK8hhG EQjmUyrm+ziVTs50O6jkA6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIb YFdulHaBuI7t3SIY5Nbhm4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+1XI/A7cwmmdM1nHLZ wbl+kPPj9lunELq5LuRWy5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb 8AAwBmihB0TS21nQAAAABJRU5ErkJggg==) no-repeat right 0}#search.active .expandee{d isplay:block;top:64px}}@media only screen and (max-width: 580px){#topnav{-webkit -box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-m s-flex-direction:column;-o-flex-direction:column;flex-direction:column;height:au to}#fatnav{width:100%;max-height:0;overflow:hidden;background:#f5f5f5}#fatnav.ac tive{max-height:5000px}#fatnav>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:c olumn;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:col umn;flex-direction:column}#fatnav .toplevel{width:100%;height:50px;-webkit-box-a lign:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:c enter;-o-align-items:center;align-items:center;-webkit-box-pack:1;-webkit-justif y-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justi fy-content:center;justify-content:center;display:-webkit-inline-flex;display:-mo z-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-di rection:column;padding:0;border-bottom:1px solid #dbdbdb}#fatnav .pillar.active .expandee{display:initial}#fatnav .expandee{position:relative;padding:0;backgrou nd-color:rgba(229,229,229,0.7)}#fatnav .expandee li.submenu{padding:10px 15px}#f atnav .expandee li.submenu:not(:last-child){border-color:#ccc}#fatnav .expandee li.submenu>ul{background-color:inherit}#logo{height:50px;width:90%}#logo a{-webk it-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#logo .coll ase-icon{display:initial}#search{display:-webkit-box;display:-webkit-flex;displa y:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:cent er;-webkit-align-items:center;-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-order:-1;-o-order:-1;order:-1;padding:15px 15px 0 15px}#se arch img{display:none}#search .expandee{display:block}}#gc-pagecontent .g-sectio n h1,#gc-pagecontent .g-section h2,#gc-pagecontent .g-section h3{margin:0}#upcom ing-events .screenshot,#featured .screenshot{margin-top:0}#upcoming-events artic le{border:1px solid #dbdbdb;border-width:0 0 1px 0;padding:20px 0}#upcoming-even ts article:first-child{padding-top:0}#upcoming-events article:last-child{padding -bottom:0;border:none}#site-sections{background-color:#f5f5f5;padding:20px;text- align:center}#site-sections h2{padding-top:20px}#site-sections h2::before{displa y:block;content:'';background:url("../../images/bucket-icons.png") 12px 50% no-r epeat;width:100px;height:65px;background-size:cover;margin:auto;margin-bottom:20 px}#site-sections h2.multidevice::before{background-position:-91px 50%}#site-sec tions h2.platform::before{background-position:-194px 50%}#developer-news{margin- top:4em}#developer-news .g-content{margin-right:20px}#developer-news h1{margin-b ottom:40px !important}@media only screen and (min-width: 580px){#featured{paddin g-right:30px;padding-bottom:10px;border:1px solid #dbdbdb;border-width:0 1px 0 0 }#featured img{margin-bottom:20px}}.pillar-content h1{font-size:42px}.pillar-con tent>.g-section{padding:3em 0}.pillar-content>.g-section:not(:last-of-type){bord er-bottom:1px solid #dbdbdb}.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 2 px 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 .article-list article.new::after{content:'new';background :#2e82c9;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate (45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate( 45deg);top:-4px;right:-20px;color:white;font-size:0.9em;width:60px;text-align:ce nter;padding-top:8px}.pillar-content .article-list article p{font-weight:300}.pi llar-content #further-resources .g-content h2::before{display:inline-block;conte nt:'';background:url("../../images/further-resources-icons.svg") 0 50% no-repeat ;width:50px;height:43px;background-size:cover;margin:auto;margin-bottom:5px;vert ical-align:middle}.pillar-content #further-resources .g-content h2.school::befor e{background-position:0 50%}.pillar-content #further-resources .g-content h2.cha t::before{background-position:-54px 50%}.pillar-content #further-resources .g-co ntent h2.puzzle::before{background-position:-108px 50%}@media only screen and (m ax-width: 580px){.pillar-content>.g-section{padding:2em 0}}@media only screen an d (min-width: 580px){.pillar-content .article-list{display:-webkit-box;display:- webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-web kit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex -wrap:wrap;-webkit-box-pack:1;-webkit-justify-content:space-between;-moz-justify -content:space-between;-ms-justify-content:space-between;-o-justify-content:spac e-between;justify-content:space-between;-webkit-box-align:stretch;-webkit-align- items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:st retch;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;marg in-right:1.5em;width:45%}.pillar-content .article-list article:nth-child(2n),.pi llar-content .article-list article:last-of-type{margin-right:0}}@media only scre en and (min-width: 990px){.pillar-content .article-list article{width:30%}.pilla r-content .article-list article:nth-child(2n){margin-right:1.5em}.pillar-content .article-list article:nth-child(3n),.pillar-content .article-list article:last- of-type{margin-right:0}}@supports not (flex-wrap: wrap){.pillar-content .article -list{display:block}@media only screen and (min-width: 580px){.pillar-content .a rticle-list article{flex:none;float:left;width:48%}}@media only screen and (min- width: 990px){.pillar-content .article-list article{width:31.8058%}}}.load-more- articles{overflow:hidden;*zoom:1;margin:2em auto 0.3em;text-align:center;width:1 00%}.load-more-articles a,.load-more-articles a:hover{color:#000;transition:opac ity 0.3s ease 0s}.nav-arrow{background-size:48px 48px;background:top center no-r epeat;display:inline-block;opacity:0.5;transition:opacity 0.3s ease 0s;padding-t op:50px}.nav-arrow:hover{opacity:1}.down-arrow{background-image:url("../../image s/down-arrow.png")}.inline-toc{line-height:1.3em}.inline-toc a,.inline-toc a:lin k,.inline-toc a:visited{color:#aaa;font-weight:normal}.inline-toc a:hover,.inlin e-toc a:focus,.inline-toc a:link:hover,.inline-toc a:link:focus,.inline-toc a:vi sited:hover,.inline-toc a:visited:focus{color:#000}.inline-toc li li a,.inline-t oc li li a:link,.inline-toc li li a:visited{color:#aaa}.inline-toc li li a:hover ,.inline-toc li li a:focus,.inline-toc li li a:link:hover,.inline-toc li li a:li nk:focus,.inline-toc li li a:visited:hover,.inline-toc li li a:visited:focus{col or:#000}.inline-toc a{display:-webkit-box;display:-webkit-flex;display:-moz-flex ;display:-ms-flex;display:-o-flex;display:flex;padding:0.5em 0}.inline-toc .rela ted{display:block}.inline-toc .related li a.active{color:#000}.inline-toc #toc{d isplay:none}.inline-toc #toc .toplevel>a{font-weight:bold;color:#000}.inline-toc #toc .toplevel>a.hastoc::after{content:'+';-webkit-box-flex:1;-webkit-flex:1;-m oz-flex:1;-ms-flex:1;-o-flex:1;flex:1;text-align:right}.inline-toc #toc .topleve l.active .toc{display:block}.inline-toc #toc .toplevel.active>a.hastoc::after{co ntent:'-'}.inline-toc .toc{margin:0;padding:0;border-top:1px solid #dbdbdb}.inli ne-toc .toc .toc{display:none}.inline-toc .toc .toc li{padding-left:1em;border-b ottom:1px solid #dbdbdb}#cc-info{display:-webkit-box;display:-webkit-flex;displa y:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:cent er;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o- align-items:center;align-items:center;font-style:italic;font-size:0.8em;color:#8 48484}#cc-info .cc-logo img{width:90px;height:32px}#cc-info .last-updated{-webki t-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-toc{position:absolute;top:0;left:50%;margi n-left:195px;width:240px;overflow:auto;overflow-x:hidden}.inline-toc.sticky{posi tion:fixed}.inline-toc #toc{display:block}.article-content{width:70%;padding-rig ht:5%;border-right:1px solid #f5f5f5}.cc-logo{margin:0 0 0 auto}}@media only scr een and (min-width: 581px) and (max-width: 990px){.inline-toc{width:200px;margin -left:165px}}@media only screen and (max-width: 580px){.article-content [itempro p="articleBody"]>.collapsible{height:58px;overflow:hidden}.article-content [item prop="articleBody"]>.collapsible.active{height:auto}.article-content [itemprop=" articleBody"]>.collapsible.active h2::before{content:'-'}.article-content [itemp rop="articleBody"]>.collapsible h2{position:relative;margin:0;padding:15px 15px 15px 0;border-top:1px solid #dbdbdb;white-space:nowrap;overflow:hidden;text-over flow:ellipsis}.article-content [itemprop="articleBody"]>.collapsible h2::before{ position:absolute;right:0;content:'+'}.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:2 0px}.api .api-reference table.innerTable{margin:10px 0}.api .api-reference table .innerTable td,.api .api-reference table.innerTable th{padding:5px 10px;border:1 px solid #eee}.api .api-reference table.innerTable th{background:none}.api .api- reference table.innerTable p{margin: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{background-color:#e8e8e8;padding:20px;margin-left: -20px;margin-right:-20px}.api .api-reference h3{margin-top:3em}	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%;margin:auto;padding:1em}p.note,di v.note,aside.note{border-color:#36C}p.caution,div.caution,aside.caution{border-c olor:#FC3}p.warning,div.warning,aside.warning{border-color:#A03}p.warning em,p.w arning strong,div.warning em,div.warning strong,aside.warning em,aside.warning s trong{color:#A03}.permalink{display:none;margin-left:5px}.has-permalink:hover .p ermalink{display:initial}.no-permalink .permalink{display:none !important}#gc-fo oter .links a{margin-right:20px}#gc-footer #cc-info{font-size:11.2px}#social-but tons{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-en d;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content: flex-end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:c enter;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align -items:center}#social-buttons>{margin-left:10px}#social-buttons img{margin:-4px 0 0 1px}@media only screen and (max-width: 580px){.more-section .g-last .g-cont ent{padding-bottom:0;border:none}.more-section .g-content{border:1px solid #dbdb db;border-width:0 0 1px 0;padding-bottom:20px;margin-bottom:20px}#gc-footer .lin ks a{display:inline-block}}#scroll-to-top,#send-feedback{border-bottom:none;bott om:0;position:fixed;z-index:5}#scroll-to-top{border-left:0;left:0}#send-feedback {border-right: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:"O pen Sans",Arial,"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{f ont-size:1.875em;line-height:1.6em;margin-top:1.6em;margin-bottom:0em;line-heigh t:1.12em}h3{font-size:1.125em;line-height:1.33333em;margin-top:1.33333em;margin- bottom:0.53333em;line-height:1.12em}h4{font-size:1.1em;line-height:1.36364em;mar gin-top:0em;margin-bottom:0em}h5{font-size:1em;line-height:1.5em;margin-top:0em; margin-bottom:0em}h6{font-size:1em;line-height:1.5em;margin-top:0em;margin-botto m:0em}p{margin:1.5em 0}p.noindent,p.caption p{text-indent:0}p.caption{text-align :left}.lightbox p.caption{color:#fff}a,a:link,a:visited{color:#39c;font-weight:b old;text-decoration:none;word-wrap:break-word;transition:opacity 0.3s ease 0s}a: hover,a:focus,a:link:hover,a:link:focus,a:visited:hover,a:visited:focus{color:#3 9f}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-we ight:600;text-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:ho ver,footer[role="contentinfo"] a:visited:focus{color:#39f}em{padding-right:2px}i mg{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:#c3c3c3;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{m argin:2em 0;word-wrap:break-word;position:relative}pre[data-filename]::after{con tent:attr(data-filename);background-color:#aaa;color:#fff;padding:2px 12px;posit ion:absolute;right:0;top:0}pre a{text-decoration:underline}.static-code-containe r{line-height:1em;clear:both}code,kbd,samp{margin:1.5em 0;line-height:1em}dl,men u,ol,ul,.item-list ul{margin:0.8em 0}ul{padding-left:1.28em}ol{padding-left:1.52 em}hr{height:1px;border:0;border-bottom:1px solid #dbdbdb;padding-bottom:-1px;ma rgin:1.5em 0}.capitalize{text-transform:uppercase}[data-list-item]{display:list- item}.uncapitalize::first-letter{text-transform:lowercase}.capitalize::first-let ter{text-transform: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,Helvetica,sans-serif;display:inline-block;padding:0.1em 0.6em;margin:0 0.1 em;white-space:nowrap;box-shadow:0 1px 0px rgba(0,0,0,0.2),0 0 0 2px #fff inset; border-radius:3px}#topnav{display:-webkit-box;display:-webkit-flex;display:-moz- flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-web kit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-i tems:center;align-items:center;height:64px;position:relative}#logo{display:-webk it-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;d isplay: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-f lex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webk it-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-it ems:center;align-items:center;color:#828282;font-size:2em;font-weight:400;letter -spacing:-1px}#logo a img{margin-bottom:-4px;height:40px;width:123px}#logo .coll ase-icon{display:none;background:url("../../images/burger-icon.png") 50% 100% no -repeat;background-size:cover;width:20px;height:20px}#logo .collase-icon.active{ background-position:50% 0}#fatnav{height:100%;display:-webkit-box;display:-webki t-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-b ox-pack:1;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-jus tify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-webk it-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1;white-space :nowrap}#fatnav li{list-style:none}#fatnav>ul{display:-webkit-box;display:-webki t-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding:0 ;margin:0}#fatnav .toplevel{color:#aaa;font-weight:600;text-transform:uppercase; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-sele ct:none;user-select:none}#fatnav .toplevel::after{content:'';background:url(data :image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2 FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNpiyc/Pn8XAwDATiM8yEAaMQBwBxHxMQMIdiE 8D8Vog1sGjyQGqbhkQK4A0PoKaFATEF4F4MRCrImnQBuJtQLwfiI2hYk9AGl2AuB2I/wAxiB8DxNeAeA 4QzwXiS0DsCdXwHIj9gHgqSOFPIK4CYksgvgJVwALEyUCcBDWMAeoSkO2bGZAEQeAM1CmtUNth4BkQ+w JxHBC/hwkyoQXALyCuAWILIL4MxIugAbYFI3iNZ54BR4fNtcXo0QEy9B+ywBGtWMzoAAquBWLk6EDXhB IdLNDokINGRwBQAUiiCYhvI0VHN1LIjpjoAAgwAMoSTlKlzAY4AAAAAElFTkSuQmCC) no-repeat;ba ckground-size:9px;display:inline-block;height:5px;width:14px;margin-left:10px;ma rgin-bottom:2px}#fatnav .pillar{display:-webkit-box;display:-webkit-flex;display :-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:cente r;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-a lign-items:center;align-items:center;padding:0 20px;cursor:pointer;z-index:1002} #fatnav .expandee{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;b ackground-color:#f5f5f5;padding:20px 0;cursor:initial;margin:0}#fatnav .expandee a{font-weight:600;padding:0.5em 0;display:block;color:#828282}#fatnav .expandee a:hover{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{white-spac e:nowrap}#fatnav .expandee li.submenu{color:#333;font-size:1.1em;font-weight:bol d;-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#fat nav .expandee li.submenu.active{background-image:linear-gradient(205deg, rgba(22 9,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 .exp andee li.submenu .category{border-bottom:1px solid #e8e8e8}#fatnav .expandee li. submenu .category:last-child{border:none}#fatnav .expandee li.submenu .category a{overflow:hidden;text-overflow:ellipsis}#fatnav .expandee li.submenu .category> ul{display:none}#fatnav .expandee li.submenu .category ul{padding:0}#search{disp lay:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flex;display :-o-inline-flex;display:inline-flex;-webkit-align-self:stretch;-moz-align-self:s tretch;-ms-align-self:stretch;-o-align-self:stretch;align-self:stretch;-webkit-b ox-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-ite ms:center;-o-align-items:center;align-items:center;width:auto;padding:0 20px;cur sor:pointer}#search img{height:16px;width:16px;-webkit-user-select:none;-moz-use r-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}#search .expandee{padding:20px}#search .expandee input[type="search"]{width:100%;-webkit -box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;backgrou nd:url("../../images/search.png") no-repeat 15px 55%;background-size:20px;backgr ound-color:white;border:1px solid #dbdbdb;padding:10px 10px 10px 40px;font-size: 1.4em;-webkit-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){#t opnav{padding:15px 0 0}#fatnav .pillar.active{background:#f5f5f5 url(data:image/ png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZ G9iZSBJbWFnZVJlYWR5ccllPAAAALFQTFRF/////f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9 fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2 dnZ39/fxsbG29vb0dHR3d3d4ODg4+Pj6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7ex MTE4eHh2tray8vLz8/PzMzM1NTU1tbWhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h 829NC+rqIKNAK8hhGEQjmUyrm+ziVTs50O6jkA6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY 1RXbwLXy6OgfdevIbYFdulHaBuI7t3SIY5Nbhm4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+ 1XI/A7cwmmdM1nHLZwbl+kPPj9lunELq5LuRWy5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn 9ejelHoMkJdhrJ5xb8AAwBmihB0TS21nQAAAABJRU5ErkJggg==) no-repeat right 0}#fatnav . pillar.active .toplevel::after{background-position:0% -5px}#fatnav .pillar.activ e .expandee{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:- ms-flex;display:-o-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-di rection:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row ;flex-direction:row}#fatnav .pillar.active .expandee::after{position:absolute;ba ckground-image:linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(211,211,211,0 .5) 25%,#d3d3d3 50%,rgba(211,211,211,0.5) 75%,rgba(255,255,255,0) 100%);right:0; top:0;content:'';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}#fat nav .pillar .expandee .submenu{padding:0 20px;border-right:1px solid #e8e8e8}#fa tnav .pillar .expandee .submenu:last-child{border:none}#search{margin-right:-4px }#search.active{background:#f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUh EUgAAAAYAAAAyCAMAAABI+VrBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALF QTFRF/////f39/v7+/Pz8+/v7+fn56+vr+vr69PT09vb28/Pz9fX1xcXF9/f3+Pj45+fn8PDwycnJ7+/ v6enpzc3N19fX8fHx8vLy7u7u6Ojo7Ozs3Nzc5OTk7e3t4uLi2dnZ39/fxsbG29vb0dHR3d3d4ODg4+P j6urqyMjI09PT5eXl0NDQ1dXV2NjYysrKx8fH5ubmzs7O3t7exMTE4eHh2tray8vLz8/PzMzM1NTU1tb WhgtdWwAAAOFJREFUeNok0NWSxCAURdFDhCQkMx3tuLe7jP//h829NC+rqIKNAK8hhGEQjmUyrm+ziVT s50O6jkA6b+J3gSCqpWfiGZxL1yKyhbIQEDQLxj7xTYy7SXoCY1RXbwLXy6OgfdevIbYFdulHaBuI7t3 SIY5Nbhm4zAdF/Ow5gvTEEaR/W49Ov2eSIvjuW+Y4tdTCXHML+1XI/A7cwmmdM1nHLZwbl+kPPj9lunE Lq5LuRWy5hUFyC+uKI+hazabgCJpYcws5gsXS5F8qc02i9C9Jn9ejelHoMkJdhrJ5xb8AAwBmihB0TS2 1nQAAAABJRU5ErkJggg==) no-repeat right 0}#search.active .expandee{display:block; top:64px}}@media only screen and (max-width: 580px){#topnav{-webkit-box-orient:v ertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direct ion:column;-o-flex-direction:column;flex-direction:column;height:auto}#fatnav{wi dth:100%;max-height:0;overflow:hidden;background:#f5f5f5}#fatnav.active{max-heig ht:5000px}#fatnav>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-fl ex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-dire ction:column}#fatnav .toplevel{width:100%;height:50px;-webkit-box-align:center;- webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-alig n-items:center;align-items:center;-webkit-box-pack:1;-webkit-justify-content:cen ter;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:ce nter;justify-content:center;display:-webkit-inline-flex;display:-moz-inline-flex ;display:-ms-inline-flex;display:-o-inline-flex;display:inline-flex}#fatnav .pil lar{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-directio n:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:colum n;padding:0;border-bottom:1px solid #dbdbdb}#fatnav .pillar.active .expandee{dis play:initial}#fatnav .expandee{position:relative;padding:0;background-color:rgba (229,229,229,0.7)}#fatnav .expandee li.submenu{padding:10px 15px}#fatnav .expand ee li.submenu: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-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1}#logo .collase-icon{disp lay:initial}#search{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;-webkit-box-ordinal-group:-1;-webkit-order:-1;-moz-orde r:-1;-ms-order:-1;-o-order:-1;order:-1;padding:15px 15px 0 15px}#search img{disp lay:none}#search .expandee{display:block}}#gc-pagecontent .g-section h1,#gc-page content .g-section h2,#gc-pagecontent .g-section h3{margin:0}#upcoming-events .s creenshot,#featured .screenshot{margin-top:0}#upcoming-events article{border:1px solid #dbdbdb;border-width:0 0 1px 0;padding:20px 0}#upcoming-events article:fi rst-child{padding-top:0}#upcoming-events article:last-child{padding-bottom:0;bor der:none}#site-sections{background-color:#f5f5f5;padding:20px;text-align:center} #site-sections h2{padding-top:20px}#site-sections h2::before{display:block;conte nt:'';background:url("../../images/bucket-icons.png") 12px 50% no-repeat;width:1 00px;height:65px;background-size:cover;margin:auto;margin-bottom:20px}#site-sect ions h2.multidevice::before{background-position:-91px 50%}#site-sections h2.plat form::before{background-position:-194px 50%}#developer-news{margin-top:4em}#deve loper-news .g-content{margin-right:20px}#developer-news h1{margin-bottom:40px !i mportant}@media only screen and (min-width: 580px){#featured{padding-right:30px; padding-bottom:10px;border:1px solid #dbdbdb;border-width:0 1px 0 0}#featured im g{margin-bottom:20px}}.pillar-content h1{font-size:42px}.pillar-content>.g-secti on{padding:3em 0}.pillar-content>.g-section:not(:last-of-type){border-bottom:1px solid #dbdbdb}.pillar-content>.g-section>h2{font-size:30px;margin-bottom:1.5em !important}.pillar-content .article-list article{position:relative;overflow:hidd en;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}.pilla r-content .article-list article.new::after{content:'new';background:#2e82c9;posi tion:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-t ransform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-4 px;right:-20px;color:white;font-size:0.9em;width:60px;text-align:center;padding- top:8px}.pillar-content .article-list article p{font-weight:300}.pillar-content #further-resources .g-content h2::before{display:inline-block;content:'';backgro und:url("../../images/further-resources-icons.svg") 0 50% no-repeat;width:50px;h eight:43px;background-size:cover;margin:auto;margin-bottom:5px;vertical-align:mi ddle}.pillar-content #further-resources .g-content h2.school::before{background- position:0 50%}.pillar-content #further-resources .g-content h2.chat::before{bac kground-position:-54px 50%}.pillar-content #further-resources .g-content h2.puzz le::before{background-position:-108px 50%}@media only screen and (max-width: 580 px){.pillar-content>.g-section{padding:2em 0}}@media only screen and (min-width: 580px){.pillar-content .article-list{display:-webkit-box;display:-webkit-flex;d isplay:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap :wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-w ebkit-box-pack:1;-webkit-justify-content:space-between;-moz-justify-content:spac e-between;-ms-justify-content:space-between;-o-justify-content:space-between;jus tify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch ;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;align-i tems: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.5e m;width:45%}.pillar-content .article-list article:nth-child(2n),.pillar-content .article-list article:last-of-type{margin-right:0}}@media only screen and (min-w idth: 990px){.pillar-content .article-list article{width:30%}.pillar-content .ar ticle-list article:nth-child(2n){margin-right:1.5em}.pillar-content .article-lis t article:nth-child(3n),.pillar-content .article-list article:last-of-type{margi n-right:0}}@supports not (flex-wrap: wrap){.pillar-content .article-list{display :block}@media only screen and (min-width: 580px){.pillar-content .article-list a rticle{flex:none;float:left;width:48%}}@media only screen and (min-width: 990px) {.pillar-content .article-list article{width:31.8058%}}}.load-more-articles{over flow:hidden;*zoom:1;margin:2em auto 0.3em;text-align:center;width:100%}.load-mor e-articles a,.load-more-articles a:hover{color:#000;transition:opacity 0.3s ease 0s}.nav-arrow{background-size:48px 48px;background:top center no-repeat;display :inline-block;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")}.inline-toc{line-height:1.3em}.inline-toc a,.inline-toc a:link,.inline-toc a:visited{color:#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:li nk,.inline-toc li li a:visited{color:#aaa}.inline-toc li li a:hover,.inline-toc li li a:focus,.inline-toc li li a:link:hover,.inline-toc li li a:link:focus,.inl ine-toc li li a:visited:hover,.inline-toc li li a:visited:focus{color:#000}.inli ne-toc a{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms- flex;display:-o-flex;display:flex;padding:0.5em 0}.inline-toc .related{display:b lock;background-color:#f5f5f5;box-shadow:0 3px 4px rgba(0,0,0,0.12);padding:1em 1em 0.5em 1em;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-imag e:linear-gradient(205deg, rgba(229,229,229,0.7) 0%,rgba(233,233,233,0.7) 20%,rgb a(244,244,244,0.7) 100%)}.inline-toc #toc{display:none}.inline-toc #toc .topleve l>a{font-weight:bold;color:#000}.inline-toc #toc .toplevel>a.hastoc::after{conte nt:'+';-webkit-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-t oc #toc .toplevel.active>a.hastoc::after{content:''}.inline-toc .toc{margin:0;pa dding:0.3em 0 0 0;border-top:1px solid #dbdbdb}.inline-toc .toc .toc{display:non e}.inline-toc .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:cente r;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-ite ms:center;font-style:italic;font-size:0.8em;color:#848484}#cc-info .cc-logo img{ width:90px;height: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-toc{position:absolute;top:0;width:28%;right:0;overflow:auto;overflow-x :hidden}.inline-toc #toc{display:block}.inline-toc #toc.sticky{top:0;position:fi xed;-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}}@med ia only screen and (max-width: 580px){.article-content [itemprop="articleBody"]> .collapsible{height:58px;overflow:hidden}.article-content [itemprop="articleBody "]>.collapsible.active{height:auto}.article-content [itemprop="articleBody"]>.co llapsible.active h2::before{content:'-'}.article-content [itemprop="articleBody" ]>.collapsible h2{position:relative;margin:0;padding:15px 15px 15px 0;border-top :1px solid #dbdbdb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar ticle-content [itemprop="articleBody"]>.collapsible h2::before{position:absolute ;right:0;content:'+'}.article-content [itemprop="articleBody"] .related{margin:2 0px 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-ref erence table.innerTable{margin:10px 0}.api .api-reference table.innerTable td,.a pi .api-reference table.innerTable th{padding:5px 10px;border:1px solid #eee}.ap i .api-reference table.innerTable th{background:none}.api .api-reference table.i nnerTable p{margin:0}.api .api-reference td,.api .api-reference th{vertical-alig n:top;border:1px solid #eee}.api .api-reference th{background:#fafafa}.api .api- reference h2{background-color:#e8e8e8;padding:20px;margin-left:-20px;margin-righ t:-20px}.api .api-reference h3{margin-top:3em}

OLD	NEW

« no previous file with comments | « no previous file | chrome/common/extensions/docs/static/js/article.js » ('j') | chrome/common/extensions/docs/static/js/article.js » ('J')