You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@druid.apache.org by jo...@apache.org on 2020/04/01 19:03:11 UTC

[druid-website] branch asf-site updated: Fix missing CSS

This is an automated email from the ASF dual-hosted git repository.

jonwei pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/druid-website.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new a77e868  Fix missing CSS
a77e868 is described below

commit a77e868fdb37141bd186653dfec2e9ec20b35f49
Author: jon-wei <jo...@imply.io>
AuthorDate: Wed Apr 1 12:02:57 2020 -0700

    Fix missing CSS
---
 css/base.css           |  280 ++++++++
 css/blogs.css          |   68 ++
 css/bootstrap-pure.css | 1855 ++++++++++++++++++++++++++++++++++++++++++++++++
 css/docs.css           |  126 ++++
 css/footer.css         |   29 +
 css/header.css         |  110 +++
 css/index.css          |   50 ++
 css/news-list.css      |   63 ++
 css/reset.css          |   44 ++
 css/syntax.css         |  281 ++++++++
 css/variables.css      |    0
 11 files changed, 2906 insertions(+)

diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..940e77a
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,280 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure, footer, header, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+* {
+  box-sizing: border-box;
+  vertical-align: top; }
+
+body * {
+  position: relative; }
+
+a {
+  text-decoration: inherit;
+  color: inherit;
+  cursor: inherit; }
+
+div, span {
+  cursor: inherit; }
+
+text {
+  cursor: default; }
+
+button, input, textarea {
+  border: 0;
+  margin: 0; }
+  button:focus, input:focus, textarea:focus {
+    outline: none; }
+
+body {
+  margin-top: 54px; }
+
+html, body {
+  position: relative;
+  color: #1C1C26;
+  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+  font-weight: 400;
+  font-size: 15px;
+  word-wrap: break-word; }
+  html h1, html h2, html h3, html h4, html h5, html h6, html .h1, html .h2, html .h3, html .h4, html .h5, html .h6, body h1, body h2, body h3, body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5, body .h6 {
+    font-weight: 600;
+    line-height: 140%;
+    margin-bottom: 14px;
+    margin-top: 28px; }
+  html h1, body h1 {
+    font-size: 2.7em; }
+  html h2, body h2 {
+    font-size: 2.2em; }
+  html h3, body h3 {
+    font-size: 1.7em; }
+  html h4, body h4 {
+    font-size: 1.4em; }
+  html h5, body h5 {
+    font-weight: bold; }
+  html h6, body h6 {
+    font-weight: bold;
+    color: #999999; }
+  html p, body p {
+    line-height: 170%;
+    margin-bottom: 14px;
+    margin-top: 14px; }
+    html p:first-child, body p:first-child {
+      margin-top: 28px; }
+  html strong, body strong {
+    font-weight: 700; }
+  html hr, body hr {
+    margin: 30px 0 30px 0; }
+  html a, body a {
+    cursor: pointer; }
+  html p a, html table a, html ul a, html li a, body p a, body table a, body ul a, body li a {
+    color: #4460de;
+    cursor: pointer;
+    font-weight: 600; }
+    html p a:hover, html table a:hover, html ul a:hover, html li a:hover, body p a:hover, body table a:hover, body ul a:hover, body li a:hover {
+      text-decoration: underline; }
+  html ul, body ul {
+    margin-top: 14px;
+    margin-bottom: 14px;
+    line-height: 170%; }
+    html ul li, body ul li {
+      margin-left: 18px;
+      list-style-type: disc; }
+  html ol, body ol {
+    margin-top: 14px;
+    margin-bottom: 14px;
+    line-height: 170%; }
+    html ol li, body ol li {
+      margin-left: 22px;
+      list-style-type: decimal; }
+  html table, body table {
+    width: 100%;
+    table-layout: fixed;
+    margin-top: 14px;
+    margin-bottom: 14px; }
+    html table th, body table th {
+      font-weight: 700; }
+    html table th, html table td, body table th, body table td {
+      padding: 5px; }
+  html blockquote, body blockquote {
+    font-size: 14px;
+    font-style: italic;
+    color: #777; }
+
+.druid-header {
+  padding: 34px 0 44px;
+  margin-bottom: 24px;
+  color: #1c1c26;
+  text-align: center;
+  background-image: url("/img/watermark-light.png");
+  background-size: 330px 330px;
+  background-repeat: no-repeat;
+  background-position: 18% -30px;
+  background-color: #ececf1;
+  overflow: hidden; }
+  .druid-header h1 {
+    margin-top: 14px;
+    font-size: 2.8em; }
+  .druid-header h4 {
+    font-weight: 400;
+    font-size: 15px;
+    margin-top: 0;
+    margin-bottom: 0; }
+    .druid-header h4 a {
+      color: #4460de;
+      font-weight: 600; }
+      .druid-header h4 a .fa {
+        margin-right: 4px; }
+      .druid-header h4 a:hover {
+        text-decoration: underline; }
+
+.text-indent {
+  padding-left: 50px; }
+
+.text-indent-2 {
+  padding-left: 100px; }
+
+.text-indent-p p {
+  padding-left: 50px; }
+
+.image-large {
+  text-align: center;
+  margin-top: 28px;
+  margin-bottom: 28px; }
+  .image-large img {
+    width: 100%;
+    max-width: 660px; }
+
+.large-button {
+  display: inline-block;
+  padding: 10px 22px;
+  color: white;
+  background: #4460de;
+  border-radius: 2px;
+  font-size: 15px;
+  margin-top: 14px;
+  margin-bottom: 14px; }
+  .large-button .fa {
+    margin-right: 3px; }
+  .large-button:hover {
+    background: #2442cb;
+    text-decoration: none; }
+
+.fancy-list {
+  margin-top: 22px;
+  margin-bottom: 22px; }
+  .fancy-list li {
+    list-style: none;
+    font-weight: 600;
+    margin-left: 0;
+    padding-left: 30px;
+    margin-bottom: 8px; }
+    .fancy-list li:before {
+      content: "";
+      position: absolute;
+      top: 5px;
+      left: 0;
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background: #9caeff; }
+
+.features {
+  margin-bottom: 28px;
+  margin-top: 38px; }
+  .features .feature {
+    padding-left: 74px;
+    margin-bottom: 34px; }
+    .features .feature:nth-child(3n-2) .fa {
+      background: #cbd5ff; }
+    .features .feature:nth-child(3n-1) .fa {
+      background: #a7f1d9; }
+    .features .feature:nth-child(3n) .fa {
+      background: #ffd8a8; }
+    .features .feature .fa {
+      top: 0;
+      left: 0;
+      position: absolute;
+      width: 54px;
+      height: 54px;
+      line-height: 54px;
+      border-radius: 40px;
+      text-align: center;
+      font-size: 20px;
+      background: #cbd5ff;
+      color: #1C1C26; }
+    .features .feature p {
+      margin-top: 0; }
+    .features .feature h5 {
+      margin-bottom: 0;
+      font-size: 1.2em; }
+
+.zigzag-features {
+  margin-bottom: 100px; }
+  .zigzag-features .zigzag-feature {
+    margin-top: 100px; }
+    .zigzag-features .zigzag-feature .fa {
+      top: 0;
+      position: absolute;
+      width: 220px;
+      height: 220px;
+      line-height: 220px;
+      border-radius: 50%;
+      text-align: center;
+      font-size: 70px;
+      background: #cbd5ff;
+      color: #5062B4; }
+    .zigzag-features .zigzag-feature:nth-child(2n-1) {
+      padding-right: 300px; }
+      .zigzag-features .zigzag-feature:nth-child(2n-1) .fa {
+        right: 0; }
+    .zigzag-features .zigzag-feature:nth-child(2n) {
+      padding-left: 300px; }
+      .zigzag-features .zigzag-feature:nth-child(2n) .fa {
+        left: 0; }
+    .zigzag-features .zigzag-feature:nth-child(3n-2) .fa {
+      background: #cbd5ff;
+      color: #5062B4; }
+    .zigzag-features .zigzag-feature:nth-child(3n-1) .fa {
+      background: #a7f1d9;
+      color: #2C8265; }
+    .zigzag-features .zigzag-feature:nth-child(3n) .fa {
+      background: #ffd8a8;
+      color: #926226; }
+  @media (max-width: 840px) {
+    .zigzag-features .zigzag-feature .fa {
+      position: relative;
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+      margin-bottom: 40px; }
+    .zigzag-features .zigzag-feature:nth-child(2n-1) {
+      padding-right: 0; }
+    .zigzag-features .zigzag-feature:nth-child(2n) {
+      padding-left: 0; } }
+  @media (max-width: 440px) {
+    .zigzag-features {
+      margin-bottom: 70px; }
+      .zigzag-features .zigzag-feature {
+        margin-top: 70px; }
+        .zigzag-features .zigzag-feature .fa {
+          width: 180px;
+          height: 180px;
+          line-height: 180px;
+          font-size: 60px; } }
diff --git a/css/blogs.css b/css/blogs.css
new file mode 100644
index 0000000..081b39e
--- /dev/null
+++ b/css/blogs.css
@@ -0,0 +1,68 @@
+.blog-listing {
+  margin-bottom: 70px; }
+
+.blog-listing h2 {
+  color: #333; }
+
+.blog-listing h2 a {
+  color: inherit;
+  color: #575B61; }
+
+.blog-listing h2 a:hover,
+.blog-listing h2 a:focus {
+  color: #b1bac6;
+  text-decoration: none; }
+
+.blog-listing .btn-default {
+  border-color: #b1b1ac;
+  border-color: #2ceefb;
+  border-color: #2C90FB;
+  border-color: #2576CC;
+  color: #575B61;
+  color: #2C90FB;
+  color: #2576CC; }
+
+.blog-listing .btn-default:hover,
+.blog-listing .btn-default:focus {
+  /* background-color: #b1b1ac; */
+  background-color: #2C90FB;
+  background-color: #2576CC;
+  color: #fff; }
+
+.blog-entry {
+  margin-bottom: 70px; }
+
+.druid-header.blog {
+  padding: 0;
+  overflow: hidden; }
+
+.blog .title-spacer {
+  min-height: 240px; }
+
+.blog .title-image-wrap {
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  position: relative;
+  overflow: hidden;
+  min-height: 45px;
+  /* min-height: 200px; */ }
+
+.blog-entry img {
+  max-width: 100%; }
+
+.blog .title-image {
+  position: absolute;
+  min-width: 30%;
+  min-height: 200px;
+  margin: auto;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.5); }
+
+.recents ul li {
+  font-weight: 400;
+  margin-bottom: 15px; }
diff --git a/css/bootstrap-pure.css b/css/bootstrap-pure.css
new file mode 100644
index 0000000..820c985
--- /dev/null
+++ b/css/bootstrap-pure.css
@@ -0,0 +1,1855 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Modified by Vadim Ogievetsky
+ */
+article, aside, details, figure, footer, header, main, menu, nav, section, summary {
+  display: block; }
+
+progress, video {
+  display: inline-block;
+  vertical-align: baseline; }
+
+[hidden], template {
+  display: none; }
+
+b, strong {
+  font-weight: bold; }
+
+mark {
+  color: #000;
+  background: #ff0; }
+
+small {
+  font-size: 80%; }
+
+sub {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -.25em; }
+
+img {
+  border: 0; }
+
+figure {
+  margin: 1em 40px; }
+
+hr {
+  height: 0;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box; }
+
+pre {
+  overflow: auto; }
+
+code, pre {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+button, input, select {
+  margin: 0;
+  font: inherit;
+  color: inherit; }
+
+button {
+  overflow: visible; }
+
+button, select {
+  text-transform: none; }
+
+button, html input[type="button"], input[type="reset"], input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer; }
+
+button[disabled], html input[disabled] {
+  cursor: default; }
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+input {
+  line-height: normal; }
+
+input[type="checkbox"], input[type="radio"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+input[type="search"] {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  -webkit-appearance: textfield; }
+
+input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse; }
+
+td, th {
+  padding: 0; }
+
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *, *:before, *:after {
+    color: #000 !important;
+    text-shadow: none !important;
+    background: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important; }
+  a, a:visited {
+    text-decoration: underline; }
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+  a[href^="#"]:after, a[href^="javascript:"]:after {
+    content: ""; }
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+  thead {
+    display: table-header-group; }
+  tr, img {
+    page-break-inside: avoid; }
+  img {
+    max-width: 100% !important; }
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+  h2, h3 {
+    page-break-after: avoid; }
+  .navbar {
+    display: none; }
+  .label {
+    border: 1px solid #000; }
+  .table {
+    border-collapse: collapse !important; }
+  .table td, .table th {
+    background-color: #fff !important; } }
+
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url("../fonts/glyphicons-halflings-regular.eot");
+  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+*:before, *:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+input, button, select {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+figure {
+  margin: 0; }
+
+.img-rounded {
+  border-radius: 6px; }
+
+.img-circle {
+  border-radius: 50%; }
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee; }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+[role="button"] {
+  cursor: pointer; }
+
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4; }
+
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px; } }
+
+small, .small {
+  font-size: 85%; }
+
+mark, .mark {
+  padding: .2em;
+  background-color: #fcf8e3; }
+
+.text-left {
+  text-align: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-center {
+  text-align: center; }
+
+.text-lowercase {
+  text-transform: lowercase; }
+
+.text-uppercase {
+  text-transform: uppercase; }
+
+.text-muted {
+  color: #777; }
+
+.text-primary {
+  color: #337ab7; }
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #286090; }
+
+.text-success {
+  color: #3c763d; }
+
+a.text-success:hover, a.text-success:focus {
+  color: #2b542c; }
+
+.text-info {
+  color: #31708f; }
+
+a.text-info:hover, a.text-info:focus {
+  color: #245269; }
+
+.text-warning {
+  color: #8a6d3b; }
+
+a.text-warning:hover, a.text-warning:focus {
+  color: #66512c; }
+
+.text-danger {
+  color: #a94442; }
+
+a.text-danger:hover, a.text-danger:focus {
+  color: #843534; }
+
+.bg-primary {
+  color: #fff;
+  background-color: #337ab7; }
+
+a.bg-primary:hover, a.bg-primary:focus {
+  background-color: #286090; }
+
+.bg-success {
+  background-color: #dff0d8; }
+
+a.bg-success:hover, a.bg-success:focus {
+  background-color: #c1e2b3; }
+
+.bg-info {
+  background-color: #d9edf7; }
+
+a.bg-info:hover, a.bg-info:focus {
+  background-color: #afd9ee; }
+
+.bg-warning {
+  background-color: #fcf8e3; }
+
+a.bg-warning:hover, a.bg-warning:focus {
+  background-color: #f7ecb5; }
+
+.bg-danger {
+  background-color: #f2dede; }
+
+a.bg-danger:hover, a.bg-danger:focus {
+  background-color: #e4b9b9; }
+
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eee; }
+
+ul, ol {
+  margin-top: 0;
+  margin-bottom: 10px; }
+
+ul ul, ol ul, ul ol, ol ol {
+  margin-bottom: 0; }
+
+.list-inline {
+  padding-left: 0;
+  margin-left: -5px;
+  list-style: none; }
+
+.list-inline > li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px; }
+
+dl {
+  margin-top: 0;
+  margin-bottom: 20px; }
+
+dt, dd {
+  line-height: 1.42857143; }
+
+dt {
+  font-weight: bold; }
+
+dd {
+  margin-left: 0; }
+
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    overflow: hidden;
+    clear: left;
+    text-align: right;
+    text-overflow: ellipsis;
+    white-space: nowrap; }
+  .dl-horizontal dd {
+    margin-left: 180px; } }
+
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eee; }
+
+blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
+  margin-bottom: 0; }
+
+blockquote footer, blockquote small, blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.42857143;
+  color: #777; }
+
+blockquote footer:before, blockquote small:before, blockquote .small:before {
+  content: '\2014 \00A0'; }
+
+.blockquote-reverse, blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  text-align: right;
+  border-right: 5px solid #eee;
+  border-left: 0; }
+
+.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'; }
+
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143; }
+
+code, pre {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
+
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px; }
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0; }
+
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+
+@media (min-width: 768px) {
+  .container {
+    width: 750px; } }
+
+@media (min-width: 992px) {
+  .container {
+    width: 970px; } }
+
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px; } }
+
+.container-fluid {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+
+.row {
+  margin-right: -15px;
+  margin-left: -15px; }
+
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,  [...]
+  position: relative;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px; }
+
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left; }
+
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left; }
+  .col-md-12 {
+    width: 100%; }
+  .col-md-11 {
+    width: 91.66666667%; }
+  .col-md-10 {
+    width: 83.33333333%; }
+  .col-md-9 {
+    width: 75%; }
+  .col-md-8 {
+    width: 66.66666667%; }
+  .col-md-7 {
+    width: 58.33333333%; }
+  .col-md-6 {
+    width: 50%; }
+  .col-md-5 {
+    width: 41.66666667%; }
+  .col-md-4 {
+    width: 33.33333333%; }
+  .col-md-3 {
+    width: 25%; }
+  .col-md-2 {
+    width: 16.66666667%; }
+  .col-md-1 {
+    width: 8.33333333%; }
+  .col-md-pull-12 {
+    right: 100%; }
+  .col-md-pull-11 {
+    right: 91.66666667%; }
+  .col-md-pull-10 {
+    right: 83.33333333%; }
+  .col-md-pull-9 {
+    right: 75%; }
+  .col-md-pull-8 {
+    right: 66.66666667%; }
+  .col-md-pull-7 {
+    right: 58.33333333%; }
+  .col-md-pull-6 {
+    right: 50%; }
+  .col-md-pull-5 {
+    right: 41.66666667%; }
+  .col-md-pull-4 {
+    right: 33.33333333%; }
+  .col-md-pull-3 {
+    right: 25%; }
+  .col-md-pull-2 {
+    right: 16.66666667%; }
+  .col-md-pull-1 {
+    right: 8.33333333%; }
+  .col-md-pull-0 {
+    right: auto; }
+  .col-md-push-12 {
+    left: 100%; }
+  .col-md-push-11 {
+    left: 91.66666667%; }
+  .col-md-push-10 {
+    left: 83.33333333%; }
+  .col-md-push-9 {
+    left: 75%; }
+  .col-md-push-8 {
+    left: 66.66666667%; }
+  .col-md-push-7 {
+    left: 58.33333333%; }
+  .col-md-push-6 {
+    left: 50%; }
+  .col-md-push-5 {
+    left: 41.66666667%; }
+  .col-md-push-4 {
+    left: 33.33333333%; }
+  .col-md-push-3 {
+    left: 25%; }
+  .col-md-push-2 {
+    left: 16.66666667%; }
+  .col-md-push-1 {
+    left: 8.33333333%; }
+  .col-md-push-0 {
+    left: auto; }
+  .col-md-offset-12 {
+    margin-left: 100%; }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%; }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%; }
+  .col-md-offset-9 {
+    margin-left: 75%; }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%; }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%; }
+  .col-md-offset-6 {
+    margin-left: 50%; }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%; }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%; }
+  .col-md-offset-3 {
+    margin-left: 25%; }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%; }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%; }
+  .col-md-offset-0 {
+    margin-left: 0; } }
+
+table {
+  background-color: transparent; }
+
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777;
+  text-align: left; }
+
+th {
+  text-align: left; }
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px; }
+
+.table > thead > tr > th, .table > tbody > tr > th, .table > thead > tr > td, .table > tbody > tr > td {
+  padding: 8px;
+  line-height: 1.42857143;
+  vertical-align: top;
+  border-top: 1px solid #ddd; }
+
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #ddd; }
+
+.table > caption + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
+  border-top: 0; }
+
+.table > tbody + tbody {
+  border-top: 2px solid #ddd; }
+
+.table .table {
+  background-color: #fff; }
+
+.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td {
+  padding: 5px; }
+
+table col[class*="col-"] {
+  position: static;
+  display: table-column;
+  float: none; }
+
+table td[class*="col-"], table th[class*="col-"] {
+  position: static;
+  display: table-cell;
+  float: none; }
+
+.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th {
+  background-color: #f5f5f5; }
+
+.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th {
+  background-color: #dff0d8; }
+
+.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th {
+  background-color: #d9edf7; }
+
+.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th {
+  background-color: #fcf8e3; }
+
+.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th {
+  background-color: #f2dede; }
+
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold; }
+
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+input[type="radio"], input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal; }
+
+input[type="file"] {
+  display: block; }
+
+input[type="range"] {
+  display: block;
+  width: 100%; }
+
+select[multiple], select[size] {
+  height: auto; }
+
+input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px; }
+
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555; }
+
+input[type="search"] {
+  -webkit-appearance: none; }
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
+    line-height: 34px; }
+  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
+    line-height: 30px; }
+  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
+    line-height: 46px; } }
+
+.form-group {
+  margin-bottom: 15px; }
+
+input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled {
+  cursor: not-allowed; }
+
+.form-control-static {
+  min-height: 34px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0; }
+
+.form-control-static.input-lg, .form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0; }
+
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+select.input-sm {
+  height: 30px;
+  line-height: 30px; }
+
+select[multiple].input-sm {
+  height: auto; }
+
+.input-lg {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+
+select.input-lg {
+  height: 46px;
+  line-height: 46px; }
+
+select[multiple].input-lg {
+  height: auto; }
+
+.has-feedback {
+  position: relative; }
+
+.has-feedback .form-control {
+  padding-right: 42.5px; }
+
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none; }
+
+.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
+  width: 46px;
+  height: 46px;
+  line-height: 46px; }
+
+.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px; }
+
+.has-success .help-block, .has-success .control-label {
+  color: #3c763d; }
+
+.has-success .form-control {
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+
+.has-success .form-control:focus {
+  border-color: #2b542c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
+
+.has-success .form-control-feedback {
+  color: #3c763d; }
+
+.has-warning .help-block, .has-warning .control-label {
+  color: #8a6d3b; }
+
+.has-warning .form-control {
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+
+.has-warning .form-control:focus {
+  border-color: #66512c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
+
+.has-warning .form-control-feedback {
+  color: #8a6d3b; }
+
+.has-error .help-block, .has-error .control-label {
+  color: #a94442; }
+
+.has-error .form-control {
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+
+.has-error .form-control:focus {
+  border-color: #843534;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
+
+.has-error .form-control-feedback {
+  color: #a94442; }
+
+.has-feedback label ~ .form-control-feedback {
+  top: 25px; }
+
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0; }
+
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373; }
+
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle; }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle; }
+  .form-inline .form-control-static {
+    display: inline-block; }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle; }
+  .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
+    width: auto; }
+  .form-inline .input-group > .form-control {
+    width: 100%; }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle; }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0; } }
+
+.form-horizontal .form-group {
+  margin-right: -15px;
+  margin-left: -15px; }
+
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    padding-top: 7px;
+    margin-bottom: 0;
+    text-align: right; } }
+
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px; }
+
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 14.333333px;
+    font-size: 18px; } }
+
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px; } }
+
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+
+.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px; }
+
+.btn:hover, .btn:focus, .btn.focus {
+  color: #333;
+  text-decoration: none; }
+
+.btn:active, .btn.active {
+  background-image: none;
+  outline: 0;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
+
+.btn.disabled, .btn[disabled] {
+  cursor: not-allowed;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  opacity: .65; }
+
+a.btn.disabled {
+  pointer-events: none; }
+
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc; }
+
+.btn-default:focus, .btn-default.focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c; }
+
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad; }
+
+.btn-default:active, .btn-default.active {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad; }
+
+.btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus {
+  color: #333;
+  background-color: #d4d4d4;
+  border-color: #8c8c8c; }
+
+.btn-default:active, .btn-default.active {
+  background-image: none; }
+
+.btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .btn-default[disabled]:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active {
+  background-color: #fff;
+  border-color: #ccc; }
+
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4; }
+
+.btn-primary:focus, .btn-primary.focus {
+  color: #fff;
+  background-color: #286090;
+  border-color: #122b40; }
+
+.btn-primary:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74; }
+
+.btn-primary:active, .btn-primary.active {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74; }
+
+.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus {
+  color: #fff;
+  background-color: #204d74;
+  border-color: #122b40; }
+
+.btn-primary:active, .btn-primary.active {
+  background-image: none; }
+
+.btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary[disabled].active {
+  background-color: #337ab7;
+  border-color: #2e6da4; }
+
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c; }
+
+.btn-success:focus, .btn-success.focus {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #255625; }
+
+.btn-success:hover {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439; }
+
+.btn-success:active, .btn-success.active {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439; }
+
+.btn-success:active:hover, .btn-success.active:hover, .btn-success:active:focus, .btn-success.active:focus, .btn-success:active.focus, .btn-success.active.focus {
+  color: #fff;
+  background-color: #398439;
+  border-color: #255625; }
+
+.btn-success:active, .btn-success.active {
+  background-image: none; }
+
+.btn-success.disabled, .btn-success[disabled], .btn-success.disabled:hover, .btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, .btn-success.disabled:active, .btn-success[disabled]:active, .btn-success.disabled.active, .btn-success[disabled].active {
+  background-color: #5cb85c;
+  border-color: #4cae4c; }
+
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da; }
+
+.btn-info:focus, .btn-info.focus {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #1b6d85; }
+
+.btn-info:hover {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc; }
+
+.btn-info:active, .btn-info.active {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc; }
+
+.btn-info:active:hover, .btn-info.active:hover, .btn-info:active:focus, .btn-info.active:focus, .btn-info:active.focus, .btn-info.active.focus {
+  color: #fff;
+  background-color: #269abc;
+  border-color: #1b6d85; }
+
+.btn-info:active, .btn-info.active {
+  background-image: none; }
+
+.btn-info.disabled, .btn-info[disabled], .btn-info.disabled:hover, .btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, .btn-info.disabled:active, .btn-info[disabled]:active, .btn-info.disabled.active, .btn-info[disabled].active {
+  background-color: #5bc0de;
+  border-color: #46b8da; }
+
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236; }
+
+.btn-warning:focus, .btn-warning.focus {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #985f0d; }
+
+.btn-warning:hover {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512; }
+
+.btn-warning:active, .btn-warning.active {
+  color: #fff;
+  background-color: #ec971f;
+  border-color: #d58512; }
+
+.btn-warning:active:hover, .btn-warning.active:hover, .btn-warning:active:focus, .btn-warning.active:focus, .btn-warning:active.focus, .btn-warning.active.focus {
+  color: #fff;
+  background-color: #d58512;
+  border-color: #985f0d; }
+
+.btn-warning:active, .btn-warning.active {
+  background-image: none; }
+
+.btn-warning.disabled, .btn-warning[disabled], .btn-warning.disabled:hover, .btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .btn-warning.disabled.active, .btn-warning[disabled].active {
+  background-color: #f0ad4e;
+  border-color: #eea236; }
+
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a; }
+
+.btn-danger:focus, .btn-danger.focus {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #761c19; }
+
+.btn-danger:hover {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925; }
+
+.btn-danger:active, .btn-danger.active {
+  color: #fff;
+  background-color: #c9302c;
+  border-color: #ac2925; }
+
+.btn-danger:active:hover, .btn-danger.active:hover, .btn-danger:active:focus, .btn-danger.active:focus, .btn-danger:active.focus, .btn-danger.active.focus {
+  color: #fff;
+  background-color: #ac2925;
+  border-color: #761c19; }
+
+.btn-danger:active, .btn-danger.active {
+  background-image: none; }
+
+.btn-danger.disabled, .btn-danger[disabled], .btn-danger.disabled:hover, .btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .btn-danger.disabled.active, .btn-danger[disabled].active {
+  background-color: #d9534f;
+  border-color: #d43f3a; }
+
+.btn-link {
+  font-weight: normal;
+  color: #337ab7;
+  border-radius: 0; }
+
+.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled] {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
+  border-color: transparent; }
+
+.btn-link:hover, .btn-link:focus {
+  color: #23527c;
+  text-decoration: underline;
+  background-color: transparent; }
+
+.btn-link[disabled]:hover, .btn-link[disabled]:focus {
+  color: #777;
+  text-decoration: none; }
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+.btn-xs, .btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+.btn-block {
+  display: block;
+  width: 100%; }
+
+.btn-block + .btn-block {
+  margin-top: 5px; }
+
+input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
+  width: 100%; }
+
+.collapse {
+  display: none; }
+
+.collapse.in {
+  display: block; }
+
+tr.collapse.in {
+  display: table-row; }
+
+tbody.collapse.in {
+  display: table-row-group; }
+
+.open > a {
+  outline: 0; }
+
+.btn-group {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle; }
+
+.btn-group > .btn {
+  position: relative;
+  float: left; }
+
+.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
+  z-index: 2; }
+
+.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
+  margin-left: -1px; }
+
+.btn-group > .btn:first-child {
+  margin-left: 0; }
+
+.btn-group > .btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.btn-group > .btn-group {
+  float: left; }
+
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0; }
+
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none; }
+
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate; }
+
+.input-group[class*="col-"] {
+  float: none;
+  padding-right: 0;
+  padding-left: 0; }
+
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0; }
+
+.input-group-lg > .form-control, .input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+
+select.input-group-lg > .form-control, select.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  line-height: 46px; }
+
+select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto; }
+
+.input-group-sm > .form-control, .input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+select.input-group-sm > .form-control, select.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  line-height: 30px; }
+
+select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto; }
+
+.input-group-btn, .input-group .form-control {
+  display: table-cell; }
+
+.input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0; }
+
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; }
+
+.input-group .form-control:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0; }
+
+.input-group .form-control:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap; }
+
+.input-group-btn > .btn {
+  position: relative; }
+
+.input-group-btn > .btn + .btn {
+  margin-left: -1px; }
+
+.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
+  z-index: 2; }
+
+.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
+  margin-right: -1px; }
+
+.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
+  z-index: 2;
+  margin-left: -1px; }
+
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none; }
+
+.nav > li {
+  position: relative;
+  display: block; }
+
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px; }
+
+.nav > li > a:hover, .nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eee; }
+
+.nav > li.disabled > a {
+  color: #777; }
+
+.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
+  color: #777;
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent; }
+
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+  background-color: #eee;
+  border-color: #337ab7; }
+
+.nav > li > a > img {
+  max-width: none; }
+
+.tab-content > .active {
+  display: block; }
+
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent; }
+
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 4px; } }
+
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left; } }
+
+.navbar-collapse {
+  padding-right: 15px;
+  padding-left: 15px;
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+  border-top: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
+
+.navbar-collapse.in {
+  overflow-y: auto; }
+
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important; }
+  .navbar-collapse.in {
+    overflow-y: visible; }
+  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0; } }
+
+.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px; }
+
+@media (max-device-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+    max-height: 200px; } }
+
+.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px; }
+
+@media (min-width: 768px) {
+  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0; } }
+
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px; }
+
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0; } }
+
+.navbar-fixed-top, .navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030; }
+
+@media (min-width: 768px) {
+  .navbar-fixed-top, .navbar-fixed-bottom {
+    border-radius: 0; } }
+
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px; }
+
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0; }
+
+.navbar-brand {
+  float: left;
+  height: 50px;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px; }
+
+.navbar-brand:hover, .navbar-brand:focus {
+  text-decoration: none; }
+
+.navbar-brand > img {
+  display: block; }
+
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
+    margin-left: -15px; } }
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-right: 15px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+
+.navbar-toggle:focus {
+  outline: 0; }
+
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px; }
+
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px; }
+
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none; } }
+
+.navbar-nav {
+  margin: 7.5px -15px; }
+
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px; }
+
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0; }
+  .navbar-nav > li {
+    float: left; }
+  .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px; } }
+
+@media (min-width: 768px) {
+  .navbar-right {
+    float: right !important;
+    margin-right: -15px; }
+  .navbar-right ~ .navbar-right {
+    margin-right: 0; } }
+
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7; }
+
+.navbar-default .navbar-brand {
+  color: #777; }
+
+.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+  color: #5e5e5e;
+  background-color: transparent; }
+
+.navbar-default .navbar-text {
+  color: #777; }
+
+.navbar-default .navbar-nav > li > a {
+  color: #777; }
+
+.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+  color: #333;
+  background-color: transparent; }
+
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+  color: #555;
+  background-color: #e7e7e7; }
+
+.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
+  color: #ccc;
+  background-color: transparent; }
+
+.navbar-default .navbar-toggle {
+  border-color: #ddd; }
+
+.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+  background-color: #ddd; }
+
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #888; }
+
+.navbar-default .navbar-collapse, .navbar-default .navbar-form {
+  border-color: #e7e7e7; }
+
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+  color: #555;
+  background-color: #e7e7e7; }
+
+.navbar-default .navbar-link {
+  color: #777; }
+
+.navbar-default .navbar-link:hover {
+  color: #333; }
+
+.navbar-default .btn-link {
+  color: #777; }
+
+.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
+  color: #333; }
+
+.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus {
+  color: #ccc; }
+
+.navbar-inverse {
+  background-color: #222;
+  border-color: #080808; }
+
+.navbar-inverse .navbar-brand {
+  color: #9d9d9d; }
+
+.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
+  color: #fff;
+  background-color: transparent; }
+
+.navbar-inverse .navbar-text {
+  color: #9d9d9d; }
+
+.navbar-inverse .navbar-nav > li > a {
+  color: #9d9d9d; }
+
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
+  color: #fff;
+  background-color: transparent; }
+
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
+  color: #fff;
+  background-color: #080808; }
+
+.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
+  color: #444;
+  background-color: transparent; }
+
+.navbar-inverse .navbar-toggle {
+  border-color: #333; }
+
+.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+  background-color: #333; }
+
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #fff; }
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+  border-color: #101010; }
+
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+  color: #fff;
+  background-color: #080808; }
+
+.navbar-inverse .navbar-link {
+  color: #9d9d9d; }
+
+.navbar-inverse .navbar-link:hover {
+  color: #fff; }
+
+.navbar-inverse .btn-link {
+  color: #9d9d9d; }
+
+.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
+  color: #fff; }
+
+.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus {
+  color: #444; }
+
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em; }
+
+a.label:hover, a.label:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer; }
+
+.label:empty {
+  display: none; }
+
+.btn .label {
+  position: relative;
+  top: -1px; }
+
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+
+.alert h4 {
+  margin-top: 0;
+  color: inherit; }
+
+.alert .alert-link {
+  font-weight: bold; }
+
+.alert > p, .alert > ul {
+  margin-bottom: 0; }
+
+.alert > p + p {
+  margin-top: 5px; }
+
+.alert-success {
+  color: #3c763d;
+  background-color: #dff0d8;
+  border-color: #d6e9c6; }
+
+.alert-success hr {
+  border-top-color: #c9e2b3; }
+
+.alert-success .alert-link {
+  color: #2b542c; }
+
+.alert-info {
+  color: #31708f;
+  background-color: #d9edf7;
+  border-color: #bce8f1; }
+
+.alert-info hr {
+  border-top-color: #a6e1ec; }
+
+.alert-info .alert-link {
+  color: #245269; }
+
+.alert-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3;
+  border-color: #faebcc; }
+
+.alert-warning hr {
+  border-top-color: #f7e1b5; }
+
+.alert-warning .alert-link {
+  color: #66512c; }
+
+.alert-danger {
+  color: #a94442;
+  background-color: #f2dede;
+  border-color: #ebccd1; }
+
+.alert-danger hr {
+  border-top-color: #e4b9c0; }
+
+.alert-danger .alert-link {
+  color: #843534; }
+
+.media {
+  margin-top: 15px; }
+
+.media:first-child {
+  margin-top: 0; }
+
+.media, .media-body {
+  overflow: hidden;
+  zoom: 1; }
+
+.media-body {
+  width: 10000px; }
+
+.media-object {
+  display: block; }
+
+.media-right, .media > .pull-right {
+  padding-left: 10px; }
+
+.media-left, .media > .pull-left {
+  padding-right: 10px; }
+
+.media-left, .media-right, .media-body {
+  display: table-cell;
+  vertical-align: top; }
+
+.media-middle {
+  vertical-align: middle; }
+
+.media-bottom {
+  vertical-align: bottom; }
+
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.media-list {
+  padding-left: 0;
+  list-style: none; }
+
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  filter: alpha(opacity=20);
+  opacity: .2; }
+
+.close:hover, .close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+  filter: alpha(opacity=50);
+  opacity: .5; }
+
+button.close {
+  -webkit-appearance: none;
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0; }
+
+.dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .panel-body:before, .panel-body:after {
+  display: table;
+  content: " "; }
+
+.dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .panel-body:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-right: auto;
+  margin-left: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none !important; }
+
+@-ms-viewport {
+  width: device-width; }
+
+.visible-xs, .visible-sm, .visible-md, .visible-lg {
+  display: none !important; }
+
+.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
+  display: none !important; }
+
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important; }
+  table.visible-xs {
+    display: table !important; }
+  tr.visible-xs {
+    display: table-row !important; }
+  th.visible-xs, td.visible-xs {
+    display: table-cell !important; } }
+
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important; } }
+
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important; } }
+
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important; }
+  table.visible-sm {
+    display: table !important; }
+  tr.visible-sm {
+    display: table-row !important; }
+  th.visible-sm, td.visible-sm {
+    display: table-cell !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important; }
+  table.visible-md {
+    display: table !important; }
+  tr.visible-md {
+    display: table-row !important; }
+  th.visible-md, td.visible-md {
+    display: table-cell !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important; } }
+
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important; } }
+
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important; } }
+
+@media print {
+  .hidden-print {
+    display: none !important; } }
diff --git a/css/docs.css b/css/docs.css
new file mode 100644
index 0000000..1bea588
--- /dev/null
+++ b/css/docs.css
@@ -0,0 +1,126 @@
+.doc-container {
+  padding-top: 28px; }
+
+.doc-content pre, .doc-content pre code {
+  overflow: auto;
+  white-space: pre;
+  word-wrap: normal; }
+
+.doc-content img {
+  max-width: 847.5px; }
+
+.doc-content code {
+  background-color: #e0e0e0; }
+
+.doc-content pre code {
+  background-color: transparent; }
+
+.doc-content table,
+.doc-content pre {
+  margin: 35px 0 35px 0; }
+
+.doc-content table,
+.doc-content table > thead > tr > th,
+.doc-content table > tbody > tr > th,
+.doc-content table > tfoot > tr > th,
+.doc-content table > thead > tr > td,
+.doc-content table > tbody > tr > td,
+.doc-content table > tfoot > tr > td {
+  border: 1px solid #dddddd; }
+
+.doc-content table > thead > tr > th,
+.doc-content table > thead > tr > td {
+  border-bottom-width: 2px; }
+
+.doc-content table > tbody > tr:nth-child(odd) > td,
+.doc-content table > tbody > tr:nth-child(odd) > th {
+  background-color: #f9f9f9; }
+
+.doc-content table > tbody > tr:hover > td,
+.doc-content table > tbody > tr:hover > th,
+.doc-content table > tbody > tr:focus > td,
+.doc-content table > tbody > tr:focus > th {
+  background-color: #d5d5d5; }
+
+.doc-content table code {
+  background-color: transparent; }
+
+.doc-content td, .doc-content th {
+  padding: 5px; }
+
+.doc-content .note {
+  position: relative;
+  display: block;
+  padding: 10px 14px 10px 42px;
+  margin: 35px 0 35px 0;
+  background: light-gray;
+  border-radius: 3px;
+  line-height: 170%; }
+  .doc-content .note:after {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: 0;
+    bottom: 0;
+    width: 42px;
+    background-position: 10px 9px;
+    background-size: 22px 22px;
+    background-repeat: no-repeat; }
+  .doc-content .note.info {
+    background: rgba(51, 200, 208, 0.26);
+    border-left: 2px solid rgba(51, 200, 208, 0.5); }
+    .doc-content .note.info:after {
+      background-image: url(/img/note-info.svg); }
+  .doc-content .note.caution {
+    background: rgba(249, 169, 86, 0.26);
+    border-left: 2px solid rgba(249, 169, 86, 0.5); }
+    .doc-content .note.caution:after {
+      background-image: url(/img/note-caution.svg); }
+
+.toc h2 {
+  font-size: 28px; }
+
+.toc ul {
+  list-style: none;
+  list-style-position: inside;
+  color: #4460de;
+  line-height: 1.9em; }
+  .toc ul li {
+    color: #999999;
+    font-weight: 600;
+    list-style-type: none;
+    margin-left: 0; }
+    .toc ul li a {
+      color: #4460de;
+      display: block; }
+      .toc ul li a:hover {
+        text-decoration: underline; }
+  .toc ul ul {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 20px; }
+
+.searchbox {
+  position: relative;
+  height: 26px;
+  margin-top: 17px; }
+  .searchbox .gsc-search-button, .searchbox .searchbox .gsib_b {
+    display: none; }
+  .searchbox input {
+    background: white !important;
+    width: 100% !important;
+    padding: 5px 8px !important;
+    font-size: 13px !important;
+    border: 1px solid #dfdfdf !important;
+    height: 30px !important;
+    text-indent: 0 !important;
+    border-radius: 2px !important; }
+    .searchbox input:hover {
+      border-color: #c4c4c4 !important; }
+    .searchbox input:focus {
+      border-color: #c4c4c4 !important; }
+  .searchbox form, .searchbox table, .searchbox tbody, .searchbox tr, .searchbox td, .searchbox .gsc-input-box {
+    border: none !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    background: none !important; }
diff --git a/css/footer.css b/css/footer.css
new file mode 100644
index 0000000..2149437
--- /dev/null
+++ b/css/footer.css
@@ -0,0 +1,29 @@
+footer {
+  line-height: 1.4em; }
+  footer a:hover {
+    color: #4460de; }
+  footer .license {
+    margin-top: 12px;
+    font-size: 11px;
+    color: #aaa;
+    line-height: 1.4em; }
+    footer .license a:hover {
+      text-decoration: underline; }
+
+footer .license {
+  margin-top: 12px;
+  font-size: 11px;
+  color: #aaa; }
+  footer .license a:hover {
+    color: #4460de;
+    text-decoration: underline; }
+
+.druid-footer {
+  padding: 32px 0 48px 0;
+  background-color: #f2f2f5;
+  border-top: 1px solid white;
+  margin-top: 50px; }
+  .druid-footer .fa, .druid-footer .fab, .druid-footer .fas {
+    font-size: 18px;
+    margin: 6px 0;
+    color: #4460de; }
diff --git a/css/header.css b/css/header.css
new file mode 100644
index 0000000..0fb02ec
--- /dev/null
+++ b/css/header.css
@@ -0,0 +1,110 @@
+.top-navigator {
+  background: #1C1C26;
+  height: 54px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100; }
+  .top-navigator .left-cont .druid-logo {
+    display: inline-block;
+    height: 54px;
+    width: 120px;
+    margin-bottom: -2px;
+    background-position: center;
+    background-image: url("/img/druid_nav.png");
+    background-size: 120px auto;
+    background-repeat: no-repeat; }
+  .top-navigator .right-cont {
+    position: absolute;
+    top: 0;
+    right: 15px; }
+    .top-navigator .right-cont ul {
+      margin: 0; }
+    .top-navigator .right-cont li {
+      line-height: 54px;
+      display: inline-block;
+      font-size: 15px;
+      margin: 0; }
+      .top-navigator .right-cont li.active a {
+        color: white; }
+      .top-navigator .right-cont li.active:after {
+        content: '';
+        position: absolute;
+        height: 2px;
+        bottom: 0;
+        left: 0;
+        right: 0; }
+      .top-navigator .right-cont li a {
+        display: block;
+        padding-left: 8px;
+        padding-right: 8px;
+        color: #9caeff; }
+        .top-navigator .right-cont li a:hover {
+          text-decoration: none;
+          color: white; }
+      .top-navigator .right-cont li.button-link {
+        margin-left: 8px; }
+        .top-navigator .right-cont li.button-link a {
+          display: inline-block;
+          height: 32px;
+          line-height: 32px;
+          margin-top: 9px;
+          background: #9caeff;
+          border-radius: 2px;
+          padding: 0 10px;
+          color: #1C1C26;
+          font-weight: 600;
+          min-width: 106px;
+          text-align: center; }
+          .top-navigator .right-cont li.button-link a:hover {
+            background: white; }
+  .top-navigator .action-button {
+    position: absolute;
+    top: 10px;
+    right: 30px;
+    padding: 8px 16px;
+    text-align: center;
+    border-radius: 2px;
+    cursor: pointer;
+    display: none;
+    color: #9caeff;
+    font-size: 18px;
+    line-height: 18px;
+    font-weight: 600; }
+    .top-navigator .action-button .fa {
+      margin-right: 6px; }
+    .top-navigator .action-button:hover {
+      color: white; }
+  .top-navigator .header-dropdown .header-dropdown-menu {
+    display: none;
+    z-index: 100;
+    position: absolute;
+    top: 54px;
+    left: 0;
+    width: 200px;
+    background: #3a3a52;
+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18);
+    overflow: visible; }
+  .top-navigator .header-dropdown:hover .header-dropdown-menu {
+    display: block; }
+
+@media (max-width: 840px) {
+  body {
+    margin-top: 0; }
+  .top-navigator {
+    height: auto;
+    min-height: 54px;
+    position: relative; }
+    .top-navigator .right-cont {
+      position: relative;
+      display: block;
+      display: none;
+      padding-bottom: 28px; }
+      .top-navigator .right-cont ul {
+        margin-left: 20px; }
+      .top-navigator .right-cont li {
+        display: block;
+        line-height: 42px; }
+    .top-navigator .action-button.menu-icon {
+      display: block; } }
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..6eb61a0
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,50 @@
+.druid-masthead {
+  padding: 50px 20px 42px 20px;
+  background-color: #3b3b50;
+  text-align: center;
+  margin: 0 auto 20px;
+  margin-bottom: 14px;
+  color: white;
+  overflow: hidden;
+  background-image: url("/img/watermark-dark.png");
+  background-size: 800px auto;
+  background-repeat: no-repeat;
+  background-position: 26% -76px; }
+  .druid-masthead .button {
+    display: inline-block;
+    min-width: 155px;
+    margin: 6px;
+    font-size: 1.1em;
+    line-height: 1.4em;
+    font-weight: 600;
+    padding: 9px 12px;
+    border-radius: 2px;
+    background: #9caeff;
+    color: #1C1C26;
+    transition: background-color 0.1s ease; }
+    .druid-masthead .button .fa, .druid-masthead .button .fab {
+      font-size: 16px;
+      margin-right: 3px; }
+    .druid-masthead .button:hover, .druid-masthead .button:active {
+      background: white;
+      text-decoration: none; }
+  .druid-masthead .lead {
+    font-size: 1.7em;
+    line-height: 1.7em;
+    font-weight: 600;
+    margin-top: 8px;
+    margin-bottom: 26px;
+    max-width: 820px;
+    margin-left: auto;
+    margin-right: auto; }
+  .druid-masthead b {
+    font-weight: 700; }
+
+.bottom-news {
+  display: block; }
+
+@media (max-width: 500px) {
+  .druid-masthead .lead {
+    font-size: 1.4em; }
+  .druid-masthead .button {
+    min-width: 130px; } }
diff --git a/css/news-list.css b/css/news-list.css
new file mode 100644
index 0000000..dfea42e
--- /dev/null
+++ b/css/news-list.css
@@ -0,0 +1,63 @@
+.item-list {
+  margin-top: 6px;
+  padding: 0 10px; }
+  .item-list h3 {
+    font-size: 22px; }
+  .item-list a {
+    display: block;
+    line-height: 1.5em; }
+    .item-list a:hover {
+      text-decoration: none; }
+      .item-list a:hover span.title {
+        text-decoration: underline; }
+  .item-list .text-muted {
+    color: #888;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 15px; }
+  .item-list .event {
+    position: relative;
+    padding-left: 42px;
+    margin-bottom: 12px; }
+  .item-list .mini-cal {
+    position: absolute;
+    top: 4px;
+    left: 0;
+    background: #4460de;
+    padding: 2px;
+    width: 32px;
+    text-align: center;
+    border-radius: 2px;
+    padding-top: 16px; }
+  .item-list .date-month {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    padding: 1px;
+    background: #4460de;
+    border-radius: 2px;
+    color: white;
+    font-size: 10px;
+    line-height: 14px;
+    font-weight: 600;
+    text-transform: uppercase; }
+  .item-list .date-day {
+    background: white;
+    color: #2442cb;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 19px; }
+  .item-list .btn-default {
+    border-color: #4460de;
+    background: #4460de;
+    color: white;
+    font-weight: 600;
+    display: inline-block;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    padding: 3px 8px; }
+    .item-list .btn-default:hover, .item-list .btn-default:active {
+      background-color: #4460de;
+      border-color: #4460de;
+      color: #fff; }
diff --git a/css/reset.css b/css/reset.css
new file mode 100644
index 0000000..6d44268
--- /dev/null
+++ b/css/reset.css
@@ -0,0 +1,44 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure, footer, header, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+* {
+  box-sizing: border-box;
+  vertical-align: top; }
+
+body * {
+  position: relative; }
+
+a {
+  text-decoration: inherit;
+  color: inherit;
+  cursor: inherit; }
+
+div, span {
+  cursor: inherit; }
+
+text {
+  cursor: default; }
+
+button, input, textarea {
+  border: 0;
+  margin: 0; }
+  button:focus, input:focus, textarea:focus {
+    outline: none; }
diff --git a/css/syntax.css b/css/syntax.css
new file mode 100644
index 0000000..03b781b
--- /dev/null
+++ b/css/syntax.css
@@ -0,0 +1,281 @@
+.hll {
+  background-color: #ffffcc; }
+
+.c {
+  color: #93a1a1;
+  font-style: italic; }
+
+/* Comment */
+.err {
+  color: #dc322f; }
+
+/* Error */
+.g {
+  color: #657b83; }
+
+/* Generic */
+.k {
+  color: #859900; }
+
+/* Keyword */
+.l {
+  color: #657b83; }
+
+/* Literal */
+.n {
+  color: #586e75; }
+
+/* Name */
+.o {
+  color: #657b83; }
+
+/* Operator */
+.x {
+  color: #657b83; }
+
+/* Other */
+.p {
+  color: #657b83; }
+
+/* Punctuation */
+.cm {
+  color: #93a1a1;
+  font-style: italic; }
+
+/* Comment.Multiline */
+.cp {
+  color: #93a1a1;
+  font-style: italic; }
+
+/* Comment.Preproc */
+.c1 {
+  color: #93a1a1;
+  font-style: italic; }
+
+/* Comment.Single */
+.cs {
+  color: #93a1a1;
+  font-style: italic; }
+
+/* Comment.Special */
+.gd {
+  color: #657b83; }
+
+/* Generic.Deleted */
+.ge {
+  color: #657b83; }
+
+/* Generic.Emph */
+.gr {
+  color: #657b83; }
+
+/* Generic.Error */
+.gh {
+  color: #657b83; }
+
+/* Generic.Heading */
+.gi {
+  color: #657b83; }
+
+/* Generic.Inserted */
+.go {
+  color: #657b83; }
+
+/* Generic.Output */
+.gp {
+  color: #657b83; }
+
+/* Generic.Prompt */
+.gs {
+  color: #657b83; }
+
+/* Generic.Strong */
+.gu {
+  color: #657b83; }
+
+/* Generic.Subheading */
+.gt {
+  color: #657b83; }
+
+/* Generic.Traceback */
+.kc {
+  color: #859900; }
+
+/* Keyword.Constant */
+.kd {
+  color: #859900; }
+
+/* Keyword.Declaration */
+.kn {
+  color: #cb4b16; }
+
+/* Keyword.Namespace */
+.kp {
+  color: #cb4b16; }
+
+/* Keyword.Pseudo */
+.kr {
+  color: #859900; }
+
+/* Keyword.Reserved */
+.kt {
+  color: #859900; }
+
+/* Keyword.Type */
+.ld {
+  color: #657b83; }
+
+/* Literal.Date */
+.m {
+  color: #2aa198; }
+
+/* Literal.Number */
+.s {
+  color: #2aa198; }
+
+/* Literal.String */
+.na {
+  color: #657b83; }
+
+/* Name.Attribute */
+.nb {
+  color: #268bd2; }
+
+/* Name.Builtin */
+.nc {
+  color: #268bd2; }
+
+/* Name.Class */
+.no {
+  color: #b58900; }
+
+/* Name.Constant */
+.nd {
+  color: #cb4b16; }
+
+/* Name.Decorator */
+.ni {
+  color: #cb4b16; }
+
+/* Name.Entity */
+.ne {
+  color: #cb4b16; }
+
+/* Name.Exception */
+.nf {
+  color: #268bd2; }
+
+/* Name.Function */
+.nl {
+  color: #657b83; }
+
+/* Name.Label */
+.nn {
+  color: #b58900; }
+
+/* Name.Namespace */
+.nx {
+  color: #657b83; }
+
+/* Name.Other */
+.py {
+  color: #268bd2; }
+
+/* Name.Property */
+.nt {
+  color: #859900; }
+
+/* Name.Tag */
+.nv {
+  color: #cd4b16; }
+
+/* Name.Variable */
+.ow {
+  color: #859900; }
+
+/* Operator.Word */
+.w {
+  color: #fdf6e3; }
+
+/* Text.Whitespace */
+.mf {
+  color: #2aa198; }
+
+/* Literal.Number.Float */
+.mh {
+  color: #2aa198; }
+
+/* Literal.Number.Hex */
+.mi {
+  color: #2aa198; }
+
+/* Literal.Number.Integer */
+.mo {
+  color: #2aa198; }
+
+/* Literal.Number.Oct */
+.sb {
+  color: #2aa198; }
+
+/* Literal.String.Backtick */
+.sc {
+  color: #2aa198; }
+
+/* Literal.String.Char */
+.sd {
+  color: #2aa198; }
+
+/* Literal.String.Doc */
+.s2 {
+  color: #2aa198; }
+
+/* Literal.String.Double */
+.se {
+  color: #cb4b16; }
+
+/* Literal.String.Escape */
+.sh {
+  color: #2aa198; }
+
+/* Literal.String.Heredoc */
+.si {
+  color: #cb4b16; }
+
+/* Literal.String.Interpol */
+.sx {
+  color: #2aa198; }
+
+/* Literal.String.Other */
+.sr {
+  color: #2aa198; }
+
+/* Literal.String.Regex */
+.s1 {
+  color: #2aa198; }
+
+/* Literal.String.Single */
+.ss {
+  color: #2aa198; }
+
+/* Literal.String.Symbol */
+.bp {
+  color: #268bd2;
+  font-weight: bold; }
+
+/* Name.Builtin.Pseudo */
+.vc {
+  color: #268bd2; }
+
+/* Name.Variable.Class */
+.vg {
+  color: #268bd2; }
+
+/* Name.Variable.Global */
+.vi {
+  color: #268bd2; }
+
+/* Name.Variable.Instance */
+.il {
+  color: #2aa198; }
+
+/* Literal.Number.Integer.Long */
diff --git a/css/variables.css b/css/variables.css
new file mode 100644
index 0000000..e69de29


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@druid.apache.org
For additional commands, e-mail: commits-help@druid.apache.org