Merge pull request #539 from hairyhenderson/docs-search

Adding search functionality to docs site

1 files changed, 1386 insertions, 0 deletions

diff --git a/docs/static/stylesheets/application.css b/docs/static/stylesheets/application.css
new file mode 100644
index 00000000..96ed4805
--- /dev/null
+++ b/docs/static/stylesheets/application.css
@@ -0,0 +1,1386 @@
+html {
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+*,
+:after,
+:before {
+  box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  -webkit-box-sizing: inherit;
+}
+html {
+  font-size: 62.5%;
+  -webkit-text-size-adjust: none;
+  -ms-text-size-adjust: none;
+  text-size-adjust: none;
+}
+
+a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl,
+dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p,
+pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+main {
+  display: block;
+}
+ul {
+  list-style: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td {
+  text-align: left;
+  font-weight: 400;
+  vertical-align: middle;
+}
+button {
+  outline: 0;
+  padding: 0;
+  background: transparent;
+  border: none;
+  font-size: inherit;
+}
+input {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  -o-appearance: none;
+  appearance: none;
+  outline: none;
+  border: none;
+}
+a {
+  text-decoration: none;
+  color: inherit;
+}
+a,
+button,
+input,
+label {
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: inherit;
+}
+pre {
+  background: rgba(0, 0, 0, 0.05);
+}
+pre,
+pre code {
+  color: rgba(0, 0, 0, 0.87);
+}
+.c,
+.c1,
+.cm,
+.o {
+  color: rgba(0, 0, 0, 0.54);
+}
+.k,
+.kn {
+  color: #a71d5d;
+}
+.kd,
+.kt {
+  color: #0086b3;
+}
+.n.f,
+.nf {
+  color: #795da3;
+}
+.nx {
+  color: #0086b3;
+}
+.s,
+.s1 {
+  color: #183691;
+}
+.bp,
+.mi {
+  color: #9575cd;
+}
+.icon {
+  font-family: Icon;
+  speak: none;
+  font-style: normal;
+  font-weight: 400;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.icon-search:before {
+  content: "\e600";
+}
+.icon-back:before {
+  content: "\e601";
+}
+.icon-link:before {
+  content: "\e602";
+}
+.icon-close:before {
+  content: "\e603";
+}
+.icon-menu:before {
+  content: "\e604";
+}
+.icon-forward:before {
+  content: "\e605";
+}
+.icon-twitter:before {
+  content: "\e606";
+}
+.icon-github:before {
+  content: "\e607";
+}
+.icon-download:before {
+  content: "\e608";
+}
+.icon-star:before {
+  content: "\e609";
+}
+.icon-warning:before {
+  content: "\e610";
+}
+.icon-note:before {
+  content: "\e611";
+}
+a {
+  -webkit-transition: color 0.25s;
+  transition: color 0.25s;
+}
+.overlay {
+  -webkit-transition: opacity 0.25s, width 0s 0.25s, height 0s 0.25s;
+  transition: opacity 0.25s, width 0s 0.25s, height 0s 0.25s;
+}
+#toggle-drawer:checked ~ .overlay,
+.toggle-drawer .overlay {
+  -webkit-transition: opacity 0.25s, width 0s, height 0s;
+  transition: opacity 0.25s, width 0s, height 0s;
+}
+.js .header {
+  -webkit-transition: background 0.6s, color 0.6s;
+  transition: background 0.6s, color 0.6s;
+}
+.js .header:before {
+  -webkit-transition: background 0.6s;
+  transition: background 0.6s;
+}
+.button .icon {
+  -webkit-transition: background 0.25s;
+  transition: background 0.25s;
+}
+body {
+  color: rgba(0, 0, 0, 0.87);
+}
+@supports (-webkit-appearance: none) {
+  body {
+    background: #e84e40;
+  }
+}
+.ios body {
+  background: #fff;
+}
+hr {
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+}
+.toggle-button {
+  cursor: pointer;
+  color: inherit;
+}
+.backdrop,
+.backdrop-paper:after {
+  background: #fff;
+}
+.overlay {
+  background: rgba(0, 0, 0, 0.54);
+  opacity: 0;
+}
+#toggle-drawer:checked ~ .overlay,
+.toggle-drawer .overlay {
+  opacity: 1;
+}
+.header {
+  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
+  background: #e84e40;
+  color: #fff;
+}
+.ios.standalone .header:before {
+  background: rgba(0, 0, 0, 0.12);
+}
+.bar .path {
+  color: hsla(0, 0%, 100%, 0.7);
+}
+.button .icon {
+  border-radius: 100%;
+}
+.button .icon:active {
+  background: hsla(0, 0%, 100%, 0.12);
+}
+html {
+  height: 100%;
+}
+body {
+  position: relative;
+  min-height: 100%;
+}
+hr {
+  display: block;
+  height: 1px;
+  padding: 0;
+  margin: 0;
+}
+.locked {
+  height: 100%;
+  overflow: hidden;
+}
+.scrollable {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.scrollable .wrapper {
+  height: 100%;
+}
+.ios .scrollable .wrapper {
+  margin-bottom: 2px;
+}
+.toggle {
+  display: none;
+}
+.toggle-button {
+  display: block;
+}
+.backdrop {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+}
+.backdrop-paper {
+  max-width: 1200px;
+  height: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.backdrop-paper:after {
+  content: " ";
+  display: block;
+  height: 100%;
+  margin-left: 262px;
+}
+.overlay {
+  width: 0;
+  height: 0;
+  z-index: 3;
+}
+.header,
+.overlay {
+  position: fixed;
+  top: 0;
+}
+.header {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  left: 0;
+  z-index: 2;
+  height: 56px;
+  padding: 4px;
+  overflow: hidden;
+}
+.ios.standalone .header {
+  position: absolute;
+}
+.bar {
+  display: table;
+  max-width: 1184px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.bar a {
+  display: block;
+}
+.no-js .bar .button-search {
+  display: none;
+}
+.bar .path .icon:before {
+  vertical-align: -1.5px;
+}
+.button {
+  display: table-cell;
+  vertical-align: top;
+  width: 1%;
+}
+.button button {
+  margin: 0;
+  padding: 0;
+}
+.button button:active:before {
+  position: relative;
+  top: 0;
+  left: 0;
+}
+.button .icon {
+  display: inline-block;
+  font-size: 24px;
+  padding: 8px;
+  margin: 4px;
+}
+.stretch {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+}
+.header .stretch {
+  padding: 0 20px;
+}
+.stretch .title {
+  display: table-cell;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.header .stretch .title {
+  font-size: 18px;
+  padding: 13px 0;
+}
+.main {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+}
+body,
+input {
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.no-fontface body,
+.no-fontface input,
+body,
+input {
+  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+.no-fontface code,
+.no-fontface kbd,
+.no-fontface pre,
+code,
+kbd,
+pre {
+  font-family: Courier New, Courier, monospace;
+}
+#toggle-drawer:checked ~ .main .drawer,
+.toggle-drawer .drawer {
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
+.no-csstransforms3d #toggle-drawer:checked ~ .main .drawer,
+.no-csstransforms3d .toggle-drawer .drawer {
+  display: block;
+}
+.project {
+  -webkit-transition: none;
+  transition: none;
+}
+.project .logo img {
+  -webkit-transition: box-shadow 0.4s;
+  transition: box-shadow 0.4s;
+}
+.repo a {
+  -webkit-transition: box-shadow 0.4s, opacity 0.4s;
+  transition: box-shadow 0.4s, opacity 0.4s;
+}
+.drawer .toc a.current,
+.drawer .toc a:focus,
+.drawer .toc a:hover {
+  color: #e84e40;
+}
+.drawer .anchor a {
+  border-left: 2px solid #e84e40;
+}
+.drawer .section {
+  color: rgba(0, 0, 0, 0.54);
+}
+.ios.standalone .project:before {
+  background: rgba(0, 0, 0, 0.12);
+}
+.project .logo img {
+  background: #fff;
+  border-radius: 100%;
+}
+.project:focus .logo img,
+.project:hover .logo img {
+  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.23), 0 8px 25px rgba(0, 0, 0, 0.05);
+}
+.repo a {
+  background: #00bfa5;
+  color: #fff;
+  border-radius: 3px;
+}
+.repo a:focus,
+.repo a:hover {
+  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.23), 0 8px 25px rgba(0, 0, 0, 0.05);
+  opacity: 0.8;
+}
+.repo a .count {
+  background: rgba(0, 0, 0, 0.26);
+  color: #fff;
+  border-radius: 0 3px 3px 0;
+}
+.repo a .count:before {
+  border-width: 15px 5px 15px 0;
+  border-color: transparent rgba(0, 0, 0, 0.26);
+  border-style: solid;
+}
+.drawer {
+  width: 262px;
+  font-size: 13px;
+  line-height: 1em;
+}
+.ios .drawer {
+  overflow: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+.drawer .toc li a {
+  display: block;
+  padding: 14.5px 24px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.drawer .toc li.anchor a {
+  margin-left: 12px;
+  padding: 10px 24px 10px 12px;
+}
+.drawer .toc li ul {
+  margin-left: 12px;
+}
+.drawer .current + ul {
+  margin-bottom: 9px;
+}
+.drawer .section {
+  display: block;
+  padding: 14.5px 24px;
+}
+.drawer .scrollable {
+  top: 104px;
+  z-index: -1;
+}
+.drawer .scrollable .wrapper {
+  height: auto;
+  min-height: 100%;
+}
+.drawer .scrollable .wrapper hr {
+  margin: 12px 0;
+  margin-right: auto;
+}
+.drawer .scrollable .wrapper .toc {
+  margin: 12px 0;
+}
+.project {
+  display: block;
+}
+.project .banner {
+  display: table;
+  width: 100%;
+  height: 104px;
+  padding: 20px;
+}
+.project .logo {
+  display: table-cell;
+  width: 64px;
+  padding-right: 12px;
+}
+.project .logo img {
+  display: block;
+  width: 64px;
+  height: 64px;
+}
+.project .name {
+  display: table-cell;
+  padding-left: 4px;
+  font-size: 14px;
+  line-height: 1.25em;
+  vertical-align: middle;
+}
+.project .logo + .name {
+  font-size: 12px;
+}
+.repo {
+  margin: 24px 0;
+  text-align: center;
+}
+.repo li {
+  display: inline-block;
+  padding-right: 12px;
+  white-space: nowrap;
+}
+.repo li:last-child {
+  padding-right: 0;
+}
+.repo a {
+  display: inline-block;
+  padding: 0 10px 0 6px;
+  font-size: 12px;
+  line-height: 30px;
+  height: 30px;
+}
+.repo a .icon {
+  font-size: 18px;
+  vertical-align: -3px;
+}
+.repo a .count {
+  display: inline-block;
+  position: relative;
+  padding: 0 8px 0 4px;
+  margin: 0 -10px 0 8px;
+  font-size: 12px;
+}
+.repo a .count:before {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: -5px;
+}
+.no-js .repo a .count {
+  display: none;
+}
+.drawer .toc li a {
+  font-weight: 700;
+}
+.drawer .toc li.anchor a {
+  font-weight: 400;
+}
+.drawer .section,
+.repo a {
+  font-weight: 700;
+}
+.repo a {
+  text-transform: uppercase;
+}
+.repo a .count {
+  text-transform: none;
+  font-weight: 700;
+}
+pre span {
+  -webkit-transition: color 0.25s;
+  transition: color 0.25s;
+}
+.copyright a {
+  -webkit-transition: color 0.25s;
+  transition: color 0.25s;
+}
+.ios.standalone .article {
+  background: -webkit-linear-gradient(top, #fff 50%, #e84e40 0);
+  background: linear-gradient(180deg, #fff 50%, #e84e40 0);
+}
+.ios.standalone .article .wrapper {
+  background: -webkit-linear-gradient(top, #fff 50%, #fff 0);
+  background: linear-gradient(180deg, #fff 50%, #fff 0);
+}
+.article a,
+.article h1,
+.article h2 {
+  color: #e84e40;
+}
+.article code {
+  background: #eee;
+}
+.article kbd {
+  color: #555;
+  background-color: #fcfcfc;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #bbb;
+}
+.article h1 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.article a {
+  border-bottom: 1px dotted;
+}
+.article a:focus,
+.article a:hover {
+  color: #00bfa5;
+}
+.article .headerlink {
+  color: rgba(0, 0, 0, 0.26);
+  border: none;
+}
+.article table {
+  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
+  border-radius: 3px;
+}
+.article table th {
+  background: #ee7a70;
+  color: #fff;
+}
+.article table td {
+  border-top: 1px solid rgba(0, 0, 0, 0.05);
+}
+.article blockquote {
+  border-left: 2px solid rgba(0, 0, 0, 0.54);
+  color: rgba(0, 0, 0, 0.54);
+}
+.footer {
+  background: #e84e40;
+  color: #fff;
+}
+.footer a {
+  border: none;
+}
+.copyright {
+  color: rgba(0, 0, 0, 0.54);
+}
+.pagination a .button,
+.pagination a .title {
+  color: #fff;
+}
+.pagination .direction {
+  color: hsla(0, 0%, 100%, 0.7);
+}
+.admonition {
+  background: #29b6f6;
+  color: #fff;
+}
+.admonition pre {
+  background: hsla(0, 0%, 100%, 0.3);
+}
+.admonition.warning {
+  background: #e84e40;
+}
+.admonition a,
+.admonition a:hover {
+  color: #fff;
+}
+.article {
+  font-size: 14px;
+  line-height: 1.7em;
+}
+.article:after {
+  content: " ";
+  display: block;
+  clear: both;
+}
+.article .wrapper {
+  padding: 116px 16px 92px;
+}
+.ios.standalone .article {
+  position: absolute;
+  top: 56px;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.ios.standalone .article .wrapper {
+  position: relative;
+  min-height: 100%;
+  padding-top: 60px;
+  margin-bottom: 2px;
+}
+.article h1 {
+  font-size: 24px;
+  line-height: 1.333334em;
+  padding: 20px 0 42px;
+}
+.article h2 {
+  font-size: 20px;
+  line-height: 1.4em;
+  padding-top: 92px;
+  margin-top: -56px;
+}
+.ios.standalone .article h2 {
+  padding-top: 36px;
+  margin: 0;
+}
+.article h3,
+.article h4 {
+  font-size: 14px;
+  padding-top: 76px;
+  margin-top: -56px;
+}
+.ios.standalone .article h3,
+.ios.standalone .article h4 {
+  padding-top: 20px;
+  margin-top: 0;
+}
+.article .headerlink {
+  float: right;
+  margin-left: 20px;
+  font-size: 14px;
+}
+h1 .article .headerlink {
+  display: none;
+}
+.article ol,
+.article p,
+.article ul {
+  margin-top: 1.5em;
+}
+.article li,
+.article li ol,
+.article li ul {
+  margin-top: 0.75em;
+}
+.article li {
+  margin-left: 18px;
+}
+.article li p {
+  display: inline;
+}
+.article ul > li:before {
+  content: "\e602";
+  display: block;
+  float: left;
+  font-family: Icon;
+  font-size: 16px;
+  width: 1.2em;
+  margin-left: -1.2em;
+  vertical-align: -0.1em;
+}
+.article p > code {
+  white-space: nowrap;
+  padding: 2px 4px;
+}
+.article kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  line-height: 10px;
+}
+.article hr {
+  margin-top: 1.5em;
+}
+.article img {
+  max-width: 100%;
+}
+.article pre {
+  padding: 16px;
+  margin: 1.5em -16px 0;
+  line-height: 1.5em;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.article table {
+  margin: 3em 0 1.5em;
+  font-size: 13px;
+  overflow: hidden;
+}
+.no-js .article table {
+  display: inline-block;
+  max-width: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.article table th {
+  min-width: 100px;
+  font-size: 12px;
+  text-align: left;
+}
+.article table td,
+.article table th {
+  padding: 12px 16px;
+  vertical-align: top;
+}
+.article blockquote {
+  padding-left: 16px;
+}
+.article .data {
+  margin: 1.5em -16px;
+  padding: 1.5em 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  text-align: center;
+}
+.article .data table {
+  display: inline-block;
+  margin: 0 16px;
+  text-align: left;
+}
+.footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0 4px;
+}
+.copyright {
+  margin: 1.5em 0;
+}
+.pagination {
+  max-width: 1184px;
+  height: 92px;
+  padding: 4px 0;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+}
+.pagination a {
+  display: block;
+  height: 100%;
+}
+.pagination .next,
+.pagination .previous {
+  position: relative;
+  float: left;
+  height: 100%;
+}
+.pagination .previous {
+  width: 25%;
+}
+.pagination .previous .direction,
+.pagination .previous .stretch {
+  display: none;
+}
+.pagination .next {
+  width: 75%;
+  text-align: right;
+}
+.pagination .page {
+  display: table;
+  position: absolute;
+  bottom: 4px;
+}
+.pagination .direction {
+  display: block;
+  position: absolute;
+  bottom: 40px;
+  width: 100%;
+  font-size: 15px;
+  line-height: 20px;
+  padding: 0 52px;
+}
+.pagination .stretch {
+  padding: 0 4px;
+}
+.pagination .stretch .title {
+  font-size: 18px;
+  padding: 11px 0 13px;
+}
+.admonition {
+  margin: 20px -16px 0;
+  padding: 20px 16px;
+}
+.admonition > :first-child {
+  margin-top: 0;
+}
+.admonition .admonition-title {
+  font-size: 20px;
+}
+.admonition .admonition-title:before {
+  content: "\e611";
+  display: block;
+  float: left;
+  font-family: Icon;
+  font-size: 24px;
+  vertical-align: -0.1em;
+  margin-right: 5px;
+}
+.admonition.warning .admonition-title:before {
+  content: "\e610";
+}
+.article h3 {
+  font-weight: 700;
+}
+.article h4 {
+  font-weight: 400;
+  font-style: italic;
+}
+.article h2 a,
+.article h3 a,
+.article h4 a,
+.article h5 a,
+.article h6 a {
+  font-weight: 400;
+  font-style: normal;
+}
+.bar {
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  -webkit-transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1),
+    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
+  transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1),
+    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
+  transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1),
+    transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
+  transition: opacity 0.2s cubic-bezier(0.75, 0, 0.25, 1),
+    transform 0.4s cubic-bezier(0.75, 0, 0.25, 1),
+    -webkit-transform 0.4s cubic-bezier(0.75, 0, 0.25, 1);
+}
+#toggle-search:checked ~ .header .bar,
+.toggle-search .bar {
+  -webkit-transform: translate3d(0, -56px, 0);
+  transform: translate3d(0, -56px, 0);
+}
+.bar.search .button-reset {
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+  -webkit-transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
+    -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
+  transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
+    -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
+  transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
+    transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
+  transition: opacity 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
+    transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
+    -webkit-transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1);
+  opacity: 0;
+}
+.bar.search.non-empty .button-reset {
+  -webkit-transform: scale(1);
+  transform: scale(1);
+  opacity: 1;
+}
+.results {
+  -webkit-transition: opacity 0.3s 0.1s, width 0s 0.4s, height 0s 0.4s;
+  transition: opacity 0.3s 0.1s, width 0s 0.4s, height 0s 0.4s;
+}
+#toggle-search:checked ~ .main .results,
+.toggle-search .results {
+  -webkit-transition: opacity 0.4s, width 0s, height 0s;
+  transition: opacity 0.4s, width 0s, height 0s;
+}
+.results .list a {
+  -webkit-transition: background 0.25s;
+  transition: background 0.25s;
+}
+.no-csstransforms3d .bar.default {
+  display: table;
+}
+.no-csstransforms3d .bar.search {
+  display: none;
+  margin-top: 0;
+}
+.no-csstransforms3d #toggle-search:checked ~ .header .bar.default,
+.no-csstransforms3d .toggle-search .bar.default {
+  display: none;
+}
+.no-csstransforms3d #toggle-search:checked ~ .header .bar.search,
+.no-csstransforms3d .toggle-search .bar.search {
+  display: table;
+}
+.bar.search {
+  opacity: 0;
+}
+.bar.search .query {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.87);
+}
+.bar.search .query::-webkit-input-placeholder {
+  color: rgba(0, 0, 0, 0.26);
+}
+.bar.search .query:-moz-placeholder,
+.bar.search .query::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.26);
+}
+.bar.search .query:-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.26);
+}
+.bar.search .button .icon:active {
+  background: rgba(0, 0, 0, 0.12);
+}
+.results {
+  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.23), 0 8px 25px rgba(0, 0, 0, 0.05);
+  background: #fff;
+  color: rgba(0, 0, 0, 0.87);
+  opacity: 0;
+}
+#toggle-search:checked ~ .main .results,
+.toggle-search .results {
+  opacity: 1;
+}
+.results .meta {
+  background: #e84e40;
+  color: #fff;
+}
+.results .list a {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+}
+.results .list a:last-child {
+  border-bottom: none;
+}
+.results .list a:active {
+  background: rgba(0, 0, 0, 0.12);
+}
+.result span {
+  color: rgba(0, 0, 0, 0.54);
+}
+#toggle-search:checked ~ .header,
+.toggle-search .header {
+  background: #fff;
+  color: rgba(0, 0, 0, 0.54);
+}
+#toggle-search:checked ~ .header:before,
+.toggle-search .header:before {
+  background: rgba(0, 0, 0, 0.54);
+}
+#toggle-search:checked ~ .header .bar.default,
+.toggle-search .header .bar.default {
+  opacity: 0;
+}
+#toggle-search:checked ~ .header .bar.search,
+.toggle-search .header .bar.search {
+  opacity: 1;
+}
+.bar.search {
+  margin-top: 8px;
+}
+.bar.search .query {
+  font-size: 18px;
+  padding: 13px 0;
+  margin: 0;
+  width: 100%;
+  height: 48px;
+}
+.bar.search .query::-ms-clear {
+  display: none;
+}
+.results {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 100%;
+  z-index: 1;
+  overflow-y: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+.results .scrollable {
+  top: 56px;
+}
+#toggle-search:checked ~ .main .results,
+.toggle-search .results {
+  width: 100%;
+  overflow-y: visible;
+}
+.results .meta {
+  font-weight: 700;
+}
+.results .meta strong {
+  display: block;
+  font-size: 11px;
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 16px;
+}
+.results .list a {
+  display: block;
+}
+.result {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 12px 16px 16px;
+}
+.result h1 {
+  line-height: 24px;
+}
+.result h1,
+.result span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.result span {
+  font-size: 12px;
+}
+.no-csstransforms3d .results {
+  display: none;
+}
+.no-csstransforms3d #toggle-search:checked ~ .main .results,
+.no-csstransforms3d .toggle-search .results {
+  display: block;
+  overflow: auto;
+}
+.meta {
+  text-transform: uppercase;
+  font-weight: 700;
+}
+@media only screen and (min-width: 960px) {
+  .backdrop {
+    background: #f2f2f2;
+  }
+  .backdrop-paper:after {
+    box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
+  }
+  .button-menu {
+    display: none;
+  }
+  .drawer {
+    float: left;
+    height: auto;
+    margin-bottom: 96px;
+    padding-top: 80px;
+  }
+  .drawer,
+  .drawer .scrollable {
+    position: static;
+  }
+  .article {
+    margin-left: 262px;
+  }
+  .footer {
+    z-index: 4;
+  }
+  .copyright {
+    margin-bottom: 64px;
+  }
+  .results {
+    height: auto;
+    top: 64px;
+  }
+  .results .scrollable {
+    position: static;
+    max-height: 413px;
+  }
+}
+@media only screen and (max-width: 959px) {
+  #toggle-drawer:checked ~ .overlay,
+  .toggle-drawer .overlay {
+    width: 100%;
+    height: 100%;
+  }
+  .drawer {
+    -webkit-transform: translate3d(-262px, 0, 0);
+    transform: translate3d(-262px, 0, 0);
+    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+      -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  .no-csstransforms3d .drawer {
+    display: none;
+  }
+  .drawer {
+    background: #fff;
+  }
+  .project {
+    box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.24), 0 3px 8px rgba(0, 0, 0, 0.05);
+    background: #e84e40;
+    color: #fff;
+  }
+  .drawer {
+    position: fixed;
+    z-index: 4;
+  }
+  #toggle-search:checked ~ .main .results,
+  .drawer,
+  .toggle-search .results {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 720px) {
+  .header {
+    height: 64px;
+    padding: 8px;
+  }
+  .header .stretch {
+    padding: 0 16px;
+  }
+  .header .stretch .title {
+    font-size: 20px;
+    padding: 12px 0;
+  }
+  .project .name {
+    margin: 26px 0 0 5px;
+  }
+  .article .wrapper {
+    padding: 128px 24px 96px;
+  }
+  .article .data {
+    margin: 1.5em -24px;
+  }
+  .article .data table {
+    margin: 0 24px;
+  }
+  .article h2 {
+    padding-top: 100px;
+    margin-top: -64px;
+  }
+  .ios.standalone .article h2 {
+    padding-top: 28px;
+    margin-top: 8px;
+  }
+  .article h3,
+  .article h4 {
+    padding-top: 84px;
+    margin-top: -64px;
+  }
+  .ios.standalone .article h3,
+  .ios.standalone .article h4 {
+    padding-top: 20px;
+    margin-top: 0;
+  }
+  .article pre {
+    padding: 1.5em 24px;
+    margin: 1.5em -24px 0;
+  }
+  .footer {
+    padding: 0 8px;
+  }
+  .pagination {
+    height: 96px;
+    padding: 8px 0;
+  }
+  .pagination .direction {
+    padding: 0 56px;
+    bottom: 40px;
+  }
+  .pagination .stretch {
+    padding: 0 8px;
+  }
+  .admonition {
+    margin: 20px -24px 0;
+    padding: 20px 24px;
+  }
+  .bar.search .query {
+    font-size: 20px;
+    padding: 12px 0;
+  }
+  .results .scrollable {
+    top: 64px;
+  }
+  .results .meta strong {
+    padding: 16px 24px;
+  }
+  .result {
+    padding: 16px 24px 20px;
+  }
+}
+@media only screen and (min-width: 1200px) {
+  .header {
+    width: 100%;
+  }
+  .drawer .scrollable .wrapper hr {
+    width: 48px;
+  }
+}
+@media only screen and (orientation: portrait) {
+  .ios.standalone .header {
+    height: 76px;
+    padding-top: 24px;
+  }
+  .ios.standalone .header:before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 3;
+    width: 100%;
+    height: 20px;
+  }
+  .ios.standalone .drawer .scrollable {
+    top: 124px;
+  }
+  .ios.standalone .project {
+    padding-top: 20px;
+  }
+  .ios.standalone .project:before {
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 3;
+    width: 100%;
+    height: 20px;
+  }
+  .ios.standalone .article {
+    position: absolute;
+    top: 76px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  .ios.standalone .results .scrollable {
+    top: 76px;
+  }
+}
+@media only screen and (orientation: portrait) and (min-width: 720px) {
+  .ios.standalone .header {
+    height: 84px;
+    padding-top: 28px;
+  }
+  .ios.standalone .results .scrollable {
+    top: 84px;
+  }
+}
+@media only screen and (max-width: 719px) {
+  .bar .path {
+    display: none;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .button-github,
+  .button-twitter {
+    display: none;
+  }
+}
+@media only screen and (min-width: 720px) and (max-width: 959px) {
+  .header .stretch {
+    padding: 0 24px;
+  }
+}
+@media only screen and (min-width: 480px) {
+  .pagination .next,
+  .pagination .previous {
+    width: 50%;
+  }
+  .pagination .previous .direction {
+    display: block;
+  }
+  .pagination .previous .stretch {
+    display: table;
+  }
+}
+@media print {
+  .drawer,
+  .footer,
+  .header,
+  .headerlink {
+    display: none;
+  }
+  .article .wrapper {
+    padding-top: 0;
+  }
+  .article pre,
+  .article pre * {
+    color: rgba(0, 0, 0, 0.87) !important;
+  }
+  .article pre {
+    border: 1px solid rgba(0, 0, 0, 0.12);
+  }
+  .article table {
+    border-radius: none;
+    box-shadow: none;
+  }
+  .article table th {
+    color: #e84e40;
+  }
+}