refactor(docs): refactor man & index page (#1472)

5 files changed, 1137 insertions, 0 deletions

diff --git a/assets/css/bulma.css b/assets/css/bulma.css
new file mode 100644
index 00000000..2db56246
--- /dev/null
+++ b/assets/css/bulma.css
@@ -0,0 +1,22 @@
+/* bulma setting */
+body {
+  font-family: 'Roboto', 'Trebuchet MS', sans-serif;
+  line-height: 1.846;
+  color: #666666;
+  background-color: #ffffff;
+  margin: 0;
+}
+
+img {
+  height: auto;
+  max-width: 100%;
+}
+
+.container {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.is-order-2 {
+  order: 2;
+}
\ No newline at end of file
diff --git a/assets/css/index.css b/assets/css/index.css
new file mode 100644
index 00000000..55912884
--- /dev/null
+++ b/assets/css/index.css
@@ -0,0 +1,266 @@
+#content {
+  padding: 64px 0 48px;
+  padding-left: 12px;
+  padding-right: 12px;
+  margin: 0 auto;
+  max-width: 1344px;
+}
+
+a {
+  text-decoration: none;
+  color: #2156a5;
+}
+
+a:hover {
+  color: #112D4E;
+}
+
+a.is-brown {
+  color: #3F72AF;
+}
+
+.button {
+  border: none;
+}
+
+.button.is-hovered,
+.button:hover {
+  border: none;
+}
+
+/* This styling is used for our nanomsg specific headers. */
+.navbar {
+  background: transparent;
+}
+
+.nn-header {
+  position: fixed;
+  z-index: 40;
+  width: 100%;
+  background: linear-gradient(135deg, #112D4E 0%, #171D41 100%);
+}
+
+i.iconfont {
+  font-size: 18px;
+  margin-right: 4px;
+}
+
+.navbar-burger {
+  color: #3F72AF
+}
+
+/* navbar link  */
+.nn-header-inner a {
+  color: #fff;
+}
+
+.nn-header-inner .is-active a {
+  color: #424242;
+}
+
+.nn-header-inner a:hover {
+  color: #3F72AF
+}
+
+.nn-header a.btn-download {
+  padding: 5px 12px;
+  display: inline-block;
+  background: #3F72AF;
+  border-radius: 4px;
+  color: #fff;
+}
+
+.nn-nav-link {
+  color: #fff;
+  text-decoration: none;
+}
+
+/* nn-footer */
+.nn-footer .nn-footer-top {
+  border-bottom: 1px solid #E3E3E3;
+}
+
+.nn-footer .nn-footer-email {
+  font-size: 14px;
+  color: #4F5880;
+  line-height: 20px;
+}
+
+.nn-footer .nn-footer-copyright {
+  font-size: 14px;
+  font-weight: bold;
+  color: #B9B9B9;
+  line-height: 16px;
+}
+
+/* nn-page style sheet */
+
+#nn-banner {
+  width: 100%;
+  padding: 175px 0 110px;
+  text-align: center;
+  background: linear-gradient(135deg, #112D4E 0%, #171D41 100%);
+}
+
+#nn-banner .nn-banner-title {
+  font-size: 48px;
+  font-weight: bold;
+  color: #FFF;
+  margin-bottom: 40px;
+}
+
+#nn-banner .nn-banner-desc {
+  font-size: 24px;
+  color: #FFF;
+  margin-bottom: 48px;
+}
+
+#nn-banner .nn-btn-download {
+  padding: 15px 44px;
+  background: #3F72AF;
+  border-radius: 4px;
+  color: #fff;
+}
+
+/* content */
+#nn-content {
+  padding-top: 0px;
+}
+
+h2.nn-subtitle {
+  font-size: 44px;
+  font-weight: bold;
+  color: #2E2E2E;
+  line-height: 44px;
+}
+
+
+/* nn-intro */
+#nn-intro {
+  padding: 100px 0;
+}
+
+#nn-intro .nn-intro-container {
+  padding: 60px 110px;
+  position: relative;
+  border: #112D4E solid 4px;
+  border-radius: 4px;
+}
+
+#nn-intro .nn-intro-title {
+  z-index: 10;
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: 0;
+  transform: translateY(-50%);
+}
+
+#nn-intro .nn-intro-desc {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+#nn-intro .nn-intro-cov {
+  position: absolute;
+  background-color: #fff;
+}
+
+@media screen and (max-width: 1200px) {
+  #nn-intro .nn-intro-container {
+    padding: 60px 24px;
+  }
+
+  #nn-intro .nn-intro-container {
+    border: none;
+  }
+}
+
+/* nn-feat */
+#nn-feat {
+  padding: 100px 0;
+  background: rgba(78, 87, 126, 0.05);
+}
+
+#nn-feat .nn-feat-title {
+  margin: 0 0 64px;
+}
+
+#nn-feat .card {
+  box-shadow: none;
+  background: #FFFFFF;
+  border: 1px solid #DEDEDE;
+  border-radius: 0;
+  height: 100%;
+}
+
+#nn-feat .feat-card {
+  padding: 34px 32px;
+}
+
+#nn-feat .feat-card img {
+  width: 36px;
+  height: 36px;
+}
+
+#nn-feat .feat-card .card-title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #112D4E;
+  line-height: 24px;
+}
+
+#nn-feat .feat-card .card-desc {
+  font-size: 14px;
+  color: #424242;
+  line-height: 22px;
+}
+
+
+/* nn-detail */
+
+#nn-detail {
+  padding: 100px 0;
+}
+
+#nn-detail .platforms {
+  margin-top: 140px;
+}
+
+#nn-detail .nn-detail-title {
+  margin-bottom: 50px;
+}
+
+#nn-detail .nn-detail-desc {
+  font-weight: 400;
+  line-height: 16px;
+}
+
+/* nn-quick-start */
+#nn-quick-start {
+  padding: 100px 0;
+  background: linear-gradient(135deg, #112D4E 0%, #171D41 100%);
+}
+
+#nn-quick-start .container {
+  background: url('/assets/image/quick-start-bg.png') no-repeat bottom right/ auto 250px;
+}
+
+#nn-quick-start .nn-quick-start-title {
+  margin-bottom: 48px;
+}
+
+#nn-quick-start .nn-quick-start-desc {
+  font-weight: 400;
+  color: #fff;
+  line-height: 24px;
+}
+
+#nn-quick-start .nn-quick-start-pre {
+  background: rgba(122, 129, 159, 0.29);
+  border-radius: 8px;
+  border: 2px solid rgba(255, 255, 255, 0.58);
+  color: #fff;
+  padding: 16px;
+}
\ No newline at end of file
diff --git a/assets/css/man.css b/assets/css/man.css
new file mode 100644
index 00000000..7321e4ba
--- /dev/null
+++ b/assets/css/man.css
@@ -0,0 +1,272 @@
+/* bulma */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 24px 0 16px;
+}
+
+p {
+  font-size: 14px;
+  font-weight: 400;
+  color: #424242;
+  line-height: 22px;
+  margin: 16px 0 24px;
+}
+
+.search-container {
+  position: relative;
+}
+
+/* man-search */
+#man-search {
+  outline: none;
+  border: 0;
+  border-left: 1px solid #dedede;
+  border-radius: 0;
+  padding-left: 35px;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 14px;
+}
+
+.icon-search.icon-search {
+  font-size: 8px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-40%);
+  left: 30px;
+}
+
+
+/* header */
+.man-header {
+  background: #FFFFFF;
+  position: fixed;
+  z-index: 40;
+  width: 100%;
+  box-shadow: 0px 2px 9px 0px rgba(227, 227, 227, 0.5);
+}
+
+.man-header a {
+  color: #424242;
+  font-size: 16px;
+}
+
+.man-header a.btn-github {
+  padding: 5px 28px;
+  display: inline-block;
+  border-radius: 4px;
+  border: 1px solid #DEDEDE;
+  color: #424242;
+}
+
+.man-header a.btn-download {
+  padding: 5px 12px;
+  display: inline-block;
+  background: #BA5836;
+  border-radius: 4px;
+  color: #fff;
+}
+
+i.iconfont {
+  font-size: 18px;
+  margin-right: 4px;
+}
+
+.man-header .navbar-highlight {
+  border-top: 3px solid #BA5836;
+  align-items: center;
+  border-bottom: 3px solid transparent;
+}
+
+/* nn-footer */
+.nn-footer .nn-footer-top {
+  border-bottom: 1px solid #E3E3E3;
+}
+
+.nn-footer .nn-footer-email {
+  font-size: 14px;
+  color: #4F5880;
+  line-height: 20px;
+}
+
+.nn-footer .nn-footer-copyright {
+  font-size: 14px;
+  font-weight: bold;
+  color: #B9B9B9;
+  line-height: 16px;
+}
+
+/* bulma */
+.navbar-brand {
+  align-items: stretch;
+  display: flex;
+  flex-shrink: 0;
+  min-height: 3.25rem;
+}
+
+.navbar {
+  align-items: stretch;
+  background-color: #fff;
+  min-height: 3.25rem;
+  position: relative;
+  z-index: 30;
+  margin: 0 48px;
+}
+
+@media screen and (max-width: 1023px) {
+  .navbar {
+    margin: 0;
+  }
+
+}
+
+.navbar-menu {
+  display: none;
+}
+
+.navbar-item {
+  cursor: pointer;
+  flex-grow: 0;
+  flex-shrink: 0;
+  color: #4a4a4a;
+  display: block;
+  line-height: 1.5;
+  padding: .5rem .75rem;
+  position: relative;
+}
+
+.navbar-burger {
+  color: #4a4a4a;
+  cursor: pointer;
+  display: block;
+  height: 3.25rem;
+  width: 3.25rem;
+  position: relative;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background: 0 0;
+  border: none;
+  font-family: inherit;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  margin-left: auto;
+}
+
+.navbar-burger:hover {
+  background-color: rgba(0, 0, 0, .05);
+}
+
+.navbar-burger span {
+  background-color: currentColor;
+  display: block;
+  height: 1px;
+  left: calc(50% - 8px);
+  position: absolute;
+  transform-origin: center;
+  transition-duration: 86ms;
+  transition-property: background-color, opacity, transform;
+  transition-timing-function: ease-out;
+  width: 16px;
+}
+
+.navbar-burger.is-active span:nth-child(1) {
+  transform: translateY(5px) rotate(45deg);
+}
+
+.navbar-burger span:nth-child(1) {
+  top: calc(50% - 6px);
+}
+
+.navbar-burger.is-active span:nth-child(2) {
+  opacity: 0;
+}
+
+.navbar-burger span:nth-child(2) {
+  top: calc(50% - 1px);
+}
+
+.navbar-burger.is-active span:nth-child(3) {
+  transform: translateY(-5px) rotate(-45deg);
+}
+
+.navbar-burger span:nth-child(3) {
+  top: calc(50% + 4px);
+}
+
+
+@media screen and (max-width: 1023px) {
+  .man-header .navbar-highlight {
+    border-top: none;
+  }
+
+  .navbar-menu.is-active {
+    display: block;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .navbar {
+    min-height: 3.25rem;
+  }
+
+  .navbar,
+  .navbar-end,
+  .navbar-menu,
+  .navbar-start {
+    align-items: stretch;
+    display: flex;
+  }
+
+  .navbar-menu {
+    flex-grow: 1;
+    flex-shrink: 0;
+  }
+
+  .navbar-item,
+  .navbar-link {
+    align-items: center;
+    display: flex;
+  }
+
+  .navbar-burger {
+    display: none;
+  }
+
+  .navbar-start {
+    justify-content: flex-start;
+    margin-right: auto;
+  }
+
+  .navbar-end {
+    justify-content: flex-end;
+    margin-left: auto;
+  }
+}
+
+@media screen and (max-width: 1023px) {
+  .is-hidden-touch {
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .is-hidden-desktop {
+    display: none !important;
+  }
+}
+
+.level {
+  display: flex;
+  justify-content: space-between;
+}
+
+.level-left,
+.level-right {
+  align-items: center;
+}
\ No newline at end of file
diff --git a/assets/css/nn-pygments.css b/assets/css/nn-pygments.css
new file mode 100644
index 00000000..b8347520
--- /dev/null
+++ b/assets/css/nn-pygments.css
@@ -0,0 +1,69 @@
+pre.pygments .hll { background-color: #ffffcc }
+pre.pygments  { background: #eee; border-radius: 0.5em }
+pre.pygments .tok-c { color: #408080; font-style: italic } /* Comment */
+pre.pygments .tok-err { border: 1px solid #FF0000 } /* Error */
+pre.pygments .tok-k { color: #008000; font-weight: bold } /* Keyword */
+pre.pygments .tok-o { color: #666666 } /* Operator */
+pre.pygments .tok-ch { color: #408080; font-style: italic } /* Comment.Hashbang */
+pre.pygments .tok-cm { color: #408080; font-style: italic } /* Comment.Multiline */
+pre.pygments .tok-cp { color: #BC7A00 } /* Comment.Preproc */
+pre.pygments .tok-cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
+pre.pygments .tok-c1 { color: #408080; font-style: italic } /* Comment.Single */
+pre.pygments .tok-cs { color: #408080; font-style: italic } /* Comment.Special */
+pre.pygments .tok-gd { color: #A00000 } /* Generic.Deleted */
+pre.pygments .tok-ge { font-style: italic } /* Generic.Emph */
+pre.pygments .tok-gr { color: #FF0000 } /* Generic.Error */
+pre.pygments .tok-gh { color: #000080; font-weight: bold } /* Generic.Heading */
+pre.pygments .tok-gi { color: #00A000 } /* Generic.Inserted */
+pre.pygments .tok-go { color: #888888 } /* Generic.Output */
+pre.pygments .tok-gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+pre.pygments .tok-gs { font-weight: bold } /* Generic.Strong */
+pre.pygments .tok-gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+pre.pygments .tok-gt { color: #0044DD } /* Generic.Traceback */
+pre.pygments .tok-kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+pre.pygments .tok-kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+pre.pygments .tok-kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+pre.pygments .tok-kp { color: #008000 } /* Keyword.Pseudo */
+pre.pygments .tok-kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+pre.pygments .tok-kt { color: #B00040 } /* Keyword.Type */
+pre.pygments .tok-m { color: #666666 } /* Literal.Number */
+pre.pygments .tok-s { color: #BA2121 } /* Literal.String */
+pre.pygments .tok-na { color: #7D9029 } /* Name.Attribute */
+pre.pygments .tok-nb { color: #008000 } /* Name.Builtin */
+pre.pygments .tok-nc { color: #0000FF; font-weight: bold } /* Name.Class */
+pre.pygments .tok-no { color: #880000 } /* Name.Constant */
+pre.pygments .tok-nd { color: #AA22FF } /* Name.Decorator */
+pre.pygments .tok-ni { color: #999999; font-weight: bold } /* Name.Entity */
+pre.pygments .tok-ne { color: #D2413A; font-weight: bold } /* Name.Exception */
+pre.pygments .tok-nf { color: #0000FF } /* Name.Function */
+pre.pygments .tok-nl { color: #A0A000 } /* Name.Label */
+pre.pygments .tok-nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+pre.pygments .tok-nt { color: #008000; font-weight: bold } /* Name.Tag */
+pre.pygments .tok-nv { color: #19177C } /* Name.Variable */
+pre.pygments .tok-ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+pre.pygments .tok-w { color: #bbbbbb } /* Text.Whitespace */
+pre.pygments .tok-mb { color: #666666 } /* Literal.Number.Bin */
+pre.pygments .tok-mf { color: #666666 } /* Literal.Number.Float */
+pre.pygments .tok-mh { color: #666666 } /* Literal.Number.Hex */
+pre.pygments .tok-mi { color: #666666 } /* Literal.Number.Integer */
+pre.pygments .tok-mo { color: #666666 } /* Literal.Number.Oct */
+pre.pygments .tok-sa { color: #BA2121 } /* Literal.String.Affix */
+pre.pygments .tok-sb { color: #BA2121 } /* Literal.String.Backtick */
+pre.pygments .tok-sc { color: #BA2121 } /* Literal.String.Char */
+pre.pygments .tok-dl { color: #BA2121 } /* Literal.String.Delimiter */
+pre.pygments .tok-sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+pre.pygments .tok-s2 { color: #BA2121 } /* Literal.String.Double */
+pre.pygments .tok-se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
+pre.pygments .tok-sh { color: #BA2121 } /* Literal.String.Heredoc */
+pre.pygments .tok-si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
+pre.pygments .tok-sx { color: #008000 } /* Literal.String.Other */
+pre.pygments .tok-sr { color: #BB6688 } /* Literal.String.Regex */
+pre.pygments .tok-s1 { color: #BA2121 } /* Literal.String.Single */
+pre.pygments .tok-ss { color: #19177C } /* Literal.String.Symbol */
+pre.pygments .tok-bp { color: #008000 } /* Name.Builtin.Pseudo */
+pre.pygments .tok-fm { color: #0000FF } /* Name.Function.Magic */
+pre.pygments .tok-vc { color: #19177C } /* Name.Variable.Class */
+pre.pygments .tok-vg { color: #19177C } /* Name.Variable.Global */
+pre.pygments .tok-vi { color: #19177C } /* Name.Variable.Instance */
+pre.pygments .tok-vm { color: #19177C } /* Name.Variable.Magic */
+pre.pygments .tok-il { color: #666666 } /* Literal.Number.Integer.Long */
diff --git a/assets/css/nn.css b/assets/css/nn.css
new file mode 100644
index 00000000..d6b0a415
--- /dev/null
+++ b/assets/css/nn.css
@@ -0,0 +1,508 @@
+/*
+ * Modified from github.com/darshandsoni/asciidoctor-skins/css/boot-paper.css
+ * Based on Paper from Bootswatch (http://bootswatch.com/paper/)
+ * Significantly hand-edited by Garrett D'Amore for nanomsg uses, it
+ * bears little resemblance to the original.
+ *
+ * The original files were Copyright 2016 Darshan Soni.
+ * This file is Copyright 2020 Garrett D'Amore.
+ * 
+ * The license for the original, as well as this file, is the MIT license.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");
+@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
+@import url("https://fonts.googleapis.com/css?family=Inconsolata&display=swap");
+@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
+
+/* bulma setting */
+a {
+        text-decoration: none;
+        color: #2156a5;
+}
+
+a:hover {
+        color: #BA5836;
+}
+
+/* document body (contains all content) */
+
+body {
+        font-family: 'Roboto', 'Trebuchet MS', sans-serif;
+        line-height: 1.846;
+        color: #666666;
+        background-color: #ffffff;
+        margin: 0;
+}
+
+/* headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+        line-height: 1.1;
+        color: #424242;
+        font-weight: 500;
+        font-family: 'Roboto-Medium', 'Roboto', inherit;
+}
+
+h1 {
+        font-size: 32px;
+}
+
+h2 {
+        font-size: 20px;
+}
+
+h3 {
+        font-size: 16px;
+}
+
+h4,
+h5,
+h6 {
+        font-size: 14px;
+}
+
+h2#_name {
+        display: none;
+}
+
+/* plain paragraph text */
+
+p {
+        font-size: 1.0625rem;
+}
+
+/* blockquote text TODO: review these - they seem too absolute */
+
+blockquote {
+        font-size: 1.0625rem;
+        padding: 11.5px 23px;
+        margin: 0 0 23px;
+        border-left: 5px solid #eeeeee;
+}
+
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+        margin-bottom: 0;
+}
+
+.blockquote-reverse,
+blockquote.pull-right {
+        padding-right: 15px;
+        padding-left: 0;
+        border-right: 5px solid #eeeeee;
+        border-left: 0;
+        text-align: right;
+}
+
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+        content: '';
+}
+
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+        content: '\00A0 \2014';
+}
+
+/* blockquote attribution text */
+
+.attribution,
+.cite,
+blockquote footer,
+blockquote small,
+blockquote .small {
+        display: block;
+        /*   font-size: 80%; */
+        line-height: 1.846;
+        color: #bbbbbb;
+}
+
+.attribution:before,
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+        content: '\2014 \00A0';
+}
+
+/* unordered list */
+
+ul,
+ol {
+        margin-top: 0;
+        margin-bottom: 11.5px;
+}
+
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+        margin-bottom: 0;
+}
+
+/* horizontal rules */
+
+hr {
+        border: 0;
+        border-top: 1px solid #eeeeee;
+}
+
+/* table */
+
+table {
+        background-color: #fff;
+        border: solid 1px #dedede;
+        width: 100%;
+        max-width: 100%;
+        margin-bottom: 1.4em;
+        border-collapse: collapse;
+}
+
+table col[class*="col-"] {
+        position: static;
+        float: none;
+        display: table-column;
+}
+
+table td[class*="col-"],
+table th[class*="col-"] {
+        position: static;
+        float: none;
+        display: table-cell;
+}
+
+/* table caption */
+
+caption {
+        padding-top: .5em;
+        padding-bottom: .5em;
+        ;
+        color: #bbbbbb;
+        text-align: left;
+}
+
+/* table header row */
+
+thead {
+        border-bottom: 2px solid #dddddd;
+}
+
+/* table header cell */
+
+th {
+        text-align: left;
+        padding-left: .5em;
+}
+
+/* table footer */
+
+tfoot {
+        color: #807F81;
+        border-top: 1px solid #dddddd;
+}
+
+/* table cell */
+
+td {
+        border-top: 1px solid #dddddd;
+}
+
+td p {
+        margin: auto;
+        padding: .5em;
+}
+
+td code {
+        margin: auto;
+        padding: .5em;
+}
+
+/* table body */
+
+tbody>tr:nth-of-type(odd) {
+        background-color: #f9f9f9;
+}
+
+tbody>tr:hover {
+        background-color: #f5f5f5;
+}
+
+/* inline code */
+
+code,
+kbd,
+pre,
+samp {
+        font-family: 'Inconsolata', 'Consolas', monospace;
+}
+
+pre.highlight {
+        background-color: lightblue;
+        border-radius: .5em;
+        border: 1px solid #cccccc;
+}
+
+kbd {
+        padding: 2px 4px;
+        font-size: 90%;
+        color: #ffffff;
+        background-color: #333333;
+        border-radius: 3px;
+        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+kbd kbd {
+        padding: 0;
+        font-size: 100%;
+        font-weight: bold;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+}
+
+pre {
+        display: block;
+        padding: .7em;
+        margin: 0 0 .7em;
+        word-break: break-all;
+        word-wrap: break-word;
+}
+
+/* icon font admonitions */
+
+.admonitionblock>table {
+        border-collapse: separate;
+        border: 0;
+        background: none;
+        width: 100%
+}
+
+.admonitionblock>table td.icon {
+        text-align: center;
+        padding: 0.5em;
+        width: 4em;
+        border-top: none
+}
+
+.admonitionblock>table td.icon img {
+        max-width: none
+}
+
+.admonitionblock>table td.icon .title {
+        font-weight: bold;
+        font-family: "Open Sans", sans-serif;
+        text-transform: uppercase
+}
+
+.admonitionblock>table td.content {
+        padding-left: 1.125em;
+        padding-right: 1.25em;
+        border-left: 1px solid #dddddf;
+        color: rgba(0, 0, 0, .6);
+        border-top: none;
+        font-size: 1.0625em;
+}
+
+.admonitionblock>table td.nn-version-note {
+        padding-left: 1.125em;
+        padding-right: 1.25em;
+        border-left: 1px solid #dddddf;
+        color: rgba(0, 0, 0, .6);
+        border-top: none;
+        font-size: 0.95em;
+}
+
+.admonitionblock>table td.content>:last-child>:last-child {
+        margin-bottom: 0
+}
+
+span.icon>.fa {
+        cursor: default
+}
+
+a span.icon>.fa {
+        cursor: inherit
+}
+
+.admonitionblock td.icon [class^="fa icon-"] {
+        font-size: 2.5em;
+        text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
+        cursor: default
+}
+
+.admonitionblock td.icon .icon-note::before {
+        content: "\f05a";
+        color: #19407c
+}
+
+.admonitionblock td.icon .icon-tip::before {
+        content: "\f0eb";
+        text-shadow: 1px 1px 2px rgba(155, 155, 0, .8);
+        color: #111
+}
+
+.admonitionblock td.icon .icon-warning::before {
+        content: "\f071";
+        color: #bf6900
+}
+
+.admonitionblock td.icon .icon-caution::before {
+        content: "\f06d";
+        color: #bf3400
+}
+
+.admonitionblock td.icon .icon-important::before {
+        content: "\f06a";
+        color: #bf0000
+}
+
+div.sidebarblock {
+        border-radius: .5em;
+        background-color: #e0e0e0;
+}
+
+div.sidebarblock div.content {
+        padding: 1em 2em;
+}
+
+.sidebarblock .content p {
+        font-size: .95em;
+}
+
+/* doc header */
+div.details {
+        border-top: 1px solid #e0e0e0;
+        padding-top: 2em;
+        text-align: right;
+        margin-bottom: 1em;
+}
+
+span.author {
+        font-style: italic;
+}
+
+span.author::before {
+        content: "\2014  ";
+}
+
+#revnumber,
+#revdate {
+        font-size: .9em;
+}
+
+
+/* image */
+
+img {
+        height: auto;
+        max-width: 100%;
+}
+
+/* responsiveness fixes */
+
+video {
+        max-width: 100%;
+}
+
+/* table of Contents sidebar */
+
+nav.toc2 {
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        vertical-align: top;
+        z-index: 10;
+        position: fixed;
+        top: 3.4em;
+        bottom: 0;
+        padding: 1.25em 1em;
+}
+
+@media screen and (max-width: 768px) {
+        nav.toc2 {
+                visibility: hidden;
+                overflow: hidden;
+        }
+
+        nav.toc2::-webkit-scrollbar {
+                display: none;
+        }
+
+        nav.toc2 {
+                -ms-overflow-style: none;
+        }
+}
+
+#toc.toc2 ul {
+        font-size: .95em;
+        margin-bottom: 0;
+        padding-left: 0;
+        display: block;
+        list-style: none;
+}
+
+#toc.toc2 ul ul li {
+        padding-left: 1em;
+}
+
+#toctitle {
+        color: #ba5836;
+}
+
+/* only show the table of contents on screens wide enough to have room */
+
+main {
+        padding-left: 20em;
+        display: block;
+        padding-top: 53px;
+        overflow-y: auto;
+        margin: 0 auto;
+        max-width: 1200px;
+}
+
+@media all and (max-width: 1440px) {
+        #toctitle {
+                display: none;
+                overflow: visible;
+        }
+
+        #toc.toc2 ul {
+                display: none;
+                overflow: visible;
+        }
+
+        main {
+                padding-left: 2em;
+        }
+}
\ No newline at end of file