.docs { font-family: Verdana, sans-serif; }

#sidebar a { display: block; color: #555; text-decoration: none; transition: all 100ms; }
#sidebar a:hover { background: #edf5ff; }
#sidebar a.highlight { background: #0dcaf0; border-radius: .2em; color: #222; }
#sidebar .level-1 { font-weight: bolder; }
#sidebar .level-2 { padding-left: 2em; font-size: 95%; }
#sidebar .level-3 { padding-left: 3.5em; font-size: 85%; }
#sidebar .level-4 { padding-left: 5em; font-size: 75%; }

#content h1, #content h2, #content h3, #content h4 { position: relative; color: #555; margin: 2em 0 13px 32px ; }
#content h1:first-child {margin-top: 0;}
#content img { display: block; margin: 0.5em auto; max-width: 100%; }
#content table { min-width: 100%; margin: 1.5em auto; }
#content table th, #content table td { border: 1px solid #ccc; padding: 0.5em 1em; }
#content table th { background: #eee; }
#content p { margin: 0.8em 0; }
#content a { text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content .h-link { color: #ddd; font-size: 32px; position: absolute; left: -32px; bottom: 0; text-decoration: none; }
#content .h-link:hover { color: #bbb; }

.xhaskids:before { content: '\25ba'; margin-left: -1em; display: inline-block; transition: 0.3s all; margin-right: 0.3em; }
.xhaskids.expanded:before { transform: rotate(90deg); }
.ghcode pre { margin-top: 0px !important; }

#content blockquote { padding-left: 3em; background: #eee; border: 1px solid #eee; border-radius: 0.5em; color: #555; }
#content blockquote:before { margin-left: -2em; margin-top: 0.75em; content: '\261E'; position: absolute; }
#content img, #xcontent iframe { display: block; margin: 1em auto !important; max-width: 100%; }

pre { padding: 0.8em 1em; border-radius: 0.4em; }
code { padding: 0.1em 0.6em; border-radius: 0.2em; }
pre code { padding: 0 !important; border-radius: 0;}
pre, code {
  font-family: Menlo, Consolas, Courier, monospace; 
  background: #ddd; color: #555; font-weight: bold; font-size: 0.9em;
  overflow: auto; ; tab-size: 2; line-height: 1.4em;
}
td pre {margin: 0 !important; }
td a { white-space: nowrap; }
td img { float: left; }
td code br {  }
td code .token.property:before { content: "\a   " !important; white-space: pre !important; }
td code :last-child:before { content: "\a" !important; white-space: pre !important; }
table img { max-width: 140px !important; }

.mod img { max-height: 100px; }  /* recommended hardware image */
.mod td { vertical-align: top; }

/* PRISM style, for code highlight */
code[class*="language-"], pre[class*="language-"] { background: #222; color: #eee; }
.token.function, .token.class-name { xcolor: #cd5c5c; }
.token.comment, .token.prolog { color: #6dceeb; }
.token.property, .token.tag, .token.boolean, .token.number, .token.constant,
.token.symbol, .token.deleted { color: #ffa0a0; }
.token.selector, .token.attr-name, .token.string, .token.char,
.token.builtin, .token.inserted  { color: #ccf; }
.token.atrule, .token.attr-value, .token.keyword { color: #bdb76b; }
.token.shell-symbol { color: #cd5c5c; }