body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } abbr,acronym { border: 0; font-variant: normal; } input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; } a { text-decoration: none; color: inherit; }
html {
background-color: #f5f5f5; color: #151515;
}
body {
font-family: Helvetica, Arial, sans-serif;
}
code {
font-size: 14px; background: #fbfbfb; color: #202020; padding: 2px 5px; border-radius: 5px;
}
h1 code, h2 code, h3 code { font-size: 1em; }
a:link {
text-decoration: none; color: #6a9fb5;
} a:visited {
color: #aa759f;
} a:hover {
text-decoration: underline;
}
ol, ul {
margin-left: 2em;
} ol li {
list-style: decimal;
} ul li {
list-style: disc;
}
strong { font-weight: bold } em { font-style: italic }
h1 {
font-size: 23px; font-weight: 500; line-height: 23px;
}
h2 {
font-size: 20px; font-weight: 500; line-height: 20px; border-bottom: 1px dotted #d0d0d0; padding-bottom: .25em; margin-bottom: .75em;
}
h3 {
font-size: 17px; font-weight: 500; line-height: 23px;
}
p {
margin: 1em 0; font-size: 16px; font-weight: 400; line-height: 24px;
}
pre {
font-size: 14px; font-weight: 400; line-height: 24px;
}
blockquote {
font-size: 17px; font-weight: 400; line-height: 23px;
}
.section img {
max-width: 100%;
}
.toc {
margin-bottom: 2em; line-height: 1.4em;
} table-of-contents {
font-size: 1.1em;
} table-of-contents > li {
margin-bottom: 1em;
} table-of-contents > li > a {
font-weight: bold;
} .toc p {
padding: 0;
}
dd {
margin: 0 0 1em 2em;
}
main {
width: 700px; margin-left: 250px;
}
content {
padding: 32px;
}
sidebar {
background: #202020; color: #e0e0e0; width: 250px; height: 100%; overflow: auto; position: fixed; left: 0; top: 0; bottom: 0;
} sidebar h2 {
padding: 0; border: none;
} sidebar h2 a {
padding: .5em; color: #f5f5f5; background: #151515; display: block; font-weight: bold;
} sidebar h2 a:hover {
text-decoration: none; background: #303030;
} sidebar .toc {
font-size: 1em; margin: 0; padding: 0;
} sidebar .toc ol {
margin: 0; padding: 0 0 0 1em;
} sidebar .toc li {
list-style-type: none;
} sidebar .toc a {
padding: .5em 1em; display: block; color: #e0e0e0;
} sidebar .toc a:hover {
color: #f5f5f5; background: #505050; text-decoration: none;
} sidebar .toc code {
background: #151515; color: #f5f5f5;
} sidebar .toc li ol {
display: none;
} sidebar .toc li.active ol {
display: block;
} sidebar .toc li.current > a {
background: #303030;
}
.search {
width: 200px; position: fixed; top: 2em; right: 2em; opacity: .5;
} div.search:hover {
opacity: 1;
} .search search {
width: 186px; padding: 5px; border: 2px solid #e0e0e0;
} .search .search-results {
margin: 0; border: 2px solid #e0e0e0; border-top: 0; display: none; background: #fff;
} .search .search-results li {
list-style: none; padding: 5px;
} .search .search-results .parent {
font-size: 12px; font-style: italic; color: #505050;
} .search .search-results .parent a {
color: #202020;
} .search .search-results .tag {
font-style: italic; color: #505050;
}
.section .section {
margin: 1em 0; padding: 1em 0; border-bottom: .1em dotted #151515;
} .section .section .section {
margin: 0; border: none;
}
.definition {
margin: 2em 0; padding: 2em 0 0; border-top: .1em dotted #d0d0d0;
} .definition .thumb pre {
background: #e0e0e0; padding: .6em .75em; margin-bottom: 1em;
}
.verbatim, .interaction {
margin: 0 1em 1em;
}
.highlight {
background: #fbfbfb; padding: 1em; margin: 0 1em;
}
.highlight .verbatim {
margin: 0;
}
.interaction pre {
overflow-x: auto;
}
pre a:link, pre a:visited, code a:link, code a:visited {
color: inherit; text-decoration: none; border-bottom: .1em solid #d0d0d0;
} pre a:hover, code a:hover {
border-bottom-color: #303030;
}
blockquote {
margin-left: 2em;
}
table p {
margin: .5em 0;
} table th, table td {
padding: 0 .5em;
}
.margin-note {
width: 13em; float: right; margin-top: -1.5em; margin-right: -15em; padding: .5em; color: #b0b0b0;
}
.centered {
text-align: center;
} .smaller {
font-size: 82%;
} .larger {
font-size: 122%;
}
.interaction .error:before {
content: "error: ";
} .interaction .error {
font-style: italic; color: red;
} .interaction .caret {
font-weight: bold; color: #d0d0d0;
}
.error-output {
display: block; font-style: italic; background: #fee; color: #a33;
}
.annotated content {
position: static; padding: 0;
} .annotated sidebar {
z-index: 1; background: rgba(255, 255, 255, .5);
} .annotated-source {
width: 100%;
} .annotated-source thead h1 {
line-height: 1em; margin: 1.2em 0 .39em 0; font-weight: bold;
} .annotated-source .prose {
background: #fff; width: 30em; max-width: 30em; min-width: 30em; padding: 1em 2em 0 3.5em; overflow-x: auto; vertical-align: top; text-align: left;
} .annotated-source .prose code, .annotated-source .prose pre {
background: #f8f8ff; border: .1em solid #dedede; padding: 0 0.2em; overflow-x: auto;
} .annotated-source .code {
background: #f5f5ff; border-left: .1em solid #e5e5e5; padding: 1.1em 2em 0em 1.5em; vertical-align: top;
}
.slides {
overflow: hidden; background: #f0f0f0;
} .slides main {
margin: 0; padding: 0; position: relative; background: #f0f0f0; height: 100%; width: auto; overflow: hidden;
} .slides > .search {
display: none;
} .slides content .section > .section-header {
display: none;
} .slides content .section > p {
display: none;
} .slides sidebar {
display: none;
} .slide {
width: 824px; height: 568px; margin: 0 auto; padding: 100px; border: 0; position: absolute; left: 50%; top: 50%; margin: -384px 0 0 -512px; background: #fff;
} .slide h2 {
font-size: 5em; line-height: 1em; text-align: center; margin: 0 0 1em;
} .slide h2 .continue {
font-size: .5em; color: #bbb; position: absolute; top: -3.75em; right: 1em;
} .slide p {
font-size: 2em; line-height: 1.4em;
} .slide .body pre, .slide .body code {
font-size: 24px; line-height: 1.4em;
} .slide .body > ul {
margin-bottom: 1em;
} .slide ul li {
list-style: disc; font-size: 30px;
} .slide li p {
font-size: 1em; margin: 0; padding-bottom: .5em;
} .slide.title, .slide.title-only {
display: table; width: 1024px; height: 768px; padding: 0;
} .slide.title .body, .slide.title-only h1 {
display: table-cell; vertical-align: middle;
} .slide.title h1 {
text-align: center; font-size: 5em; margin-bottom: 0;
} .slide.title p {
width: 512px; margin: 0 auto; line-height: 1.4em; text-align: center; padding-bottom: 1em;
} .slide.title-only h1 {
text-align: center; font-size: 5em;
}