#aimenu {
	position: fixed;
	right:20px;
	top:50px;
	cursor:pointer;
}
#aimenu a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:50px;
	height:50px;
}
#aimenu a:hover {
	opacity:.8; /*mouse over fade effect*/
}

#homemenu {
	position: fixed;
	left:20px;
	top:40px;
	cursor:pointer;
}
#homemenu a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:50px;
	height:50px;
}
#homemenu a:hover {
	opacity:.8; /*mouse over fade effect*/
}

#backback {
	position: fixed;
	right:20px;
	bottom:120px;
	cursor:pointer;
}
#backback a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:50px;
	height:50px;
}
#backback a:hover {
	opacity:.8; /*mouse over fade effect*/
}

#backtotop {
	position: fixed;
	right:20px;
	bottom:60px;
	cursor:pointer;
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	width:50px;
	height:50px;
}
#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
}
.clrb {
	clear:both;
}
#maindiv {
	width:700px;
	border:1px solid #999;
	margin:auto;
	padding:20px;
}

body ::-webkit-scrollbar { height: 16px; overflow: visible; width: 16px; }
body ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); background-clip: padding-box; border-style: solid; border-color: transparent; min-height: 28px; padding: 100px 0px 0px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 0px inset, rgba(0, 0, 0, 0.0666667) 0px -1px 0px inset; border-width: 1px 1px 1px 6px; }
body ::-webkit-scrollbar-button { height: 0px; width: 0px; }
body ::-webkit-scrollbar-track { background-clip: padding-box; border-style: solid; border-color: transparent; border-width: 0px 0px 0px 4px; }
body ::-webkit-scrollbar-corner { background-color: transparent; background-position: initial initial; background-repeat: initial initial; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
html { font-size: 100%; overflow-y: scroll; }
body { margin: 0px; font-size: 13px; line-height: 1.231; overflow: hidden; }
body, button, input, select, textarea { font-family: sans-serif; color: rgb(34, 34, 34); }*::-moz-selection { background-color: rgb(240, 69, 48); color: rgb(255, 255, 255); text-shadow: none; background-position: initial initial; background-repeat: initial initial; }::selection { background-color: rgb(240, 69, 48); color: rgb(255, 255, 255); text-shadow: none; background-position: initial initial; background-repeat: initial initial; }a { color: rgb(80, 139, 136); text-decoration: none; }a:visited { color: rgb(80, 139, 136); }a:hover, a:focus { color: rgb(240, 69, 48); }a:focus { outline: dotted thin; }a:hover, a:active { outline: 0px; }b, strong { font-weight: bold; }pre, code, kbd, samp { font-family: 'Source Code Pro', monospace; font-size: 1em; }pre { white-space: pre-wrap; word-wrap: break-word; }q::before, q::after { content: none; }ul, ol { margin: 1em 0px; padding: 0px 0px 0px 40px; }nav ul, nav ol { list-style: none none; margin: 0px; padding: 0px; }img { border: 0px; vertical-align: middle; }svg:not(:root) { overflow: hidden; }figure { margin: 0px; }form { margin: 0px; }label { cursor: pointer; }button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }button, input { line-height: normal; }button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0px; padding: 0px; }input:invalid, textarea:invalid { background-color: rgb(240, 221, 221); }button { display: inline-block; background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 40%, rgb(227, 227, 227) 70%); border: 1px solid rgb(153, 153, 153); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 5px 8px; outline: 0px; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: rgb(255, 255, 255) 1px 1px; font-weight: 700; font-size: 10pt; background-position: initial initial; background-repeat: initial initial; }button:not([disabled]):hover, button:not([disabled]):focus { border-color: black; }button:not([disabled]):active { background-image: -webkit-linear-gradient(top, rgb(227, 227, 227) 40%, rgb(249, 249, 249) 70%); background-position: initial initial; background-repeat: initial initial; }.pattern-bg { background-color: rgb(238, 238, 238) !important; }.pattern-bg-lighter, article.sectioned > section:not(#classes) { box-shadow: rgb(204, 204, 204) 1px 1px 10px; background-color: white !important; }body[data-href="home"] .pattern-bg-lighter, body[data-href="gaming"] .pattern-bg-lighter, body[data-href="business"] .pattern-bg-lighter, body[data-href="home"] article.sectioned > section:not(#classes), body[data-href="gaming"] article.sectioned > section:not(#classes), body[data-href="business"] article.sectioned > section:not(#classes) { -webkit-box-shadow: none; box-shadow: none; }h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.125; }hgroup h1, hgroup h2, hgroup h3 { text-transform: uppercase; }h1 { font-size: 35px; font-weight: 300; margin: 0px 0px 0.25em; }h2 { font-size: 26px; margin: 1em 0px 0.5em; }h3 { font-size: 20px; font-weight: 300; margin: 1em 0px 0.5em; }h2:first-child, h3:first-child, .profile h2 { margin: 0px 0px 0.5em; }p { font-size: 14px; line-height: 1.5; }a { -webkit-transition: color 0.2s; }strong { font-weight: 600; }header.main nav, .subheader div, .nav { display: block; margin: 0px auto; width: 1000px; }.page { display: block; position: relative; margin: 4.5em auto; width: 1000px; }.page.current { top: 0px; }article article, article.sectioned, article section, header section { margin-top: 0px; padding: 0px; background-position: 0px 50%; background-repeat: initial initial; }article article, article section { margin: 0px; }article, section, article.sectioned section, section.link_target, #updates, .page header { margin: 0px auto 2%; padding: 1.75% 2%; overflow: hidden; }.page header { position: relative; overflow: visible; }body[data-href="gaming"] .page header.two_columns p:first-child, body[data-href="business"] .page header.two_columns p:first-child { margin-top: 0px; }.page header hgroup { float: left; padding-right: 2%; width: 34%; }.page header section { float: left; width: 64%; }.page header hgroup h1 { font-weight: 300; margin: 0px 0px 0.5em; }.page header hgroup h1 span, .page header hgroup h2 { color: rgb(95, 164, 160); font-size: 34px; font-weight: 800; margin: 0px; }.page header hgroup h1 + h2 { margin-top: -0.5em; }.page header h3 { font-size: 22px; font-weight: 300; text-transform: uppercase; }.page header section, .page header aside { font-size: 15px; margin: 0.25em 0px 0px; }.page header section p { margin: 0px 0px 1em; }.page header p:last-child { margin-bottom: 0px; }.page header hgroup, .page header section, .page header .share, .page section { position: relative; }.page header .share {
	position: absolute;
	bottom: -68px;
	margin-top:20px; margin-bottom:20px;
	left: 2px;
	z-index: 2;
	display: block;
}.page header .share li { border-top-style: none !important; }.page header .share a { background-image: none !important; padding-right: 5px !important; background-position: initial initial !important; background-repeat: initial initial !important; }.page header .share a img { width: 32px; height: 32px; }.page header .share ul { list-style: none; margin: 0px; padding: 0px; }.page header .share li { display: inline; }.class_name, .browser_name { background-color: transparent; color: rgb(51, 51, 51); font-size: 11px; font-weight: 400; line-height: 1; padding: 3px 5px; position: absolute; top: -15px; left: 0px; opacity: 0; text-align: center; text-transform: uppercase; -webkit-transition: all 0.1s ease-in-out; display: inline-block; background-position: initial initial; background-repeat: initial initial; }

.class:hover .class_name, .browser:hover .browser_name, .class:focus .class_name, .browser:focus .browser_name { opacity: 1; }
.browsers { float: left; margin: 0px 0.75em 0px 0.25em; }
.browser { float: left; height: 17px; width: 17px; background-image: ; background-color: transparent; opacity: 0.25; margin: -1px 0.25em 0px 0px; position: relative; background-position: 0% 0%; background-repeat: no-repeat no-repeat; }
.browser_name { left: -3px; }
.browser.ie .browser_name { white-space: nowrap; }.browser.chrome { background-position: 0% 0%; }.browser.ff { background-position: -17px 0%; }.browser.safari { background-position: -35px 0%; }.browser.ie { background-position: -52px 0%; }.browser.opera { background-position: -69px 0%; }.browser.supported { opacity: 1; }.browser .support { display: none; }.page header a[href^="http"]:not([href*="html5rocks."]), .tutorials a[href^="http"]:not([href*="html5rocks."]), .feed-section a[href^="http"]:not([href*="html5rocks"]), .info-section a[href^="http"]:not([href*="html5rocks."]), article section a[href^="http"]:not([href*="html5rocks"]), a[rel="external"] { background-image: url(&ModPagespeedFilters=compute_critical_css,decode_rewritten_urls,flatten_css_imports,inline_css,inline_import_to_link,rewrite_css&ModPagespeedCssFlattenMaxBytes=0&ModPagespeedCssImageInlineMaxBytes=0&ModPagespeedCssInlineMaxBytes=10485760); background-color: transparent; padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat no-repeat; }a.noexternal { background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important; }body, input { font-family: 'Open Sans', sans-serif; font-weight: 400; }header.main { background-color: rgb(237, 71, 50); width: 100%; position: fixed; left: 0px; top: 0px; z-index: 10; -webkit-font-smoothing: antialiased; font-weight: 600; background-position: initial initial; background-repeat: initial initial; }header.main #home_horns { display: none; }header.main h1 { display: none; color: rgb(255, 255, 255); font-size: 1em; margin: 0px; padding: 0px 0px 0.2em 0.5em; }header.main h1 a { color: rgb(255, 255, 255); font-weight: 800; }header.main nav ul { margin: 0.1em; padding: 0.4em 0.6em; }header.main nav ul li { font-size: 13px; display: inline-block; }header.main nav ul li a { display: block; margin: 0.1em; padding: 0.4em; max-width: 125px; white-space: nowrap; }header.main nav .home { display: none; }#title, header.main nav a { text-transform: uppercase; }header.main nav a, header.main nav a:hover, header.main nav a:focus { color: rgb(255, 255, 255) !important; }header.main h1 { display: none; }#search_hide, #features_hide { padding: 19px 0px 26px; cursor: pointer !important; }#search_show { float: right; }#search_show img { padding-left: 4px; vertical-align: -2px; }.gsc-completion-container td:hover, .gsc-completion-container td:focus { background-color: rgb(75, 124, 122); cursor: pointer !important; background-position: initial initial; background-repeat: initial initial; }.subheader .features { padding-top: 8px; padding-bottom: 8px; overflow: hidden; }.subheader .features #features_hide { padding-top: 21px; }.subheader .features #features_hide, .subheader .features h2 { float: left; }.subheader .features h2 { color: rgb(255, 255, 255); font-size: 48px; font-weight: 300; margin: 0px; padding: 5px 0px 0px 15px; text-transform: uppercase; }.subheader .features ul { list-style: none; float: left; margin: 0px; padding: 10px 0px 0px 20px; width: 710px; }.subheader .features ul li { float: left; margin: 0px; padding: 2px 0px; }.subheader .features ul li a { background-image:; color: rgb(255, 255, 255); float: left; padding: 3px 0px 4px 30px; text-transform: uppercase; width: 112px; background-repeat: no-repeat no-repeat; }.subheader .features ul li a.offline { background-position: 0px 2px; }.subheader .features ul li a.storage { background-position: 0px -48px; }.subheader .features ul li a.connectivity { background-position: 0px -98px; }.subheader .features ul li a.file_access { background-position: 0px -149px; }.subheader .features ul li a.semantics { background-position: 0px -198px; }.subheader .features ul li a.multimedia { background-position: 0px -248px; }.subheader .features ul li a.graphics { background-position: 0px -298px; }.subheader .features ul li a.presentation { background-position: 0px -348px; }.subheader .features ul li a.performance { background-position: 0px -398px; }.subheader .features ul li a.nuts_and_bolts { background-position: 0px -448px; }.subheader .features ul li a h3 { font-size: 14px; margin: 0px; }
.watermark { 
position: fixed; 
left: 50%; 
margin-left: -605px; 
top: 30px; 
z-index: 2; 
padding: 20px; 
opacity: 0.65; 
width: 68px; 
height: 116px; 
background-image: url(&ModPagespeedFilters=compute_critical_css,decode_rewritten_urls,flatten_css_imports,inline_css,inline_import_to_link,rewrite_css&ModPagespeedCssFlattenMaxBytes=0&ModPagespeedCssImageInlineMaxBytes=0&ModPagespeedCssInlineMaxBytes=10485760); 
-webkit-transition: opacity 300ms ease-in-out, top 150ms ease-in-out; 
background-position: 50% 50%; 
background-repeat: no-repeat no-repeat; 
}
.scrollup {
    background: url(tutorial/sprite.png) no-repeat 0 -282px;
    width: 56px;
    height: 56px;
    opacity: 0.4;
    filter: alpha(opacity = 40);
    position: fixed;
    bottom: 30px;
    right: 20px;
    display: none;
    text-indent: -9999px;
}
.watermark:hover, .watermark:focus { opacity: 1; }.nav, .nav:hover, .nav:focus { text-shadow: rgb(0, 0, 0) 0px 0px 5px; color: rgb(255, 255, 255); overflow: hidden; cursor: pointer !important; }.arrow_up, .arrow_right, .arrow_down, .arrow_left, nav.paginator a.previous, nav.paginator a.next { background-image:; font-size: 14px; font-style: italic; text-align: center; text-transform: uppercase; background-repeat: no-repeat no-repeat; }nav.paginator { display: none; position: fixed; left: 50%; top: 65px; margin-left: 500px; width: 100px; height: 250px; overflow: hidden; z-index: 2; }nav.paginator ul { display: none; margin: 0px; padding: 0px; }nav.paginator a.previous, nav.paginator a.next { display: block; text-shadow: rgb(187, 187, 187) 0px 0px 3px; overflow: hidden; position: absolute; width: 100px; cursor: pointer !important; }nav.paginator a.previous { padding: 0px 0px 55px; background-position: 50% -683px; }nav.paginator a.next { padding: 55px 0px 0px; top: 135px; background-position: 50% -500px; }nav.paginator.features a { color: rgb(85, 85, 85); }nav.paginator.features a:hover, nav.paginator.features a:focus { color: rgb(0, 0, 0); }.page .cds-banner, body[data-href="home"] #banner { height: 100px; background-image:; background-size: contain; padding: 0px; margin-bottom: 3%; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }.page .cds-banner a, body[data-href="home"] #banner a { display: block; width: 100%; height: 100%; text-indent: -9999em; font-size: 0px; }
@media screen and (min-width: 440px){.page .cds-banner, body[data-href="home"] #banner { background-image: , -webkit-linear-gradient(top, rgb(99, 167, 224) 0px, rgb(67, 147, 213) 100%); background-attachment: initial, initial; background-origin: initial, initial; background-clip: initial, initial; background-size: initial, initial; height: 120px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-position: 0% 0%; background-repeat: no-repeat; }}
@media screen and (min-width: 770px){.page .cds-banner, body[data-href="home"] #banner { background-image: ; background-size: contain; height: 120px; margin: -2% 0px 2%; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }.page .cds-banner { height: 80px; background-image: ; background-size: contain; margin: -1.5% 0px 0.5%; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }}#classes li a:hover, #classes li a:focus { color: rgb(95, 164, 160); }#classes li.offline a:hover, #classes li.offline a:focus { background-position: -121px 25px; }#classes li.storage a:hover, #classes li.storage a:focus { background-position: -121px -117px; }#classes li.connectivity a:hover, #classes li.connectivity a:focus { background-position: -121px -258px; }#classes li.file_access a:hover, #classes li.file_access a:focus { background-position: -121px -399px; }#classes li.semantics a:hover, #classes li.semantics a:focus { background-position: -121px -540px; }#classes li.multimedia a:hover, #classes li.multimedia a:focus { background-position: -121px -681px; }#classes li.graphics a:hover, #classes li.graphics a:focus { background-position: -121px -822px; }#classes li.presentation a:hover, #classes li.presentation a:focus { background-position: -121px -963px; }#classes li.performance a:hover, #classes li.performance a:focus { background-position: -121px -1104px; }#classes li.nuts_and_bolts a:hover, #classes li.nuts_and_bolts a:focus { background-position: -121px -1245px; }img[itemprop="photo"] { -webkit-transition: all 0.3s ease-out; }.profile:hover img[itemprop="photo"], .profile:focus img[itemprop="photo"], img[itemprop="photo"]:hover { }.profile .urls li a:hover, .profile .urls li a:focus { opacity: 1; }.profile:hover .list-articles { color: rgb(95, 164, 160); }.profile:focus .list-articles { color: rgb(95, 164, 160); }body[data-href="profiles"] .profile:first-child, body[data-href="profiles"] .profile:nth-child(3n+1) { margin-left: 0px; }body[data-href="home"] .profile:first-child, body[data-href="home"] .profile:nth-child(4n+1) { margin-left: 0px; }body[data-href="features-offline"] .outline_nav_toggle, body[data-href="features-storage"] .outline_nav_toggle, body[data-href="features-connectivity"] .outline_nav_toggle, body[data-href="features-file_access"] .outline_nav_toggle, body[data-href="features-semantics"] .outline_nav_toggle, body[data-href="features-multimedia"] .outline_nav_toggle, body[data-href="features-graphics"] .outline_nav_toggle, body[data-href="features-presentation"] .outline_nav_toggle, body[data-href="features-performance"] .outline_nav_toggle, body[data-href="features-nuts_and_bolts"] .outline_nav_toggle, article.tutorial .outline_nav_toggle { display: block; }.outline_nav_toggle { display: none; position: fixed; left: 50%; top: 145px; margin-left: 525px; width: 30px; height: 30px; padding: 10px; z-index: 3; cursor: pointer !important; }.outline_nav_toggle img { position: absolute; top: 10px; left: 10px; -webkit-transition: all 0.25s ease-in-out; z-index: 4; }.outline_nav_toggle img.show { z-index: 5; }nav.outline { display: none; background-color: rgb(190, 190, 190); position: absolute; right: 50%; top: 20px; padding: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgb(187, 187, 187) 0px 0px 10px 0px; overflow: auto; max-height: 525px; z-index: 3; }nav.outline h3 { font-size: 16px; font-weight: 300; margin: 0px; text-transform: uppercase; }nav.outline.toc { width: 300px; }nav.outline.toc ul { margin-left: 1.5em; margin-bottom: 1em; }nav.outline.toc p { font-size: 13px; }nav.outline.toc ul:last-child { margin-bottom: 0px; }nav.outline.toc a { margin-left: -1.5em; text-indent: 1.5em; }nav.outline.toc li { margin: 0.5em 0px; }nav.outline.features { width: 130px; }

nav.outline.features ul { margin: 0.75em 0px -0.5em; }
nav.outline.features li { margin: 0px; }
nav.outline.features li a { display: block; }
nav.outline.features li a.section_title { font-size: 13px; padding: 0.25em 0px 0.25em 18px; background-position: 0% 50%; background-repeat: no-repeat no-repeat; }

nav.outline.features ul ul a { font-size: 12px; font-weight: 400; padding: 0.3em 0px 0.3em 18px; }section.support table + table thead th:nth-child(1)::first-letter { text-transform: none; }section.support thead th:nth-child(1) { left: 0px; }section.support thead th:nth-child(2) { left: 65px; }section.support thead th:nth-child(3) { left: 135px; }section.support thead th:nth-child(4) { left: 208px; }section.support thead th:nth-child(5) { left: 278px; }section ul { font-size: 14px; line-height: 1.6; list-style: square; margin-left: 1.75em; padding-left: 0px; }section li { margin-bottom: 0.75em; }article.tutorial { margin-left: 340px; position: relative; overflow: visible; }article.tutorial .outline_nav_toggle { position: static; top: 0px; left: 0px; width: inherit; height: inherit; padding: 0px; margin: 0px; }article.tutorial nav.outline.toc { margin: 0px; width: 280px; position: absolute; top: 0px; left: -340px; box-shadow: none; display: block !important; opacity: 1 !important; }article.tutorial nav.outline h3 { text-transform: none; margin-bottom: 1em; }article.tutorial h1:target, article.tutorial h2:target, article.tutorial h3:target, article.tutorial h4:target, article.tutorial h5:target { padding-top: 50px; }section.cc, section.disqus { margin-left: 340px; position: relative; overflow: visible; }.tutorial_listing .tag:hover, .tutorial_listing .tag:focus { color: rgb(51, 51, 51); }header.tutorial { padding: 1em 0.9em; box-sizing: border-box; }header.tutorial hgroup + section { margin-top: 0px; }header.tutorial .byline { float: left; width: 100%; overflow: hidden; }header.tutorial section h3, header.tutorial section { color: rgb(51, 51, 51); font-size: 13px; text-transform: none; }header.tutorial .byline { margin-top: 0.75em; }header.tutorial .byline hgroup { float: none; padding: 0px; width: 100%; }header.tutorial .byline img { float: left; width: 50px; height: 50px; margin: 0.2em 0.75em 0px 0px; }header.tutorial .browser_support { font-size: 12px; padding-top: 1em; width: 632px; }header.tutorial .browser_support h3 { float: left; font-size: 12px; font-weight: 600; line-height: 1.5; margin: 0px; text-transform: uppercase; }header.tutorial .browser_support p { float: left; font-size: 12px; line-height: 1.5; margin: 0px; }header.tutorial .compatible-block { font-size: small; font-style: italic; }header.tutorial #notcompatible { color: red; }header.tutorial #compatible { color: green; }.redirect_notification { text-align: center; }header.tutorial .date time { display: inline-block; }article.tutorial figure { display: block; text-align: center; }article.tutorial .notice { background-color: rgb(249, 249, 221); padding: 4px 10px; border: 1px solid rgb(255, 224, 112); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-position: initial initial; background-repeat: initial initial; }article.tutorial figure img { max-width: 100%; height: auto; }article.tutorial figcaption { margin-top: 1em; font-style: italic; }article.tutorial .talkinghead::before { content: ''; position: absolute; left: -20px; top: 10px; width: 50px; height: 50px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-position: -10px -10px; background-repeat: no-repeat no-repeat; }.tooltip { position: relative; cursor: pointer; }.tooltip .property { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(255, 255, 255); }.tooltip .property .kwd { color: rgb(80, 139, 136); }.tooltip:hover::after { content: attr(data-tooltip); position: absolute; background-color: rgba(0, 0, 0, 0.85098); padding: 5px 9px; color: rgb(255, 255, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; left: 0px; top: 25px; width: 390px; z-index: 100; background-position: initial initial; background-repeat: initial initial; }.page header .disqus_comments { clear: both; float: left; display: block; font-size: 13px; font-weight: 600; margin: 1em 0px 0px; }.cc p { font-size: 85%; text-align: center; }pre.prettyprint { margin: 1em auto; padding: 1em; }pre .str, code .str { color: rgb(101, 176, 66); }pre .kwd, code .kwd { color: rgb(226, 137, 100); }pre .com, code .com { color: rgb(174, 174, 174); font-style: italic; }pre .lit, code .lit { color: rgb(51, 135, 204); }pre .pun, code .pun { color: rgb(255, 255, 255); }pre .pln, code .pln { color: rgb(255, 255, 255); }pre .tag, code .tag { color: rgb(137, 189, 255); }pre .atn, code .atn { color: rgb(189, 183, 107); }pre .atv, code .atv { color: rgb(101, 176, 66); }pre.prettyprint, code.prettyprint { color: white; background-color: rgb(68, 68, 68); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }header.main, #logo, .watermark, nav, .nav, .share, .byline img, #html5badge, .disqus_comments, section.disqus { -webkit-user-select: none; }.hidden { visibility: hidden; display: none !important; }.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; }.clearfix::before, .clearfix::after { content: ''; display: table; }.clearfix::after { clear: both; }.clearfix { zoom: 1; }@media screen and (min-width: 480px){.pattern-bg { background-color: rgb(238, 238, 238) !important; }.pattern-bg-lighter, article.sectioned > section:not(#classes) { box-shadow: rgb(204, 204, 204) 1px 1px 10px; background-color: white !important; }.page header .share { position: static !important; }}@media screen and (min-width: 768px){.subheader { background-color: rgb(101, 168, 165); height: auto; background-position: initial initial; background-repeat: initial initial; }.subheader::before { content: ''; display: block; z-index: -1; }.subheader::after { -webkit-box-shadow: black 0px 3px 12px 5px; box-shadow: black 0px 3px 12px 5px; content: ''; display: block; z-index: -1; position: relative; top: -10px; }.subheader .search { font-size: 48px; padding-top: 10px; text-align: center; }.subheader .search label { color: rgb(255, 255, 255); padding-left: 5px; text-transform: uppercase; }.subheader .search input { background-color: rgba(253, 253, 253, 0.2); border: 3px solid transparent; color: rgb(24, 42, 41); font-style: italic; text-indent: 5px; width: 580px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-left: 7px; outline: 0px !important; background-position: initial initial; background-repeat: initial initial; }.subheader .search input[placeholder]::-webkit-input-placeholder { color: rgba(61, 107, 104, 0.4); }.subheader .search input:focus { border-color: rgba(61, 107, 104, 0.4); }.subheader .search input::-webkit-input-placeholder { color: rgb(176, 210, 208); padding-left: 15px; }input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }.page header .share { position: static !important; }}@media screen and (min-width: 860px){.page header .share { position: absolute !important; }}@media screen and (min-width: 1000px){header.main, .watermark, article.tutorial nav.outline.toc.fixed { -webkit-transform: translateZ(0px); }article.sectioned section.one_half:nth-child(2n+1), .thirds section.one_third:nth-child(3n+1), article.sectioned section.one_third:first-child { margin-left: 0px; }nav.outline.toc { box-shadow: rgb(204, 204, 204) 1px 1px 10px !important; }.pattern-bg-lighter, article.sectioned > section:not(#classes) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }}@media screen and (max-width: 1000px){#search_show span { display: none; }.page, .page header, header, .subheader div, .nav, #updates_list { width: inherit !important; }.page { margin: 0px !important; width: 100% !important; }.page.current { margin-top: 0px; }header.main { padding: 0px; position: static; height: inherit; overflow: hidden; width: 100%; }header.main nav { height: inherit; width: 100%; }header hgroup + section { float: none; }article.tutorial, section.cc, section.disqus { margin-left: 0px; }nav.outline.toc { margin-bottom: 2em; padding: 0px; max-height: none; width: 100%; position: static !important; box-shadow: none !important; }article, section, article.sectioned section, section.link_target, .page header { padding: 1em 1.25em; }.page header .share li { position: static; }.page header .share ul { margin-top: 1em; }.page header .share li { display: inline; }body[data-href="home"] .one_third:first-child { margin-left: 0px !important; }body[data-href="home"] article.profile:nth-child(3n+1) { margin-left: 0px !important; }body[data-href="profiles"] .profile:first-child, body[data-href="profiles"] .profile:nth-child(3n+1) { margin-left: 2%; }body[data-href="profiles"] .profile:first-child, body[data-href="profiles"] .profile:nth-child(2n+1) { margin-left: 0px; }}@media screen and (max-width: 860px){#contrib_menu { display: none; }#search_show span { display: none; }header.main nav ul li#search_show { float: right; }header.main .subheader.features { background-color: rgb(95, 164, 160); float: left; width: 100%; background-position: initial initial; background-repeat: initial initial; }header.main .subheader.features h2 { display: none; }header.main .subheader #features_hide { float: left; padding: 2px 0px 0px 10px; width: 24px; height: 24px; }header.main .subheader .features ul { float: left; margin: 0px; padding: 0px 0px 0.5em; width: inherit; }header.main .subheader .features li { float: left; }header.main .subheader.search { background-color: rgb(101, 168, 165); padding: 5px; font-size: 1.6em; clear: both; margin: 0px !important; }header.main .subheader.search label span, header.main .subheader.search img { display: none; }header.main .subheader.search input { width: 100%; box-sizing: border-box; }.page header.two_columns section, .page header hgroup, .page header section { float: none; width: 100%; }.page header > hgroup:first-child { display: none; }}@media screen and (max-width: 768px){#contrib_menu { display: none; }#search_show span { display: none; }header.main { padding-bottom: 0px !important; }header.main #home_horns { float: left; margin: 0.1em; padding: 0.1em 0.1em; display: block !important; }header.main #home_horns img { width: 48px; height: 24px; }header.main nav li:first-child, .nav { display: none; }body[data-href="home"] .one_third, body[data-href="home"] .one_third:first-child { float: none !important; margin-left: 0px !important; width: inherit !important; }.page { margin: 0px !important; }section { float: none !important; }}@media screen and (max-width: 600px){#slides_menu { display: none; }#contrib_menu { display: none; }#search_show span { display: none; }article.tutorial .outline_nav_toggle { position: fixed; bottom: 0px; right: 0px; left: 0px; height: 2em; margin: 0px; padding: 5px; background-color: rgb(236, 73, 54); -webkit-transition: top 0.2s ease-in-out; width: 100% !important; top: auto !important; overflow-y: hidden !important; }article.tutorial .outline_nav_toggle h3 { margin: 0px !important; }article.tutorial .outline_nav_toggle ul { display: none; }article.tutorial .outline_nav_toggle.activated ul a:active { color: rgb(221, 221, 221); }article.tutorial .outline_nav_toggle.activated ul a:visited { color: rgb(221, 221, 221); }article.tutorial .outline_nav_toggle.activated ul ul a:active { color: rgb(187, 187, 187) !important; }article.tutorial .outline_nav_toggle.activated ul ul ul a:visited { color: rgb(187, 187, 187) !important; }article.tutorial .outline_nav_toggle.activated ul ul ul a:active { color: rgb(153, 153, 153) !important; }article.tutorial .outline_nav_toggle.activated ul ul ul a:visited { color: rgb(153, 153, 153) !important; }article.tutorial nav { color: white; height: 100%; text-align: center; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: rgb(236, 73, 54) !important; width: 100% !important; margin-top: 4px !important; }body[data-href="home"] #updates.feed li:first-child { border-top-width: 0px; }body[data-href="home"] article.profile:nth-child(3n+1) { margin-left: 2% !important; }body[data-href="home"] article.profile:nth-child(2n+1) { margin-left: 0px !important; }nav.toc { bottom: 0px; left: 0px; right: 0px; height: 5px; background-color: rgb(237, 71, 50); position: fixed !important; }.page header .share { position: static !important; }}@media screen and (max-width: 480px){#slides_menu { display: none; }#contrib_menu { display: none; }#search_show span { display: none; }nav.outline { max-height: none !important; }.page, .page.current, .page header { margin-top: 0px !important; }.page header.tutorial h1 { font-size: 25px !important; }header.main h1 { display: none; float: left; }header.main h1 { margin: 0.1em; padding: 0.4em 0.6em; }header.tutorial .browser_support { }header.main .subheader.search { margin: 0.15em 0px 0px 0.5em; }header.main .subheader .features ul { margin-left: 12px; width: 360px; }header.main .subheader .features ul li { width: 160px; }body[data-href="home"] article.profile:nth-child(3n+1) { margin-left: 0px !important; }body[data-href="home"] article.profile:nth-child(2n+1) { margin-left: 0px !important; }}.main .subheader .features ul li { width: 160px; }body[data-href="home"] article.profile:nth-child(3n+1) { margin-left: 0px !important; }body[data-href="home"] article.profile:nth-child(2n+1) { margin-left: 0px !important; }