app/public/css/main.css
@charset "UTF-8";
:root {
--background-color: #fff;
--blockquote-border-color: #ddd;
--blockquote-color: #777;
--breadcrumbs-border-color: #ccc;
--clipboard-button-bg-color: white;
--clipboard-button-border-color: #ccc;
--font-color: #333;
--footnotes-color: #666;
--h1-border-color: #eee;
--h1-color: #333;
--h2-border-color: #eee;
--h2-color: #333;
--h3-color: #333;
--h4-color: #333;
--h5-color: #333;
--h6-color: #777;
--highlight-color: palegreen;
--hr-color: #ddd;
--inline-code-bg-color: #eee;
--kbd-bg-color: #fcfcfc;
--kbd-border-color: #ccc;
--kbd-color: #111;
--kbd-shadow-color: #bbb;
--link-color: #4078c0;
--quiet-color: #777;
--scrollbar-color: #ccc;
--search-field-border-color: #ccc;
--search-field-focused-border-color: #4078c0;
--sidebar-bg-color: #fff;
--sidebar-border-color: #ddd;
--sidebar-border-right-color: #ddd;
--table-alt-row-bg-color: transparent;
--table-bg-color: transparent;
--table-border-color: #ddd;
--table-header-bg-color: transparent;
--table-row-bg-color: transparent; }
a {
color: var(--link-color);
text-decoration: none; }
a:active, a:hover, a:focus {
outline-width: 0;
text-decoration: underline; }
a:not([href]) {
color: inherit;
text-decoration: none; }
a.icon {
color: inherit; }
.breadcrumbs {
margin-top: 6px;
border-bottom: 1px solid var(--breadcrumbs-border-color); }
.breadcrumbs a {
display: inline-block;
padding: 7px 0; }
code {
background-color: var(--inline-code-bg-color);
padding: 0px 8px;
margin: 0;
font-size: 90%;
border-radius: 3px;
display: inline-block; }
pre {
overflow-x: auto;
position: relative;
border-radius: 3px; }
pre code {
background-color: transparent;
display: block;
font-size: inherit;
line-height: 1.2; }
pre code .clipboard-button {
background: var(--clipboard-button-bg-color);
border: 1px solid var(--clipboard-button-border-color);
position: absolute;
left: 7px;
bottom: 7px;
font-size: 1.25em;
border-radius: 5px;
opacity: 0;
transition: opacity 0.3s;
display: inline-block;
padding: 7px; }
pre code:hover .clipboard-button {
opacity: 0.7;
transition: opacity 0.3s; }
pre code:hover .clipboard-button:hover {
opacity: 1.0;
transition: opacity 0.3s; }
@font-face {
font-family: 'fontello';
src: url("../font/fontello.eot?19183580");
src: url("../font/fontello.eot?19183580#iefix") format("embedded-opentype"), url("../font/fontello.woff2?19183580") format("woff2"), url("../font/fontello.woff?19183580") format("woff"), url("../font/fontello.ttf?19183580") format("truetype"), url("../font/fontello.svg?19183580#fontello") format("svg");
font-weight: normal;
font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?19183580#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-home:before {
content: '\e806'; }
/* '' */
.icon-copy:before {
content: '\f24d'; }
/* '' */
.icon-search:before {
content: '\f50d'; }
/* '' */
.footnotes {
color: var(--footnotes-color);
font-size: 85%; }
img {
border-style: none;
max-width: 100%;
box-sizing: content-box; }
kbd {
color: var(--kbd-color);
background-color: var(--kbd-bg-color);
border: solid 1px var(--kbd-border-color);
border-bottom-color: var(--kbd-shadow-color);
box-shadow: inset 0 -1px 0 var(--kbd-shadow-color);
display: inline-block;
padding: 6px 8px;
font-size: 85%;
line-height: 10px;
vertical-align: middle;
border-radius: 3px; }
hr {
border: 0;
border-top: 2px solid var(--hr-color); }
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em; }
ol ol, ul ol {
list-style-type: lower-roman; }
ul ul ol, ul ol ol, ol ul ol, ol ol ol {
list-style-type: lower-alpha; }
ul ul, ul ol, ol ol, ol ul {
margin-top: 0;
margin-bottom: 0; }
dd {
margin-left: 0; }
dl {
padding: 0; }
dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: bold; }
dl dd {
padding: 0 16px;
margin-bottom: 16px; }
li > p {
margin-top: 16px; }
nav {
background: var(--sidebar-bg-color);
border-right: 1px solid var(--sidebar-border-right-color);
height: 100vh;
width: 300px;
overflow-y: auto;
position: fixed; }
@media print {
nav {
display: none; } }
@media only screen and (max-width: 767px) {
nav {
display: none; } }
nav .icon-bar {
background: var(--sidebar-bg-color);
border-bottom: 1px dotted var(--sidebar-border-color);
position: sticky;
top: 0;
z-index: 1; }
nav a.document, nav span.document, nav .caption {
border-bottom: 1px dotted var(--sidebar-border-color);
display: block;
padding: 5px 20px 5px 30px; }
nav a.icon {
display: inline-block;
font-size: 1.5em;
width: 50%;
padding: 3px 20px 3px 30px; }
nav a.icon.wide {
width: 100%; }
nav:after {
content: "";
height: 90px;
display: block; }
pre > code.sourceCode {
white-space: pre;
position: relative; }
pre > code.sourceCode > span {
line-height: 1.25; }
pre > code.sourceCode > span:empty {
height: 1.2em; }
.sourceCode {
overflow: visible; }
code.sourceCode > span {
color: inherit;
text-decoration: inherit; }
div.sourceCode {
margin: 1em 0; }
pre.sourceCode {
margin: 0; }
@media screen {
div.sourceCode {
overflow: auto; } }
@media print {
pre > code.sourceCode {
white-space: pre-wrap; }
pre > code.sourceCode > span {
text-indent: -5em;
padding-left: 5em; } }
pre.numberSource code {
counter-reset: source-line 0; }
pre.numberSource code > span {
position: relative;
left: -4em;
counter-increment: source-line; }
pre.numberSource code > span > a:first-child::before {
content: counter(source-line);
position: relative;
left: -1em;
text-align: right;
vertical-align: baseline;
border: none;
display: inline-block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0 4px;
width: 4em;
color: #aaaaaa; }
pre.numberSource {
margin-left: 3em;
border-left: 1px solid #aaaaaa;
padding-left: 4px; }
@media screen {
pre > code.sourceCode > span > a:first-child::before {
text-decoration: underline; } }
code span.al {
color: #ff0000;
font-weight: bold; }
/* Alert */
code span.an {
color: #60a0b0;
font-weight: bold;
font-style: italic; }
/* Annotation */
code span.at {
color: #7d9029; }
/* Attribute */
code span.bn {
color: #40a070; }
/* BaseN */
code span.bu {
color: #008000; }
/* BuiltIn */
code span.cf {
color: #007020;
font-weight: bold; }
/* ControlFlow */
code span.ch {
color: #4070a0; }
/* Char */
code span.cn {
color: #880000; }
/* Constant */
code span.co {
color: #60a0b0;
font-style: italic; }
/* Comment */
code span.cv {
color: #60a0b0;
font-weight: bold;
font-style: italic; }
/* CommentVar */
code span.do {
color: #ba2121;
font-style: italic; }
/* Documentation */
code span.dt {
color: #902000; }
/* DataType */
code span.dv {
color: #40a070; }
/* DecVal */
code span.er {
color: #ff0000;
font-weight: bold; }
/* Error */
/* Extension */
code span.fl {
color: #40a070; }
/* Float */
code span.fu {
color: #06287e; }
/* Function */
code span.im {
color: #008000;
font-weight: bold; }
/* Import */
code span.in {
color: #60a0b0;
font-weight: bold;
font-style: italic; }
/* Information */
code span.kw {
color: #007020;
font-weight: bold; }
/* Keyword */
code span.op {
color: #666666; }
/* Operator */
code span.ot {
color: #007020; }
/* Other */
code span.pp {
color: #bc7a00; }
/* Preprocessor */
code span.sc {
color: #4070a0; }
/* SpecialChar */
code span.ss {
color: #bb6688; }
/* SpecialString */
code span.st {
color: #4070a0; }
/* String */
code span.va {
color: #19177c; }
/* Variable */
code span.vs {
color: #4070a0; }
/* VerbatimString */
code span.wa {
color: #60a0b0;
font-weight: bold;
font-style: italic; }
/* Warning */
.highlight table td {
padding: 5px; }
.highlight table pre {
margin: 0; }
.highlight .cm {
color: #999988;
font-style: italic; }
.highlight .cp {
color: #999999;
font-weight: bold; }
.highlight .c1 {
color: #999988;
font-style: italic; }
.highlight .cs {
color: #999999;
font-weight: bold;
font-style: italic; }
.highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf {
color: #999988;
font-style: italic; }
.highlight .err {
color: #a61717;
background-color: #e3d2d2; }
.highlight .gd {
color: #000000;
background-color: #ffdddd; }
.highlight .ge {
color: #000000;
font-style: italic; }
.highlight .gr {
color: #aa0000; }
.highlight .gh {
color: #999999; }
.highlight .gi {
color: #000000;
background-color: #ddffdd; }
.highlight .go {
color: #888888; }
.highlight .gp {
color: #555555; }
.highlight .gs {
font-weight: bold; }
.highlight .gu {
color: #aaaaaa; }
.highlight .gt {
color: #aa0000; }
.highlight .kc {
color: #000000;
font-weight: bold; }
.highlight .kd {
color: #000000;
font-weight: bold; }
.highlight .kn {
color: #000000;
font-weight: bold; }
.highlight .kp {
color: #000000;
font-weight: bold; }
.highlight .kr {
color: #000000;
font-weight: bold; }
.highlight .kt {
color: #445588;
font-weight: bold; }
.highlight .k, .highlight .kv {
color: #000000;
font-weight: bold; }
.highlight .mf {
color: #009999; }
.highlight .mh {
color: #009999; }
.highlight .il {
color: #009999; }
.highlight .mi {
color: #009999; }
.highlight .mo {
color: #009999; }
.highlight .m, .highlight .mb, .highlight .mx {
color: #009999; }
.highlight .sa {
color: #000000;
font-weight: bold; }
.highlight .sb {
color: #d14; }
.highlight .sc {
color: #d14; }
.highlight .sd {
color: #d14; }
.highlight .s2 {
color: #d14; }
.highlight .se {
color: #d14; }
.highlight .sh {
color: #d14; }
.highlight .si {
color: #d14; }
.highlight .sx {
color: #d14; }
.highlight .sr {
color: #009926; }
.highlight .s1 {
color: #d14; }
.highlight .ss {
color: #990073; }
.highlight .s, .highlight .dl {
color: #d14; }
.highlight .na {
color: #008080; }
.highlight .bp {
color: #999999; }
.highlight .nb {
color: #0086B3; }
.highlight .nc {
color: #445588;
font-weight: bold; }
.highlight .no {
color: #008080; }
.highlight .nd {
color: #3c5d5d;
font-weight: bold; }
.highlight .ni {
color: #800080; }
.highlight .ne {
color: #990000;
font-weight: bold; }
.highlight .nf, .highlight .fm {
color: #990000;
font-weight: bold; }
.highlight .nl {
color: #990000;
font-weight: bold; }
.highlight .nn {
color: #555555; }
.highlight .nt {
color: #000080; }
.highlight .vc {
color: #008080; }
.highlight .vg {
color: #008080; }
.highlight .vi {
color: #008080; }
.highlight .nv, .highlight .vm {
color: #008080; }
.highlight .ow {
color: #000000;
font-weight: bold; }
.highlight .o {
color: #000000;
font-weight: bold; }
.highlight .w {
color: #bbbbbb; }
.highlight {
background-color: #f8f8f8; }
::-webkit-scrollbar {
width: 6px;
height: 6px; }
::-webkit-scrollbar-thumb {
background: var(--scrollbar-color);
-webkit-border-radius: 3px; }
@media print {
#mobile-search {
display: none; } }
@media only screen and (min-width: 768px) {
#mobile-search {
display: none; } }
@media only screen and (max-width: 767px) {
#mobile-search {
position: fixed;
font-size: 30px;
top: 0px;
right: 10px;
opacity: 0.5; } }
.search-form {
margin-bottom: 20px;
margin-top: 20px; }
.search-field {
border: 1px solid var(--search-field-border-color);
border-radius: 3px;
outline: none;
padding: 8px 12px;
font-size: 1.5em;
width: 100%;
min-width: 200px; }
.search-field:focus {
border-color: var(--search-field-focused-border-color); }
.source-link {
margin-top: 13px;
float: right; }
@media only screen and (max-width: 767px) {
.source-link {
display: none; } }
table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
word-break: normal;
word-break: keep-all; }
table th, table td {
padding: 6px 13px;
border: 1px solid var(--table-border-color); }
table td {
background-color: var(--table-bg-color); }
table th {
font-weight: bold;
background-color: var(--table-header-bg-color); }
table tr {
background-color: var(--table-row-bg-color); }
table tr:nth-child(2n) {
background-color: var(--table-alt-row-bg-color); }
body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
color: var(--font-color);
font-family: "Segoe UI", "Helvetica Neue", Helvetica,Arial, freesans, sans-serif;
font-size: 16px;
line-height: 1.6;
word-wrap: break-word; }
strong, .strong {
font-weight: bolder; }
h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
margin-bottom: 16px;
font-weight: bold;
line-height: 1.4; }
h1 {
color: var(--h1-color);
border-bottom: 1px solid var(--h1-border-color);
margin: 0.67em 0;
padding-bottom: 0.3em;
font-size: 2.25em;
line-height: 1.2; }
h2 {
color: var(--h2-color);
border-bottom: 1px solid var(--h2-border-color);
padding-bottom: 0.3em;
font-size: 1.75em;
line-height: 1.225; }
h3 {
color: var(--h3-color);
font-size: 1.5em;
line-height: 1.43; }
h4 {
color: var(--h4-color);
font-size: 1.25em; }
h5 {
color: var(--h5-color);
font-size: 1em; }
h6 {
color: var(--h6-color);
font-size: 1em; }
code, pre, kbd {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
* {
box-sizing: border-box; }
p {
margin-top: 0;
margin-bottom: 10px; }
blockquote {
color: var(--blockquote-color);
border-left: 4px solid var(--blockquote-border-color);
margin: 0;
padding: 0 15px; }
blockquote > :first-child {
margin-top: 0; }
blockquote > :last-child {
margin-bottom: 0; }
p, blockquote, ul, ol, dl, table, pre {
margin-top: 0;
margin-bottom: 16px; }
mark {
background-color: var(--highlight-color); }
.quiet {
color: var(--quiet-color); }
.float-right {
float: right; }
body {
background-color: var(--background-color);
max-width: 1400px;
margin: 0 auto; }
.main {
padding: 0 20px 100px 20px; }
.main:before, .main:after {
display: table;
content: ""; }
@media only screen and (min-width: 768px) {
.main.with-sidebar {
min-height: 100vh;
margin-left: 300px; } }
.main.without-sidebar {
max-width: 980px;
margin: 0 auto; }
/*# sourceMappingURL=main.css.map */