diff --git a/CHANGELOG.md b/CHANGELOG.md index a979f6bfc8b540e80eeafa220dc4b0fced2c8fc9..99aca551367b3dccf8b1104091897d137c8512bc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,9 +1,21 @@ # Changelog -## 2.0.1 +## 2.1.0 * Card shortcode will not longer render the horizontal rule when there is no bottom text to render. +* Added several shortcodes and CSS for rendering info-fields, for example for + contact info. See `info-entry.html`, `info-field.html`, `info-key.html` and + `info-value.html` under the `/layouts/shortcodes/` directory. +* Added the `container-split` short code which will split a container into two + columns. +* Removed significant portions of unused CSS to load quicker. +* Improved responsive aspects of the CSS. +* Several root settings in `/hugo.toml` were being overridden such as `paginate` + these should now be fixed. +* Fixed the CSS so the `navbar` wont overflow under very low resolutions. +* Fixed certain text inside `<p>` tags overflowing and distorting the layout. +* Updated CSS for `blockquote` and fonts to be more readable. ## 2.0.0 diff --git a/api/nodeinfo/2.1.ts b/api/nodeinfo/2.1.ts index 65078feb3a78c467a266aef4bd364f3b00f90313..5c287d3493da7297401a4b5161ebd6dd3abeee92 100644 --- a/api/nodeinfo/2.1.ts +++ b/api/nodeinfo/2.1.ts @@ -9,7 +9,7 @@ export default function (req: VercelRequest, res: VercelResponse) { "name": "Fedipage", "repository": "https://git.qoto.org/fedipage/fedipage", "homepage": "https://fedipage.com/", - "version": "2.0.1" + "version": "2.1.0" }, "protocols": [ "activitypub" diff --git a/assets/css/ghost.css b/assets/css/ghost.css deleted file mode 100644 index ee3d70a6ec4a6dc6caac2a763b587458f86f77c0..0000000000000000000000000000000000000000 --- a/assets/css/ghost.css +++ /dev/null @@ -1,4833 +0,0 @@ - - -/************************************** -** Inspired by ghost -*************************************** - -@charset "UTF-8"; -/*! - * Bootstrap v3.3.7 (http://getbootstrap.com) - * Copyright 2011-2016 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -@import url(vendor/font-awesome.min.css); -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; } - -body { - margin: 0; } - -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } - -audio, canvas, progress, video { - display: inline-block; - vertical-align: baseline; } - -audio:not([controls]) { - display: none; - height: 0; } - -[hidden], template { - display: none; } - -a { - background-color: transparent; } - -a:active, a:hover { - outline: 0; } - -abbr[title] { - border-bottom: 1px dotted; } - -b, strong { - font-weight: 700; } - -dfn { - font-style: italic; } - -h1 { - margin: .67em 0; - font-size: 2em; } - -mark { - color: #000; - background: #ff0; } - -small { - font-size: 80%; } - -sub, sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -img { - border: 0; } - -svg:not(:root) { - overflow: hidden; } - -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, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; } - -button, input, optgroup, select, textarea { - 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; } - -fieldset { - padding: .35em .625em .75em; - margin: 0 2px; - border: 1px solid silver; } - -legend { - padding: 0; - border: 0; } - -textarea { - overflow: auto; } - -optgroup { - font-weight: 700; } - -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 { - *, :after, :before { - color: #000 !important; - text-shadow: none !important; - background: 0 0 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; } - - a, a:visited { - text-decoration: underline; } - - a[href]:after { - content: " (" attr(href) ")"; } - - abbr[title]:after { - content: " (" attr(title) ")"; } - - a[href^="javascript:"]:after, a[href^="#"]:after { - content: ""; } - - blockquote, pre { - border: 1px solid #999; - page-break-inside: avoid; } - - thead { - display: table-header-group; } - - img, tr { - page-break-inside: avoid; } - - img { - max-width: 100% !important; } - - h2, h3, p { - orphans: 3; - widows: 3; } - - h2, h3 { - page-break-after: avoid; } - - .navbar { - display: none; } - - .btn > .caret, .dropup > .btn > .caret { - border-top-color: #000 !important; } - - .label { - border: 1px solid #000; } - - .table { - border-collapse: collapse !important; } - - .table td, .table th { - background-color: #fff !important; } - - .table-bordered td, .table-bordered th { - border: 1px solid #ddd !important; } -} - - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -:after, :before { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -html { - font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - -body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 1.42857143; - color: #333; - background-color: #fff; } - -button, input, select, textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -a { - color: #337ab7; - text-decoration: none; } - -a:focus, a:hover { - color: #23527c; - text-decoration: underline; } - -a:focus { - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -figure { - margin: 0; } - -img { - vertical-align: middle; } - -.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { - display: block; - max-width: 100%; - height: auto; } - -.img-rounded { - border-radius: 6px; } - -.img-thumbnail { - display: inline-block; - max-width: 100%; - height: auto; - padding: 4px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all 0.2s ease-in-out; } - -.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; } - -.sr-only-focusable:active, .sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; } - -[role=button] { - cursor: pointer; } - -.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { - font-family: inherit; - font-weight: 500; - line-height: 1.1; - color: inherit; } - -.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { - font-weight: 400; - line-height: 1; - color: #777; } - -.h1, .h2, .h3, h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; } - -.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { - font-size: 65%; } - -.h4, .h5, .h6, h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; } - -.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { - font-size: 75%; } - -.h1, h1 { - font-size: 36px; } - -.h2, h2 { - font-size: 30px; } - -.h3, h3 { - font-size: 24px; } - -.h4, h4 { - font-size: 18px; } - -.h5, h5 { - font-size: 14px; } - -.h6, h6 { - font-size: 12px; } - -p { - margin: 0 0 10px; } - -.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-justify { - text-align: justify; } - -.text-nowrap { - white-space: nowrap; } - -.text-lowercase { - text-transform: lowercase; } - -.text-uppercase { - text-transform: uppercase; } - -.text-capitalize { - text-transform: capitalize; } - -.text-muted { - color: #777; } - -.text-primary { - color: #337ab7; } - -a.text-primary:focus, a.text-primary:hover { - color: #286090; } - -.text-success { - color: #3c763d; } - -a.text-success:focus, a.text-success:hover { - color: #2b542c; } - -.text-info { - color: #31708f; } - -a.text-info:focus, a.text-info:hover { - color: #245269; } - -.text-warning { - color: #8a6d3b; } - -a.text-warning:focus, a.text-warning:hover { - color: #66512c; } - -.text-danger { - color: #a94442; } - -a.text-danger:focus, a.text-danger:hover { - color: #843534; } - -.bg-primary { - color: #fff; - background-color: #337ab7; } - -a.bg-primary:focus, a.bg-primary:hover { - background-color: #286090; } - -.bg-success { - background-color: #dff0d8; } - -a.bg-success:focus, a.bg-success:hover { - background-color: #c1e2b3; } - -.bg-info { - background-color: #d9edf7; } - -a.bg-info:focus, a.bg-info:hover { - background-color: #afd9ee; } - -.bg-warning { - background-color: #fcf8e3; } - -a.bg-warning:focus, a.bg-warning:hover { - background-color: #f7ecb5; } - -.bg-danger { - background-color: #f2dede; } - -a.bg-danger:focus, a.bg-danger:hover { - background-color: #e4b9b9; } - -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eee; } - -ol, ul { - margin-top: 0; - margin-bottom: 10px; } - -ol ol, ol ul, ul ol, ul ul { - margin-bottom: 0; } - -.list-unstyled { - padding-left: 0; - list-style: none; } - -.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; } - -dd, dt { - line-height: 1.42857143; } - -dt { - font-weight: 700; } - -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; } } -abbr[data-original-title], abbr[title] { - cursor: help; - border-bottom: 1px dotted #777; } - -.initialism { - font-size: 90%; - text-transform: uppercase; } - -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 17.5px; - border-left: 5px solid #eee; } - -blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { - margin-bottom: 0; } - -blockquote .small, blockquote footer, blockquote small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #777; } - -blockquote .small:before, blockquote footer:before, blockquote small:before { - content: "— "; } - -.blockquote-reverse, blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - text-align: right; - border-right: 5px solid #eee; - border-left: 0; } - -.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { - content: ""; } - -.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { - content: " —"; } - -address { - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857143; } - -code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } - -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 4px; } - -kbd { - padding: 2px 4px; - font-size: 90%; - color: #fff; - background-color: #333; - border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } - -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: 700; - -webkit-box-shadow: none; - box-shadow: none; } - -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; } - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; } - -.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-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { - position: relative; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; } - -.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { - float: left; } - -.col-xs-12 { - width: 100%; } - -.col-xs-11 { - width: 91.66666667%; } - -.col-xs-10 { - width: 83.33333333%; } - -.col-xs-9 { - width: 75%; } - -.col-xs-8 { - width: 66.66666667%; } - -.col-xs-7 { - width: 58.33333333%; } - -.col-xs-6 { - width: 50%; } - -.col-xs-5 { - width: 41.66666667%; } - -.col-xs-4 { - width: 33.33333333%; } - -.col-xs-3 { - width: 25%; } - -.col-xs-2 { - width: 16.66666667%; } - -.col-xs-1 { - width: 8.33333333%; } - -.col-xs-pull-12 { - right: 100%; } - -.col-xs-pull-11 { - right: 91.66666667%; } - -.col-xs-pull-10 { - right: 83.33333333%; } - -.col-xs-pull-9 { - right: 75%; } - -.col-xs-pull-8 { - right: 66.66666667%; } - -.col-xs-pull-7 { - right: 58.33333333%; } - -.col-xs-pull-6 { - right: 50%; } - -.col-xs-pull-5 { - right: 41.66666667%; } - -.col-xs-pull-4 { - right: 33.33333333%; } - -.col-xs-pull-3 { - right: 25%; } - -.col-xs-pull-2 { - right: 16.66666667%; } - -.col-xs-pull-1 { - right: 8.33333333%; } - -.col-xs-pull-0 { - right: auto; } - -.col-xs-push-12 { - left: 100%; } - -.col-xs-push-11 { - left: 91.66666667%; } - -.col-xs-push-10 { - left: 83.33333333%; } - -.col-xs-push-9 { - left: 75%; } - -.col-xs-push-8 { - left: 66.66666667%; } - -.col-xs-push-7 { - left: 58.33333333%; } - -.col-xs-push-6 { - left: 50%; } - -.col-xs-push-5 { - left: 41.66666667%; } - -.col-xs-push-4 { - left: 33.33333333%; } - -.col-xs-push-3 { - left: 25%; } - -.col-xs-push-2 { - left: 16.66666667%; } - -.col-xs-push-1 { - left: 8.33333333%; } - -.col-xs-push-0 { - left: auto; } - -.col-xs-offset-12 { - margin-left: 100%; } - -.col-xs-offset-11 { - margin-left: 91.66666667%; } - -.col-xs-offset-10 { - margin-left: 83.33333333%; } - -.col-xs-offset-9 { - margin-left: 75%; } - -.col-xs-offset-8 { - margin-left: 66.66666667%; } - -.col-xs-offset-7 { - margin-left: 58.33333333%; } - -.col-xs-offset-6 { - margin-left: 50%; } - -.col-xs-offset-5 { - margin-left: 41.66666667%; } - -.col-xs-offset-4 { - margin-left: 33.33333333%; } - -.col-xs-offset-3 { - margin-left: 25%; } - -.col-xs-offset-2 { - margin-left: 16.66666667%; } - -.col-xs-offset-1 { - margin-left: 8.33333333%; } - -.col-xs-offset-0 { - margin-left: 0; } - -@media (min-width: 768px) { - .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { - float: left; } - - .col-sm-12 { - width: 100%; } - - .col-sm-11 { - width: 91.66666667%; } - - .col-sm-10 { - width: 83.33333333%; } - - .col-sm-9 { - width: 75%; } - - .col-sm-8 { - width: 66.66666667%; } - - .col-sm-7 { - width: 58.33333333%; } - - .col-sm-6 { - width: 50%; } - - .col-sm-5 { - width: 41.66666667%; } - - .col-sm-4 { - width: 33.33333333%; } - - .col-sm-3 { - width: 25%; } - - .col-sm-2 { - width: 16.66666667%; } - - .col-sm-1 { - width: 8.33333333%; } - - .col-sm-pull-12 { - right: 100%; } - - .col-sm-pull-11 { - right: 91.66666667%; } - - .col-sm-pull-10 { - right: 83.33333333%; } - - .col-sm-pull-9 { - right: 75%; } - - .col-sm-pull-8 { - right: 66.66666667%; } - - .col-sm-pull-7 { - right: 58.33333333%; } - - .col-sm-pull-6 { - right: 50%; } - - .col-sm-pull-5 { - right: 41.66666667%; } - - .col-sm-pull-4 { - right: 33.33333333%; } - - .col-sm-pull-3 { - right: 25%; } - - .col-sm-pull-2 { - right: 16.66666667%; } - - .col-sm-pull-1 { - right: 8.33333333%; } - - .col-sm-pull-0 { - right: auto; } - - .col-sm-push-12 { - left: 100%; } - - .col-sm-push-11 { - left: 91.66666667%; } - - .col-sm-push-10 { - left: 83.33333333%; } - - .col-sm-push-9 { - left: 75%; } - - .col-sm-push-8 { - left: 66.66666667%; } - - .col-sm-push-7 { - left: 58.33333333%; } - - .col-sm-push-6 { - left: 50%; } - - .col-sm-push-5 { - left: 41.66666667%; } - - .col-sm-push-4 { - left: 33.33333333%; } - - .col-sm-push-3 { - left: 25%; } - - .col-sm-push-2 { - left: 16.66666667%; } - - .col-sm-push-1 { - left: 8.33333333%; } - - .col-sm-push-0 { - left: auto; } - - .col-sm-offset-12 { - margin-left: 100%; } - - .col-sm-offset-11 { - margin-left: 91.66666667%; } - - .col-sm-offset-10 { - margin-left: 83.33333333%; } - - .col-sm-offset-9 { - margin-left: 75%; } - - .col-sm-offset-8 { - margin-left: 66.66666667%; } - - .col-sm-offset-7 { - margin-left: 58.33333333%; } - - .col-sm-offset-6 { - margin-left: 50%; } - - .col-sm-offset-5 { - margin-left: 41.66666667%; } - - .col-sm-offset-4 { - margin-left: 33.33333333%; } - - .col-sm-offset-3 { - margin-left: 25%; } - - .col-sm-offset-2 { - margin-left: 16.66666667%; } - - .col-sm-offset-1 { - margin-left: 8.33333333%; } - - .col-sm-offset-0 { - margin-left: 0; } } -@media (min-width: 992px) { - .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { - 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; } } -@media (min-width: 1200px) { - .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { - float: left; } - - .col-lg-12 { - width: 100%; } - - .col-lg-11 { - width: 91.66666667%; } - - .col-lg-10 { - width: 83.33333333%; } - - .col-lg-9 { - width: 75%; } - - .col-lg-8 { - width: 66.66666667%; } - - .col-lg-7 { - width: 58.33333333%; } - - .col-lg-6 { - width: 50%; } - - .col-lg-5 { - width: 41.66666667%; } - - .col-lg-4 { - width: 33.33333333%; } - - .col-lg-3 { - width: 25%; } - - .col-lg-2 { - width: 16.66666667%; } - - .col-lg-1 { - width: 8.33333333%; } - - .col-lg-pull-12 { - right: 100%; } - - .col-lg-pull-11 { - right: 91.66666667%; } - - .col-lg-pull-10 { - right: 83.33333333%; } - - .col-lg-pull-9 { - right: 75%; } - - .col-lg-pull-8 { - right: 66.66666667%; } - - .col-lg-pull-7 { - right: 58.33333333%; } - - .col-lg-pull-6 { - right: 50%; } - - .col-lg-pull-5 { - right: 41.66666667%; } - - .col-lg-pull-4 { - right: 33.33333333%; } - - .col-lg-pull-3 { - right: 25%; } - - .col-lg-pull-2 { - right: 16.66666667%; } - - .col-lg-pull-1 { - right: 8.33333333%; } - - .col-lg-pull-0 { - right: auto; } - - .col-lg-push-12 { - left: 100%; } - - .col-lg-push-11 { - left: 91.66666667%; } - - .col-lg-push-10 { - left: 83.33333333%; } - - .col-lg-push-9 { - left: 75%; } - - .col-lg-push-8 { - left: 66.66666667%; } - - .col-lg-push-7 { - left: 58.33333333%; } - - .col-lg-push-6 { - left: 50%; } - - .col-lg-push-5 { - left: 41.66666667%; } - - .col-lg-push-4 { - left: 33.33333333%; } - - .col-lg-push-3 { - left: 25%; } - - .col-lg-push-2 { - left: 16.66666667%; } - - .col-lg-push-1 { - left: 8.33333333%; } - - .col-lg-push-0 { - left: auto; } - - .col-lg-offset-12 { - margin-left: 100%; } - - .col-lg-offset-11 { - margin-left: 91.66666667%; } - - .col-lg-offset-10 { - margin-left: 83.33333333%; } - - .col-lg-offset-9 { - margin-left: 75%; } - - .col-lg-offset-8 { - margin-left: 66.66666667%; } - - .col-lg-offset-7 { - margin-left: 58.33333333%; } - - .col-lg-offset-6 { - margin-left: 50%; } - - .col-lg-offset-5 { - margin-left: 41.66666667%; } - - .col-lg-offset-4 { - margin-left: 33.33333333%; } - - .col-lg-offset-3 { - margin-left: 25%; } - - .col-lg-offset-2 { - margin-left: 16.66666667%; } - - .col-lg-offset-1 { - margin-left: 8.33333333%; } - - .col-lg-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 > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { - 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 > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { - border-top: 0; } - -.table > tbody + tbody { - border-top: 2px solid #ddd; } - -.table .table { - background-color: #fff; } - -.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { - padding: 5px; } - -.table-bordered { - border: 1px solid #ddd; } - -.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { - border: 1px solid #ddd; } - -.table-bordered > thead > tr > td, .table-bordered > thead > tr > th { - border-bottom-width: 2px; } - -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: #f9f9f9; } - -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; } - -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 > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { - background-color: #f5f5f5; } - -.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { - background-color: #e8e8e8; } - -.table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { - background-color: #dff0d8; } - -.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { - background-color: #d0e9c6; } - -.table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { - background-color: #d9edf7; } - -.table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { - background-color: #c4e3f3; } - -.table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { - background-color: #fcf8e3; } - -.table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { - background-color: #faf2cc; } - -.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { - background-color: #f2dede; } - -.table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { - background-color: #ebcccc; } - -.table-responsive { - min-height: .01%; - overflow-x: auto; } - -@media screen and (max-width: 767px) { - .table-responsive { - width: 100%; - margin-bottom: 15px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #ddd; } - - .table-responsive > .table { - margin-bottom: 0; } - - .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { - white-space: nowrap; } - - .table-responsive > .table-bordered { - border: 0; } - - .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { - border-left: 0; } - - .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { - border-right: 0; } - - .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; } } -fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; } - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #333; - border: 0; - border-bottom: 1px solid #e5e5e5; } - -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: 700; } - -input[type=search] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -input[type=checkbox], input[type=radio] { - 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=checkbox]:focus, input[type=radio]:focus { - 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; } - -.form-control { - display: block; - width: 100%; - height: 34px; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: #fff; - background-image: none; - border: 1px solid #ccc; - border-radius: 4px; - -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); - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } - -.form-control:focus { - border-color: #66afe9; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } - -.form-control::-moz-placeholder { - color: #999; - opacity: 1; } - -.form-control:-ms-input-placeholder { - color: #999; } - -.form-control::-webkit-input-placeholder { - color: #999; } - -.form-control::-ms-expand { - background-color: transparent; - border: 0; } - -.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { - background-color: #eee; - opacity: 1; } - -.form-control[disabled], fieldset[disabled] .form-control { - cursor: not-allowed; } - -textarea.form-control { - height: auto; } - -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-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { - line-height: 30px; } - - .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], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { - line-height: 46px; } } -.form-group { - margin-bottom: 15px; } - -.checkbox, .radio { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; } - -.checkbox label, .radio label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: 400; - cursor: pointer; } - -.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { - position: absolute; - margin-top: 4px \9; - margin-left: -20px; } - -.checkbox + .checkbox, .radio + .radio { - margin-top: -5px; } - -.checkbox-inline, .radio-inline { - position: relative; - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - font-weight: 400; - vertical-align: middle; - cursor: pointer; } - -.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { - margin-top: 0; - margin-left: 10px; } - -fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { - cursor: not-allowed; } - -.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { - cursor: not-allowed; } - -.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { - 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, textarea.input-sm { - height: auto; } - -.form-group-sm .form-control { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; } - -.form-group-sm select.form-control { - height: 30px; - line-height: 30px; } - -.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { - height: auto; } - -.form-group-sm .form-control-static { - height: 30px; - min-height: 32px; - padding: 6px 10px; - font-size: 12px; - line-height: 1.5; } - -.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, textarea.input-lg { - height: auto; } - -.form-group-lg .form-control { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; } - -.form-group-lg select.form-control { - height: 46px; - line-height: 46px; } - -.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { - height: auto; } - -.form-group-lg .form-control-static { - height: 46px; - min-height: 38px; - padding: 11px 16px; - font-size: 18px; - line-height: 1.3333333; } - -.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; } - -.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; } - -.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; } - -.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline 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 .input-group-addon { - color: #3c763d; - background-color: #dff0d8; - border-color: #3c763d; } - -.has-success .form-control-feedback { - color: #3c763d; } - -.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline 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 .input-group-addon { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #8a6d3b; } - -.has-warning .form-control-feedback { - color: #8a6d3b; } - -.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline 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 .input-group-addon { - color: #a94442; - background-color: #f2dede; - border-color: #a94442; } - -.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 .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { - width: auto; } - - .form-inline .input-group > .form-control { - width: 100%; } - - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; } - - .form-inline .checkbox, .form-inline .radio { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; } - - .form-inline .checkbox label, .form-inline .radio label { - padding-left: 0; } - - .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { - position: relative; - margin-left: 0; } - - .form-inline .has-feedback .form-control-feedback { - top: 0; } } -.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { - padding-top: 7px; - margin-top: 0; - margin-bottom: 0; } - -.form-horizontal .checkbox, .form-horizontal .radio { - min-height: 27px; } - -.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: 11px; - 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: 400; - 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.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -.btn.focus, .btn:focus, .btn:hover { - 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], fieldset[disabled] .btn { - cursor: not-allowed; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; - opacity: 0.65; } - -a.btn.disabled, fieldset[disabled] a.btn { - 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, .open > .dropdown-toggle.btn-default { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; } - -.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { - color: #333; - background-color: #d4d4d4; - border-color: #8c8c8c; } - -.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { - background-image: none; } - -.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { - background-color: #fff; - border-color: #ccc; } - -.btn-default .badge { - color: #fff; - background-color: #333; } - -.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, .open > .dropdown-toggle.btn-primary { - color: #fff; - background-color: #286090; - border-color: #204d74; } - -.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { - color: #fff; - background-color: #204d74; - border-color: #122b40; } - -.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { - background-image: none; } - -.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { - background-color: #337ab7; - border-color: #2e6da4; } - -.btn-primary .badge { - color: #337ab7; - background-color: #fff; } - -.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, .open > .dropdown-toggle.btn-success { - color: #fff; - background-color: #449d44; - border-color: #398439; } - -.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { - color: #fff; - background-color: #398439; - border-color: #255625; } - -.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { - background-image: none; } - -.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { - background-color: #5cb85c; - border-color: #4cae4c; } - -.btn-success .badge { - color: #5cb85c; - background-color: #fff; } - -.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, .open > .dropdown-toggle.btn-info { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; } - -.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { - color: #fff; - background-color: #269abc; - border-color: #1b6d85; } - -.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { - background-image: none; } - -.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { - background-color: #5bc0de; - border-color: #46b8da; } - -.btn-info .badge { - color: #5bc0de; - background-color: #fff; } - -.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, .open > .dropdown-toggle.btn-warning { - color: #fff; - background-color: #ec971f; - border-color: #d58512; } - -.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { - color: #fff; - background-color: #d58512; - border-color: #985f0d; } - -.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { - background-image: none; } - -.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { - background-color: #f0ad4e; - border-color: #eea236; } - -.btn-warning .badge { - color: #f0ad4e; - background-color: #fff; } - -.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, .open > .dropdown-toggle.btn-danger { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; } - -.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { - color: #fff; - background-color: #ac2925; - border-color: #761c19; } - -.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { - background-image: none; } - -.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { - background-color: #d9534f; - border-color: #d43f3a; } - -.btn-danger .badge { - color: #d9534f; - background-color: #fff; } - -.btn-link { - font-weight: 400; - color: #337ab7; - border-radius: 0; } - -.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; } - -.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { - border-color: transparent; } - -.btn-link:focus, .btn-link:hover { - color: #23527c; - text-decoration: underline; - background-color: transparent; } - -.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { - color: #777; - text-decoration: none; } - -.btn-group-lg > .btn, .btn-lg { - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; } - -.btn-group-sm > .btn, .btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; } - -.btn-group-xs > .btn, .btn-xs { - 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=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { - width: 100%; } - -.fade { - opacity: 0; - -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity 0.15s linear; } - -.fade.in { - opacity: 1; } - -.collapse { - display: none; } - -.collapse.in { - display: block; } - -tr.collapse.in { - display: table-row; } - -tbody.collapse.in { - display: table-row-group; } - -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - -o-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; } - -.caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: 4px dashed; - border-top: 4px solid \9; - border-right: 4px solid transparent; - border-left: 4px solid transparent; } - -.dropdown, .dropup { - position: relative; } - -.dropdown-toggle:focus { - outline: 0; } - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } - -.dropdown-menu.pull-right { - right: 0; - left: auto; } - -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; } - -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: 400; - line-height: 1.42857143; - color: #333; - white-space: nowrap; } - -.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { - color: #262626; - text-decoration: none; - background-color: #f5f5f5; } - -.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { - color: #fff; - text-decoration: none; - background-color: #337ab7; - outline: 0; } - -.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { - color: #777; } - -.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { - text-decoration: none; - cursor: not-allowed; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } - -.open > .dropdown-menu { - display: block; } - -.open > a { - outline: 0; } - -.dropdown-menu-right { - right: 0; - left: auto; } - -.dropdown-menu-left { - right: auto; - left: 0; } - -.dropdown-header { - display: block; - padding: 3px 20px; - font-size: 12px; - line-height: 1.42857143; - color: #777; - white-space: nowrap; } - -.dropdown-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 990; } - -.pull-right > .dropdown-menu { - right: 0; - left: auto; } - -.dropup .caret, .navbar-fixed-bottom .dropdown .caret { - content: ""; - border-top: 0; - border-bottom: 4px dashed; - border-bottom: 4px solid \9; } - -.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 2px; } - -@media (min-width: 768px) { - .navbar-right .dropdown-menu { - right: 0; - left: auto; } - - .navbar-right .dropdown-menu-left { - right: auto; - left: 0; } } -.btn-group, .btn-group-vertical { - position: relative; - display: inline-block; - vertical-align: middle; } - -.btn-group-vertical > .btn, .btn-group > .btn { - position: relative; - float: left; } - -.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { - 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-toolbar { - margin-left: -5px; } - -.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { - float: left; } - -.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { - margin-left: 5px; } - -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; } - -.btn-group > .btn:first-child { - margin-left: 0; } - -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle: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, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - 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; } - -.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { - outline: 0; } - -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; } - -.btn-group > .btn-lg + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; } - -.btn-group.open .dropdown-toggle { - -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-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; - box-shadow: none; } - -.btn .caret { - margin-left: 0; } - -.btn-lg .caret { - border-width: 5px 5px 0; - border-bottom-width: 0; } - -.dropup .btn-lg .caret { - border-width: 0 5px 5px; } - -.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; } - -.btn-group-vertical > .btn-group > .btn { - float: none; } - -.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; } - -.btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; } - -.btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; } - -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; } - -.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.btn-group-justified { - display: table; - width: 100%; - table-layout: fixed; - border-collapse: separate; } - -.btn-group-justified > .btn, .btn-group-justified > .btn-group { - display: table-cell; - float: none; - width: 1%; } - -.btn-group-justified > .btn-group .btn { - width: 100%; } - -.btn-group-justified > .btn-group .dropdown-menu { - left: auto; } - -[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { - 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 .form-control:focus { - z-index: 3; } - -.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .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-addon, 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-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { - height: auto; } - -.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .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-addon, 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-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { - height: auto; } - -.input-group .form-control, .input-group-addon, .input-group-btn { - display: table-cell; } - -.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { - border-radius: 0; } - -.input-group-addon, .input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; } - -.input-group-addon { - padding: 6px 12px; - font-size: 14px; - font-weight: 400; - line-height: 1; - color: #555; - text-align: center; - background-color: #eee; - border: 1px solid #ccc; - border-radius: 4px; } - -.input-group-addon.input-sm { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; } - -.input-group-addon.input-lg { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; } - -.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { - margin-top: 0; } - -.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - -.input-group-addon:first-child { - border-right: 0; } - -.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -.input-group-addon:last-child { - border-left: 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:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { - 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:focus, .nav > li > a:hover { - text-decoration: none; - background-color: #eee; } - -.nav > li.disabled > a { - color: #777; } - -.nav > li.disabled > a:focus, .nav > li.disabled > a:hover { - color: #777; - text-decoration: none; - cursor: not-allowed; - background-color: transparent; } - -.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { - background-color: #eee; - border-color: #337ab7; } - -.nav .nav-divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; } - -.nav > li > a > img { - max-width: none; } - -.nav-tabs { - border-bottom: 1px solid #ddd; } - -.nav-tabs > li { - float: left; - margin-bottom: -1px; } - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 1.42857143; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; } - -.nav-tabs > li > a:hover { - border-color: #eee #eee #ddd; } - -.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { - color: #555; - cursor: default; - background-color: #fff; - border: 1px solid #ddd; - border-bottom-color: transparent; } - -.nav-tabs.nav-justified { - width: 100%; - border-bottom: 0; } - -.nav-tabs.nav-justified > li { - float: none; } - -.nav-tabs.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; } - -.nav-tabs.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -@media (min-width: 768px) { - .nav-tabs.nav-justified > li { - display: table-cell; - width: 1%; } - - .nav-tabs.nav-justified > li > a { - margin-bottom: 0; } } -.nav-tabs.nav-justified > li > a { - margin-right: 0; - border-radius: 4px; } - -.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { - border: 1px solid #ddd; } - -@media (min-width: 768px) { - .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; } - - .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { - border-bottom-color: #fff; } } -.nav-pills > li { - float: left; } - -.nav-pills > li > a { - border-radius: 4px; } - -.nav-pills > li + li { - margin-left: 2px; } - -.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { - color: #fff; - background-color: #337ab7; } - -.nav-stacked > li { - float: none; } - -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; } - -.nav-justified { - width: 100%; } - -.nav-justified > li { - float: none; } - -.nav-justified > li > a { - margin-bottom: 5px; - text-align: center; } - -.nav-justified > .dropdown .dropdown-menu { - top: auto; - left: auto; } - -@media (min-width: 768px) { - .nav-justified > li { - display: table-cell; - width: 1%; } - - .nav-justified > li > a { - margin-bottom: 0; } } -.nav-tabs-justified { - border-bottom: 0; } - -.nav-tabs-justified > li > a { - margin-right: 0; - border-radius: 4px; } - -.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { - border: 1px solid #ddd; } - -@media (min-width: 768px) { - .nav-tabs-justified > li > a { - border-bottom: 1px solid #ddd; - border-radius: 4px 4px 0 0; } - - .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { - border-bottom-color: #fff; } } -.tab-content > .tab-pane { - display: none; } - -.tab-content > .active { - display: block; } - -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.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-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { - padding-right: 0; - padding-left: 0; } } -.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { - max-height: 340px; } - -@media (max-device-width: 480px) and (orientation: landscape) { - .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { - max-height: 200px; } } -.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { - margin-right: -15px; - margin-left: -15px; } - -@media (min-width: 768px) { - .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { - 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-bottom, .navbar-fixed-top { - position: fixed; - right: 0; - left: 0; - z-index: 1030; } - -@media (min-width: 768px) { - .navbar-fixed-bottom, .navbar-fixed-top { - 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:focus, .navbar-brand:hover { - 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 (max-width: 767px) { - .navbar-nav .open .dropdown-menu { - position: static; - float: none; - width: auto; - margin-top: 0; - background-color: transparent; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; } - - .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { - padding: 5px 15px 5px 25px; } - - .navbar-nav .open .dropdown-menu > li > a { - line-height: 20px; } - - .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { - background-image: none; } } -@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; } } -.navbar-form { - padding: 10px 15px; - margin-top: 8px; - margin-right: -15px; - margin-bottom: 8px; - margin-left: -15px; - border-top: 1px solid transparent; - border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } - -@media (min-width: 768px) { - .navbar-form .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; } - - .navbar-form .form-control { - display: inline-block; - width: auto; - vertical-align: middle; } - - .navbar-form .form-control-static { - display: inline-block; } - - .navbar-form .input-group { - display: inline-table; - vertical-align: middle; } - - .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { - width: auto; } - - .navbar-form .input-group > .form-control { - width: 100%; } - - .navbar-form .control-label { - margin-bottom: 0; - vertical-align: middle; } - - .navbar-form .checkbox, .navbar-form .radio { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; } - - .navbar-form .checkbox label, .navbar-form .radio label { - padding-left: 0; } - - .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { - position: relative; - margin-left: 0; } - - .navbar-form .has-feedback .form-control-feedback { - top: 0; } } -@media (max-width: 767px) { - .navbar-form .form-group { - margin-bottom: 5px; } - - .navbar-form .form-group:last-child { - margin-bottom: 0; } } -@media (min-width: 768px) { - .navbar-form { - width: auto; - padding-top: 0; - padding-bottom: 0; - margin-right: 0; - margin-left: 0; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; } } -.navbar-nav > li > .dropdown-menu { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - margin-bottom: 0; - border-top-left-radius: 4px; - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; } - -.navbar-btn { - margin-top: 8px; - margin-bottom: 8px; } - -.navbar-btn.btn-sm { - margin-top: 10px; - margin-bottom: 10px; } - -.navbar-btn.btn-xs { - margin-top: 14px; - margin-bottom: 14px; } - -.navbar-text { - margin-top: 15px; - margin-bottom: 15px; } - -@media (min-width: 768px) { - .navbar-text { - float: left; - margin-right: 15px; - margin-left: 15px; } } -@media (min-width: 768px) { - .navbar-left { - float: left !important; } - - .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:focus, .navbar-default .navbar-brand:hover { - 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:focus, .navbar-default .navbar-nav > li > a:hover { - color: #333; - background-color: transparent; } - -.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { - color: #555; - background-color: #e7e7e7; } - -.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { - color: #ccc; - background-color: transparent; } - -.navbar-default .navbar-toggle { - border-color: #ddd; } - -.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { - 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:focus, .navbar-default .navbar-nav > .open > a:hover { - color: #555; - background-color: #e7e7e7; } - -@media (max-width: 767px) { - .navbar-default .navbar-nav .open .dropdown-menu > li > a { - color: #777; } - - .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { - color: #333; - background-color: transparent; } - - .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { - color: #555; - background-color: #e7e7e7; } - - .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { - color: #ccc; - background-color: transparent; } } -.navbar-default .navbar-link { - color: #777; } - -.navbar-default .navbar-link:hover { - color: #333; } - -.navbar-default .btn-link { - color: #777; } - -.navbar-default .btn-link:focus, .navbar-default .btn-link:hover { - color: #333; } - -.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { - color: #ccc; } - -.navbar-inverse { - background-color: #222; - border-color: #080808; } - -.navbar-inverse .navbar-brand { - color: #9d9d9d; } - -.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { - 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:focus, .navbar-inverse .navbar-nav > li > a:hover { - color: #fff; - background-color: transparent; } - -.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { - color: #fff; - background-color: #080808; } - -.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { - color: #444; - background-color: transparent; } - -.navbar-inverse .navbar-toggle { - border-color: #333; } - -.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { - 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:focus, .navbar-inverse .navbar-nav > .open > a:hover { - color: #fff; - background-color: #080808; } - -@media (max-width: 767px) { - .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { - border-color: #080808; } - - .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #080808; } - - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { - color: #9d9d9d; } - - .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { - color: #fff; - background-color: transparent; } - - .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { - color: #fff; - background-color: #080808; } - - .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { - color: #444; - background-color: transparent; } } -.navbar-inverse .navbar-link { - color: #9d9d9d; } - -.navbar-inverse .navbar-link:hover { - color: #fff; } - -.navbar-inverse .btn-link { - color: #9d9d9d; } - -.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { - color: #fff; } - -.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { - color: #444; } - -.breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; } - -.breadcrumb > li { - display: inline-block; } - -.breadcrumb > li + li:before { - padding: 0 5px; - color: #ccc; - content: "/ "; } - -.breadcrumb > .active { - color: #777; } - -.pagination { - display: inline-block; - padding-left: 0; - margin: 20px 0; - border-radius: 4px; } - -.pagination > li { - display: inline; } - -.pagination > li > a, .pagination > li > span { - position: relative; - float: left; - padding: 6px 12px; - margin-left: -1px; - line-height: 1.42857143; - color: #337ab7; - text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; } - -.pagination > li:first-child > a, .pagination > li:first-child > span { - margin-left: 0; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; } - -.pagination > li:last-child > a, .pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; } - -.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { - z-index: 2; - color: #23527c; - background-color: #eee; - border-color: #ddd; } - -.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { - z-index: 3; - color: #fff; - cursor: default; - background-color: #337ab7; - border-color: #337ab7; } - -.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { - color: #777; - cursor: not-allowed; - background-color: #fff; - border-color: #ddd; } - -.pagination-lg > li > a, .pagination-lg > li > span { - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; } - -.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; } - -.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; } - -.pagination-sm > li > a, .pagination-sm > li > span { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; } - -.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; } - -.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; } - -.pager { - padding-left: 0; - margin: 20px 0; - text-align: center; - list-style: none; } - -.pager li { - display: inline; } - -.pager li > a, .pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; } - -.pager li > a:focus, .pager li > a:hover { - text-decoration: none; - background-color: #eee; } - -.pager .next > a, .pager .next > span { - float: right; } - -.pager .previous > a, .pager .previous > span { - float: left; } - -.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { - color: #777; - cursor: not-allowed; - background-color: #fff; } - -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: 700; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.25em; } - -a.label:focus, a.label:hover { - color: #fff; - text-decoration: none; - cursor: pointer; } - -.label:empty { - display: none; } - -.btn .label { - position: relative; - top: -1px; } - -.label-default { - background-color: #777; } - -.label-default[href]:focus, .label-default[href]:hover { - background-color: #5e5e5e; } - -.label-primary { - background-color: #337ab7; } - -.label-primary[href]:focus, .label-primary[href]:hover { - background-color: #286090; } - -.label-success { - background-color: #5cb85c; } - -.label-success[href]:focus, .label-success[href]:hover { - background-color: #449d44; } - -.label-info { - background-color: #5bc0de; } - -.label-info[href]:focus, .label-info[href]:hover { - background-color: #31b0d5; } - -.label-warning { - background-color: #f0ad4e; } - -.label-warning[href]:focus, .label-warning[href]:hover { - background-color: #ec971f; } - -.label-danger { - background-color: #d9534f; } - -.label-danger[href]:focus, .label-danger[href]:hover { - background-color: #c9302c; } - -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: 700; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: middle; - background-color: #777; - border-radius: 10px; } - -.badge:empty { - display: none; } - -.btn .badge { - position: relative; - top: -1px; } - -.btn-group-xs > .btn .badge, .btn-xs .badge { - top: 0; - padding: 1px 5px; } - -a.badge:focus, a.badge:hover { - color: #fff; - text-decoration: none; - cursor: pointer; } - -.list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #337ab7; - background-color: #fff; } - -.list-group-item > .badge { - float: right; } - -.list-group-item > .badge + .badge { - margin-right: 5px; } - -.nav-pills > li > a > .badge { - margin-left: 3px; } - -.jumbotron { - padding-top: 30px; - padding-bottom: 30px; - margin-bottom: 30px; - color: inherit; - background-color: #eee; } - -.jumbotron .h1, .jumbotron h1 { - color: inherit; } - -.jumbotron p { - margin-bottom: 15px; - font-size: 21px; - font-weight: 200; } - -.jumbotron > hr { - border-top-color: #d5d5d5; } - -.container .jumbotron, .container-fluid .jumbotron { - padding-right: 15px; - padding-left: 15px; - border-radius: 6px; } - -.jumbotron .container { - max-width: 100%; } - -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 48px; - padding-bottom: 48px; } - - .container .jumbotron, .container-fluid .jumbotron { - padding-right: 60px; - padding-left: 60px; } - - .jumbotron .h1, .jumbotron h1 { - font-size: 63px; } } -.thumbnail { - display: block; - padding: 4px; - margin-bottom: 20px; - line-height: 1.42857143; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: border .2s ease-in-out; - -o-transition: border .2s ease-in-out; - transition: border 0.2s ease-in-out; } - -.thumbnail a > img, .thumbnail > img { - margin-right: auto; - margin-left: auto; } - -a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { - border-color: #337ab7; } - -.thumbnail .caption { - padding: 9px; - color: #333; } - -.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: 700; } - -.alert > p, .alert > ul { - margin-bottom: 0; } - -.alert > p + p { - margin-top: 5px; } - -.alert-dismissable, .alert-dismissible { - padding-right: 35px; } - -.alert-dismissable .close, .alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; } - -.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; } - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; } - to { - background-position: 0 0; } } -@-o-keyframes progress-bar-stripes { - from { - background-position: 40px 0; } - to { - background-position: 0 0; } } -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; } - to { - background-position: 0 0; } } -.progress { - height: 20px; - margin-bottom: 20px; - overflow: hidden; - background-color: #f5f5f5; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } - -.progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - line-height: 20px; - color: #fff; - text-align: center; - background-color: #337ab7; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: width .6s ease; - -o-transition: width .6s ease; - transition: width 0.6s ease; } - -.progress-bar-striped, .progress-striped .progress-bar { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - background-size: 40px 40px; } - -.progress-bar.active, .progress.active .progress-bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; } - -.progress-bar-success { - background-color: #5cb85c; } - -.progress-striped .progress-bar-success { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -.progress-bar-info { - background-color: #5bc0de; } - -.progress-striped .progress-bar-info { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -.progress-bar-warning { - background-color: #f0ad4e; } - -.progress-striped .progress-bar-warning { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -.progress-bar-danger { - background-color: #d9534f; } - -.progress-striped .progress-bar-danger { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - -.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-object.img-thumbnail { - max-width: none; } - -.media-right, .media > .pull-right { - padding-left: 10px; } - -.media-left, .media > .pull-left { - padding-right: 10px; } - -.media-body, .media-left, .media-right { - 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; } - -.list-group { - padding-left: 0; - margin-bottom: 20px; } - -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: #fff; - border: 1px solid #ddd; } - -.list-group-item:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; } - -a.list-group-item, button.list-group-item { - color: #555; } - -a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { - color: #333; } - -a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { - color: #555; - text-decoration: none; - background-color: #f5f5f5; } - -button.list-group-item { - width: 100%; - text-align: left; } - -.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { - color: #777; - cursor: not-allowed; - background-color: #eee; } - -.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { - color: inherit; } - -.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { - color: #777; } - -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { - z-index: 2; - color: #fff; - background-color: #337ab7; - border-color: #337ab7; } - -.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { - color: inherit; } - -.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { - color: #c7ddef; } - -.list-group-item-success { - color: #3c763d; - background-color: #dff0d8; } - -a.list-group-item-success, button.list-group-item-success { - color: #3c763d; } - -a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { - color: inherit; } - -a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { - color: #3c763d; - background-color: #d0e9c6; } - -a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { - color: #fff; - background-color: #3c763d; - border-color: #3c763d; } - -.list-group-item-info { - color: #31708f; - background-color: #d9edf7; } - -a.list-group-item-info, button.list-group-item-info { - color: #31708f; } - -a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { - color: inherit; } - -a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { - color: #31708f; - background-color: #c4e3f3; } - -a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { - color: #fff; - background-color: #31708f; - border-color: #31708f; } - -.list-group-item-warning { - color: #8a6d3b; - background-color: #fcf8e3; } - -a.list-group-item-warning, button.list-group-item-warning { - color: #8a6d3b; } - -a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { - color: inherit; } - -a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { - color: #8a6d3b; - background-color: #faf2cc; } - -a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { - color: #fff; - background-color: #8a6d3b; - border-color: #8a6d3b; } - -.list-group-item-danger { - color: #a94442; - background-color: #f2dede; } - -a.list-group-item-danger, button.list-group-item-danger { - color: #a94442; } - -a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { - color: inherit; } - -a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { - color: #a94442; - background-color: #ebcccc; } - -a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { - color: #fff; - background-color: #a94442; - border-color: #a94442; } - -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; } - -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; } - -.panel { - margin-bottom: 20px; - background-color: #fff; - border: 1px solid transparent; - border-radius: 4px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } - -.panel-body { - padding: 15px; } - -.panel-heading { - padding: 10px 15px; - border-bottom: 1px solid transparent; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -.panel-heading > .dropdown .dropdown-toggle { - color: inherit; } - -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: 16px; - color: inherit; } - -.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { - color: inherit; } - -.panel-footer { - padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - -.panel > .list-group, .panel > .panel-collapse > .list-group { - margin-bottom: 0; } - -.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { - border-width: 1px 0; - border-radius: 0; } - -.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { - border-top: 0; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { - border-bottom: 0; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - -.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; } - -.list-group + .panel-footer { - border-top-width: 0; } - -.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { - margin-bottom: 0; } - -.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { - padding-right: 15px; - padding-left: 15px; } - -.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; } - -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { - border-top-left-radius: 3px; } - -.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { - border-top-right-radius: 3px; } - -.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; } - -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { - border-bottom-left-radius: 3px; } - -.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { - border-bottom-right-radius: 3px; } - -.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { - border-top: 1px solid #ddd; } - -.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { - border-top: 0; } - -.panel > .table-bordered, .panel > .table-responsive > .table-bordered { - border: 0; } - -.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { - border-left: 0; } - -.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { - border-right: 0; } - -.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { - border-bottom: 0; } - -.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { - border-bottom: 0; } - -.panel > .table-responsive { - margin-bottom: 0; - border: 0; } - -.panel-group { - margin-bottom: 20px; } - -.panel-group .panel { - margin-bottom: 0; - border-radius: 4px; } - -.panel-group .panel + .panel { - margin-top: 5px; } - -.panel-group .panel-heading { - border-bottom: 0; } - -.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { - border-top: 1px solid #ddd; } - -.panel-group .panel-footer { - border-top: 0; } - -.panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #ddd; } - -.panel-default { - border-color: #ddd; } - -.panel-default > .panel-heading { - color: #333; - background-color: #f5f5f5; - border-color: #ddd; } - -.panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ddd; } - -.panel-default > .panel-heading .badge { - color: #f5f5f5; - background-color: #333; } - -.panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ddd; } - -.panel-primary { - border-color: #337ab7; } - -.panel-primary > .panel-heading { - color: #fff; - background-color: #337ab7; - border-color: #337ab7; } - -.panel-primary > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #337ab7; } - -.panel-primary > .panel-heading .badge { - color: #337ab7; - background-color: #fff; } - -.panel-primary > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #337ab7; } - -.panel-success { - border-color: #d6e9c6; } - -.panel-success > .panel-heading { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; } - -.panel-success > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #d6e9c6; } - -.panel-success > .panel-heading .badge { - color: #dff0d8; - background-color: #3c763d; } - -.panel-success > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #d6e9c6; } - -.panel-info { - border-color: #bce8f1; } - -.panel-info > .panel-heading { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; } - -.panel-info > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #bce8f1; } - -.panel-info > .panel-heading .badge { - color: #d9edf7; - background-color: #31708f; } - -.panel-info > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #bce8f1; } - -.panel-warning { - border-color: #faebcc; } - -.panel-warning > .panel-heading { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; } - -.panel-warning > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #faebcc; } - -.panel-warning > .panel-heading .badge { - color: #fcf8e3; - background-color: #8a6d3b; } - -.panel-warning > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #faebcc; } - -.panel-danger { - border-color: #ebccd1; } - -.panel-danger > .panel-heading { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; } - -.panel-danger > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #ebccd1; } - -.panel-danger > .panel-heading .badge { - color: #f2dede; - background-color: #a94442; } - -.panel-danger > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #ebccd1; } - -.embed-responsive { - position: relative; - display: block; - height: 0; - padding: 0; - overflow: hidden; } - -.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; } - -.embed-responsive-16by9 { - padding-bottom: 56.25%; } - -.embed-responsive-4by3 { - padding-bottom: 75%; } - -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } - -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); } - -.well-lg { - padding: 24px; - border-radius: 6px; } - -.well-sm { - padding: 9px; - border-radius: 3px; } - -.close { - float: right; - font-size: 21px; - font-weight: 700; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - filter: alpha(opacity=20); - opacity: 0.2; } - -.close:focus, .close:hover { - color: #000; - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=50); - opacity: 0.5; } - -button.close { - -webkit-appearance: none; - padding: 0; - cursor: pointer; - background: 0 0; - border: 0; } - -.modal-open { - overflow: hidden; } - -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: none; - overflow: hidden; - -webkit-overflow-scrolling: touch; - outline: 0; } - -.modal.fade .modal-dialog { - -webkit-transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; - transition: transform .3s ease-out; - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); } - -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); } - -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; } - -.modal-dialog { - position: relative; - width: auto; - margin: 10px; } - -.modal-content { - position: relative; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000; } - -.modal-backdrop.fade { - filter: alpha(opacity=0); - opacity: 0; } - -.modal-backdrop.in { - filter: alpha(opacity=50); - opacity: 0.5; } - -.modal-header { - padding: 15px; - border-bottom: 1px solid #e5e5e5; } - -.modal-header .close { - margin-top: -2px; } - -.modal-title { - margin: 0; - line-height: 1.42857143; } - -.modal-body { - position: relative; - padding: 15px; } - -.modal-footer { - padding: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; } - -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; } - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; } - -.modal-footer .btn-block + .btn-block { - margin-left: 0; } - -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; } - -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; } - - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } - - .modal-sm { - width: 300px; } } -@media (min-width: 992px) { - .modal-lg { - width: 900px; } } -.tooltip { - position: absolute; - z-index: 1070; - display: block; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 12px; - font-style: normal; - font-weight: 400; - line-height: 1.42857143; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - white-space: normal; - filter: alpha(opacity=0); - opacity: 0; - line-break: auto; } - -.tooltip.in { - filter: alpha(opacity=90); - opacity: 0.9; } - -.tooltip.top { - padding: 5px 0; - margin-top: -3px; } - -.tooltip.right { - padding: 0 5px; - margin-left: 3px; } - -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; } - -.tooltip.left { - padding: 0 5px; - margin-left: -3px; } - -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #fff; - text-align: center; - background-color: #000; - border-radius: 4px; } - -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; } - -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-width: 5px 5px 0; - border-top-color: #000; } - -.tooltip.top-left .tooltip-arrow { - right: 5px; - bottom: 0; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; } - -.tooltip.top-right .tooltip-arrow { - bottom: 0; - left: 5px; - margin-bottom: -5px; - border-width: 5px 5px 0; - border-top-color: #000; } - -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-width: 5px 5px 5px 0; - border-right-color: #000; } - -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-width: 5px 0 5px 5px; - border-left-color: #000; } - -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; } - -.tooltip.bottom-left .tooltip-arrow { - top: 0; - right: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; } - -.tooltip.bottom-right .tooltip-arrow { - top: 0; - left: 5px; - margin-top: -5px; - border-width: 0 5px 5px; - border-bottom-color: #000; } - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1060; - display: none; - max-width: 276px; - padding: 1px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 1.42857143; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - word-spacing: normal; - word-wrap: normal; - white-space: normal; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - line-break: auto; } - -.popover.top { - margin-top: -10px; } - -.popover.right { - margin-left: 10px; } - -.popover.bottom { - margin-top: 10px; } - -.popover.left { - margin-left: -10px; } - -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; } - -.popover-content { - padding: 9px 14px; } - -.popover > .arrow, .popover > .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; } - -.popover > .arrow { - border-width: 11px; } - -.popover > .arrow:after { - content: ""; - border-width: 10px; } - -.popover.top > .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; } - -.popover.top > .arrow:after { - bottom: 1px; - margin-left: -10px; - content: " "; - border-top-color: #fff; - border-bottom-width: 0; } - -.popover.right > .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } - -.popover.right > .arrow:after { - bottom: -10px; - left: 1px; - content: " "; - border-right-color: #fff; - border-left-width: 0; } - -.popover.bottom > .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-top-width: 0; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); } - -.popover.bottom > .arrow:after { - top: 1px; - margin-left: -10px; - content: " "; - border-top-width: 0; - border-bottom-color: #fff; } - -.popover.left > .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); } - -.popover.left > .arrow:after { - right: 1px; - bottom: -10px; - content: " "; - border-right-width: 0; - border-left-color: #fff; } - -.carousel { - position: relative; } - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; } - -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: .6s ease-in-out left; - -o-transition: .6s ease-in-out left; - transition: 0.6s ease-in-out left; } - -.carousel-inner > .item > a > img, .carousel-inner > .item > img { - line-height: 1; } - -@media all and (transform-3d), (-webkit-transform-3d) { - .carousel-inner > .item { - -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000px; - perspective: 1000px; } - - .carousel-inner > .item.active.right, .carousel-inner > .item.next { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - - .carousel-inner > .item.active.left, .carousel-inner > .item.prev { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - - .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { - left: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } } -.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { - display: block; } - -.carousel-inner > .active { - left: 0; } - -.carousel-inner > .next, .carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; } - -.carousel-inner > .next { - left: 100%; } - -.carousel-inner > .prev { - left: -100%; } - -.carousel-inner > .next.left, .carousel-inner > .prev.right { - left: 0; } - -.carousel-inner > .active.left { - left: -100%; } - -.carousel-inner > .active.right { - left: 100%; } - -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 15%; - font-size: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - background-color: rgba(0, 0, 0, 0); - filter: alpha(opacity=50); - opacity: 0.5; } - -.carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-repeat: repeat-x; } - -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-repeat: repeat-x; } - -.carousel-control:focus, .carousel-control:hover { - color: #fff; - text-decoration: none; - filter: alpha(opacity=90); - outline: 0; - opacity: 0.9; } - -.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - margin-top: -10px; } - -.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { - left: 50%; - margin-left: -10px; } - -.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { - right: 50%; - margin-right: -10px; } - -.carousel-control .icon-next, .carousel-control .icon-prev { - width: 20px; - height: 20px; - font-family: serif; - line-height: 1; } - -.carousel-control .icon-prev:before { - content: "‹"; } - -.carousel-control .icon-next:before { - content: "›"; } - -.carousel-indicators { - position: absolute; - bottom: 10px; - left: 50%; - z-index: 15; - width: 60%; - padding-left: 0; - margin-left: -30%; - text-align: center; - list-style: none; } - -.carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: #000 \9; - background-color: rgba(0, 0, 0, 0); - border: 1px solid #fff; - border-radius: 10px; } - -.carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; - background-color: #fff; } - -.carousel-caption { - position: absolute; - right: 15%; - bottom: 20px; - left: 15%; - z-index: 10; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - -.carousel-caption .btn { - text-shadow: none; } - -@media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { - width: 30px; - height: 30px; - margin-top: -10px; - font-size: 30px; } - - .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { - margin-left: -10px; } - - .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { - margin-right: -10px; } - - .carousel-caption { - right: 20%; - left: 20%; - padding-bottom: 30px; } - - .carousel-indicators { - bottom: 20px; } } -.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { - display: table; - content: " "; } - -.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row: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; } - -.invisible { - visibility: hidden; } - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; } - -.hidden { - display: none !important; } - -.affix { - position: fixed; } - -@-ms-viewport { - width: device-width; } -.visible-lg, .visible-md, .visible-sm, .visible-xs { - display: none !important; } - -.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-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; } - - td.visible-xs, th.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; } - - td.visible-sm, th.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; } - - td.visible-md, th.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 (min-width: 1200px) { - .visible-lg { - display: block !important; } - - table.visible-lg { - display: table !important; } - - tr.visible-lg { - display: table-row !important; } - - td.visible-lg, th.visible-lg { - display: table-cell !important; } } -@media (min-width: 1200px) { - .visible-lg-block { - display: block !important; } } -@media (min-width: 1200px) { - .visible-lg-inline { - display: inline !important; } } -@media (min-width: 1200px) { - .visible-lg-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; } } -.visible-print { - display: none !important; } - -@media print { - .visible-print { - display: block !important; } - - table.visible-print { - display: table !important; } - - tr.visible-print { - display: table-row !important; } - - td.visible-print, th.visible-print { - display: table-cell !important; } } -.visible-print-block { - display: none !important; } - -@media print { - .visible-print-block { - display: block !important; } } -.visible-print-inline { - display: none !important; } - -@media print { - .visible-print-inline { - display: inline !important; } } -.visible-print-inline-block { - display: none !important; } - -@media print { - .visible-print-inline-block { - display: inline-block !important; } } -@media print { - .hidden-print { - display: none !important; } } diff --git a/assets/css/goblin.css b/assets/css/goblin.css deleted file mode 100644 index c2d772593077b06112b51a30d25fa99d350a06d3..0000000000000000000000000000000000000000 --- a/assets/css/goblin.css +++ /dev/null @@ -1,3728 +0,0 @@ -/************************************* -** Generic inhereted from goblin -*************************************/ - -:root { - --ifm-dark-value: 10%; - --ifm-darker-value: 15%; - --ifm-darkest-value: 30%; - --ifm-light-value: 15%; - --ifm-lighter-value: 30%; - --ifm-lightest-value: 50%; - --ifm-color-primary: #3578e5; - --ifm-color-primary-dark: #306cce; - --ifm-color-primary-darker: #2d66c3; - --ifm-color-primary-darkest: #2554a0; - --ifm-color-primary-light: #538ce9; - --ifm-color-primary-lighter: #72a1ed; - --ifm-color-primary-lightest: #9abcf2; - --ifm-color-secondary: #ebedf0; - --ifm-color-secondary-dark: #d4d5d8; - --ifm-color-secondary-darker: #c8c9cc; - --ifm-color-secondary-darkest: #a4a6a8; - --ifm-color-secondary-light: #eef0f2; - --ifm-color-secondary-lighter: #f1f2f5; - --ifm-color-secondary-lightest: #f5f6f8; - --ifm-color-success: #00a400; - --ifm-color-success-dark: #009400; - --ifm-color-success-darker: #008b00; - --ifm-color-success-darkest: #007300; - --ifm-color-success-light: #26b226; - --ifm-color-success-lighter: #4dbf4d; - --ifm-color-success-lightest: #80d280; - --ifm-color-info: #54c7ec; - --ifm-color-info-dark: #4cb3d4; - --ifm-color-info-darker: #47a9c9; - --ifm-color-info-darkest: #3b8ba5; - --ifm-color-info-light: #6ecfef; - --ifm-color-info-lighter: #87d8f2; - --ifm-color-info-lightest: #aae3f6; - --ifm-color-warning: #ffba00; - --ifm-color-warning-dark: #e6a700; - --ifm-color-warning-darker: #d99e00; - --ifm-color-warning-darkest: #b38200; - --ifm-color-warning-light: #ffc426; - --ifm-color-warning-lighter: #ffcf4d; - --ifm-color-warning-lightest: #ffdd80; - --ifm-color-danger: #fa383e; - --ifm-color-danger-dark: #e13238; - --ifm-color-danger-darker: #d53035; - --ifm-color-danger-darkest: #af272b; - --ifm-color-danger-light: #fb565b; - --ifm-color-danger-lighter: #fb7478; - --ifm-color-danger-lightest: #fd9c9f; - --ifm-color-white: #fff; - --ifm-color-black: #000; - --ifm-color-gray-0: var(--ifm-color-white); - --ifm-color-gray-100: #f5f6f7; - --ifm-color-gray-200: #ebedf0; - --ifm-color-gray-300: #dadde1; - --ifm-color-gray-400: #ccd0d5; - --ifm-color-gray-500: #bec3c9; - --ifm-color-gray-600: #8d949e; - --ifm-color-gray-700: #606770; - --ifm-color-gray-800: #444950; - --ifm-color-gray-900: #1c1e21; - --ifm-color-gray-1000: var(--ifm-color-black); - --ifm-color-emphasis-0: var(--ifm-color-gray-0); - --ifm-color-emphasis-100: var(--ifm-color-gray-100); - --ifm-color-emphasis-200: var(--ifm-color-gray-200); - --ifm-color-emphasis-300: var(--ifm-color-gray-300); - --ifm-color-emphasis-400: var(--ifm-color-gray-400); - --ifm-color-emphasis-500: var(--ifm-color-gray-500); - --ifm-color-emphasis-600: var(--ifm-color-gray-600); - --ifm-color-emphasis-700: var(--ifm-color-gray-700); - --ifm-color-emphasis-800: var(--ifm-color-gray-800); - --ifm-color-emphasis-900: var(--ifm-color-gray-900); - --ifm-color-emphasis-1000: var(--ifm-color-gray-1000); - --ifm-color-content: var(--ifm-color-emphasis-900); - --ifm-color-content-inverse: var(--ifm-color-emphasis-0); - --ifm-color-content-secondary: #606770; - --ifm-background-color: transparent; - --ifm-background-surface-color: var(--ifm-color-content-inverse); - --ifm-global-border-width: 1px; - --ifm-global-radius: 0.4rem; - --ifm-hover-overlay: rgba(0,0,0,0.05); - --ifm-font-base-color: var(--ifm-color-content); - --ifm-font-base-color-inverse: var(--ifm-color-content-inverse); - --ifm-font-secondary-color: var(--ifm-color-content-secondary); - --ifm-font-family-base: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; - --ifm-font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; - --ifm-font-size-base: 15px; - --ifm-font-weight-light: 300; - --ifm-font-weight-normal: 400; - --ifm-font-weight-semibold: 500; - --ifm-font-weight-bold: 600; - --ifm-font-weight-base: var(--ifm-font-weight-normal); - --ifm-line-height-base: 1.5; - --ifm-global-spacing: 1rem; - --ifm-spacing-vertical: var(--ifm-global-spacing); - --ifm-spacing-horizontal: var(--ifm-global-spacing); - --ifm-transition-fast: 200ms; - --ifm-transition-slow: 400ms; - --ifm-global-shadow-lw: 0 1px 2px 0 rgba(0,0,0,0.1); - --ifm-global-shadow-md: 0 5px 40px rgba(0,0,0,0.2); - --ifm-global-shadow-tl: 0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1); - --ifm-z-index-dropdown: 100; - --ifm-z-index-fixed: 200; - --ifm-z-index-overlay: 400; -} -*, -html { - box-sizing: border-box; -} -html { - background-color: transparent; - -webkit-tap-highlight-color: transparent; -} -body { - color: #1c1e21; - color: var(--ifm-font-base-color); - font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; - font-family: var(--ifm-font-family-base); - font-size: 15px; - font-size: var(--ifm-font-size-base); - line-height: 1.5; - line-height: var(--ifm-line-height-base); - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - word-wrap: break-word; -} -:root { - --ifm-container-width: 1140px; -} -.container { - margin-left: auto; - margin-right: auto; - max-width: 1140px; - max-width: var(--ifm-container-width); - padding-left: 1rem; - padding-left: var(--ifm-spacing-horizontal); - padding-right: 1rem; - padding-right: var(--ifm-spacing-horizontal); - width: 100%; -} -.container.container--fluid { - max-width: inherit; -} -.row { - display: flex; - flex-direction: row; - flex-wrap: wrap; - margin-left: -1rem; - margin-left: calc(var(--ifm-spacing-horizontal)*-1); - margin-right: -1rem; - margin-right: calc(var(--ifm-spacing-horizontal)*-1); -} -.row.row--no-gutters { - margin-left: 0; - margin-right: 0; -} -.row.row--no-gutters > .col { - padding-left: 0; - padding-right: 0; -} -.row.row--align-top { - align-items: flex-start; -} -.row.row--align-bottom { - align-items: flex-end; -} -.row.row--align-center { - align-items: center; -} -.row.row--align-stretch { - align-items: stretch; -} -.row.row--align-baseline { - align-items: baseline; -} -.row .col { - --ifm-col-width: 100%; - display: block; - flex: 1 0; - margin-left: 0; - max-width: 100%; - padding-left: 1rem; - padding-left: var(--ifm-spacing-horizontal); - padding-right: 1rem; - padding-right: var(--ifm-spacing-horizontal); - width: 100%; -} -.row .col[class*=col--] { - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -@media (max-width:300px) { - .row .col.col.col { - --ifm-col-width: 100%; - flex-basis: var(--ifm-col-width); - margin-left: 0; - max-width: var(--ifm-col-width); - } -} -.row .col.col--1 { - --ifm-col-width: 8.33333%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-1 { - margin-left: 8.33333%; -} -.row .col.col--2 { - --ifm-col-width: 16.66667%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-2 { - margin-left: 16.66667%; -} -.row .col.col--3 { - --ifm-col-width: 25%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-3 { - margin-left: 25%; -} -.row .col.col--4 { - --ifm-col-width: 33.33333%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-4 { - margin-left: 33.33333%; -} -.row .col.col--5 { - --ifm-col-width: 41.66667%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-5 { - margin-left: 41.66667%; -} -.row .col.col--6 { - --ifm-col-width: 50%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-6 { - margin-left: 50%; -} -.row .col.col--7 { - --ifm-col-width: 58.33333%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-7 { - margin-left: 58.33333%; -} -.row .col.col--8 { - --ifm-col-width: 66.66667%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-8 { - margin-left: 66.66667%; -} -.row .col.col--9 { - --ifm-col-width: 75%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-9 { - margin-left: 75%; -} -.row .col.col--10 { - --ifm-col-width: 83.33333%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-10 { - margin-left: 83.33333%; -} -.row .col.col--11 { - --ifm-col-width: 91.66667%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-11 { - margin-left: 91.66667%; -} -.row .col.col--12 { - --ifm-col-width: 100%; - flex: 0 0 var(--ifm-col-width); - max-width: var(--ifm-col-width); -} -.row .col.col--offset-12 { - margin-left: 100%; -} -.margin--none { - margin: 0!important !important; -} -.margin-top--none { - margin-top: 0!important; -} -.margin-left--none { - margin-left: 0!important; -} -.margin-bottom--none { - margin-bottom: 0!important; -} -.margin-right--none { - margin-right: 0!important; -} -.margin-vert--none { - margin-bottom: 0!important; - margin-top: 0!important; -} -.margin-horiz--none { - margin-left: 0!important; - margin-right: 0!important; -} -.margin--xs { - margin: 0.25rem!important !important; -} -.margin-top--xs { - margin-top: 0.25rem!important; -} -.margin-left--xs { - margin-left: 0.25rem!important; -} -.margin-bottom--xs { - margin-bottom: 0.25rem!important; -} -.margin-right--xs { - margin-right: 0.25rem!important; -} -.margin-vert--xs { - margin-bottom: 0.25rem!important; - margin-top: 0.25rem!important; -} -.margin-horiz--xs { - margin-left: 0.25rem!important; - margin-right: 0.25rem!important; -} -.margin--sm { - margin: 0.5rem!important !important; -} -.margin-top--sm { - margin-top: 0.5rem!important; -} -.margin-left--sm { - margin-left: 0.5rem!important; -} -.margin-bottom--sm { - margin-bottom: 0.5rem!important; -} -.margin-right--sm { - margin-right: 0.5rem!important; -} -.margin-vert--sm { - margin-bottom: 0.5rem!important; - margin-top: 0.5rem!important; -} -.margin-horiz--sm { - margin-left: 0.5rem!important; - margin-right: 0.5rem!important; -} -.margin--md { - margin: 1rem!important !important; -} -.margin-top--md { - margin-top: 1rem!important; -} -.margin-left--md { - margin-left: 1rem!important; -} -.margin-bottom--md { - margin-bottom: 1rem!important; -} -.margin-right--md { - margin-right: 1rem!important; -} -.margin-vert--md { - margin-bottom: 1rem!important; - margin-top: 1rem!important; -} -.margin-horiz--md { - margin-left: 1rem!important; - margin-right: 1rem!important; -} -.margin--lg { - margin: 2rem!important !important; -} -.margin-top--lg { - margin-top: 2rem!important; -} -.margin-left--lg { - margin-left: 2rem!important; -} -.margin-bottom--lg { - margin-bottom: 2rem!important; -} -.margin-right--lg { - margin-right: 2rem!important; -} -.margin-vert--lg { - margin-bottom: 2rem!important; - margin-top: 2rem!important; -} -.margin-horiz--lg { - margin-left: 2rem!important; - margin-right: 2rem!important; -} -.margin--xl { - margin: 5rem!important !important; -} -.margin-top--xl { - margin-top: 5rem!important; -} -.margin-left--xl { - margin-left: 5rem!important; -} -.margin-bottom--xl { - margin-bottom: 5rem!important; -} -.margin-right--xl { - margin-right: 5rem!important; -} -.margin-vert--xl { - margin-bottom: 5rem!important; - margin-top: 5rem!important; -} -.margin-horiz--xl { - margin-left: 5rem!important; - margin-right: 5rem!important; -} -.padding--none { - padding: 0!important !important; -} -.padding-top--none { - padding-top: 0!important; -} -.padding-left--none { - padding-left: 0!important; -} -.padding-bottom--none { - padding-bottom: 0!important; -} -.padding-right--none { - padding-right: 0!important; -} -.padding-vert--none { - padding-bottom: 0!important; - padding-top: 0!important; -} -.padding-horiz--none { - padding-left: 0!important; - padding-right: 0!important; -} -.padding--xs { - padding: 0.25rem!important !important; -} -.padding-top--xs { - padding-top: 0.25rem!important; -} -.padding-left--xs { - padding-left: 0.25rem!important; -} -.padding-bottom--xs { - padding-bottom: 0.25rem!important; -} -.padding-right--xs { - padding-right: 0.25rem!important; -} -.padding-vert--xs { - padding-bottom: 0.25rem!important; - padding-top: 0.25rem!important; -} -.padding-horiz--xs { - padding-left: 0.25rem!important; - padding-right: 0.25rem!important; -} -.padding--sm { - padding: 0.5rem!important !important; -} -.padding-top--sm { - padding-top: 0.5rem!important; -} -.padding-left--sm { - padding-left: 0.5rem!important; -} -.padding-bottom--sm { - padding-bottom: 0.5rem!important; -} -.padding-right--sm { - padding-right: 0.5rem!important; -} -.padding-vert--sm { - padding-bottom: 0.5rem!important; - padding-top: 0.5rem!important; -} -.padding-horiz--sm { - padding-left: 0.5rem!important; - padding-right: 0.5rem!important; -} -.padding--md { - padding: 1rem!important !important; -} -.padding-top--md { - padding-top: 1rem!important; -} -.padding-left--md { - padding-left: 1rem!important; -} -.padding-bottom--md { - padding-bottom: 1rem!important; -} -.padding-right--md { - padding-right: 1rem!important; -} -.padding-vert--md { - padding-bottom: 1rem!important; - padding-top: 1rem!important; -} -.padding-horiz--md { - padding-left: 1rem!important; - padding-right: 1rem!important; -} -.padding--lg { - padding: 2rem!important !important; -} -.padding-top--lg { - padding-top: 2rem!important; -} -.padding-left--lg { - padding-left: 2rem!important; -} -.padding-bottom--lg { - padding-bottom: 2rem!important; -} -.padding-right--lg { - padding-right: 2rem!important; -} -.padding-vert--lg { - padding-bottom: 2rem!important; - padding-top: 2rem!important; -} -.padding-horiz--lg { - padding-left: 2rem!important; - padding-right: 2rem!important; -} -.padding--xl { - padding: 5rem!important !important; -} -.padding-top--xl { - padding-top: 5rem!important; -} -.padding-left--xl { - padding-left: 5rem!important; -} -.padding-bottom--xl { - padding-bottom: 5rem!important; -} -.padding-right--xl { - padding-right: 5rem!important; -} -.padding-vert--xl { - padding-bottom: 5rem!important; - padding-top: 5rem!important; -} -.padding-horiz--xl { - padding-left: 5rem!important; - padding-right: 5rem!important; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-code-background: var(--ifm-color-emphasis-100); - --ifm-code-border-radius: var(--ifm-global-radius); - --ifm-code-color: var(--ifm-color-emphasis-900); - --ifm-code-font-size: 85%; - --ifm-code-padding-horizontal: 0.4rem; - --ifm-code-padding-vertical: 0.2rem; - --ifm-pre-background: var(--ifm-color-emphasis-100); - --ifm-pre-border-radius: var(--ifm-code-border-radius); - --ifm-pre-color: inherit; - --ifm-pre-line-height: 1.45; - --ifm-pre-padding: 1rem; -} -code { - background-color: #f5f6f7; - background-color: var(--ifm-code-background); - border-radius: 0.4rem; - border-radius: var(--ifm-code-border-radius); - color: #1c1e21; - color: var(--ifm-code-color); - margin: 0; - padding: var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal); -} -code, -pre { - font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; - font-family: var(--ifm-font-family-monospace); - font-size: 85%; - font-size: var(--ifm-code-font-size); -} -pre { - background-color: #f5f6f7; - background-color: var(--ifm-pre-background); - border-radius: 0.4rem; - border-radius: var(--ifm-pre-border-radius); - color: inherit; - color: var(--ifm-pre-color); - line-height: 1.45; - line-height: var(--ifm-pre-line-height); - margin-bottom: 1rem; - margin-bottom: var(--ifm-spacing-vertical); - margin-top: 0; - overflow: auto; - padding: var(--ifm-pre-padding); -} -pre, -pre code { - word-wrap: normal; -} -pre code { - background-color: transparent; - border: 0; - display: inline; - font-size: 100%; - line-height: inherit; - margin: 0; - max-width: auto; - overflow: visible; - padding: 0; - white-space: pre; - word-break: normal; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-heading-color: inherit; - --ifm-heading-margin-top: 0; - --ifm-heading-margin-bottom: var(--ifm-spacing-vertical); - --ifm-heading-font-family: inherit; - --ifm-heading-font-weight: var(--ifm-font-weight-bold); - --ifm-heading-line-height: 1.25; - --ifm-h1-font-size: 2rem; - --ifm-h2-font-size: 1.5rem; - --ifm-h3-font-size: 1.25rem; - --ifm-h4-font-size: 1rem; - --ifm-h5-font-size: 0.875rem; - --ifm-h6-font-size: 0.85rem; -} -h1, -h2, -h3, -h4, -h5, -h6 { - color: inherit; - color: var(--ifm-heading-color); - font-weight: 600; - font-weight: var(--ifm-heading-font-weight); - line-height: 1.25; - line-height: var(--ifm-heading-line-height); - margin-bottom: 1rem; - margin-bottom: var(--ifm-heading-margin-bottom); - margin-top: 0; - margin-top: var(--ifm-heading-margin-top); -} -h1 { - font-size: 2rem; - font-size: var(--ifm-h1-font-size); -} -h2 { - font-size: 1.5rem; - font-size: var(--ifm-h2-font-size); -} -h3 { - font-size: 1.25rem; - font-size: var(--ifm-h3-font-size); -} -h4 { - font-size: 1rem; - font-size: var(--ifm-h4-font-size); -} -h5 { - font-size: 0.875rem; - font-size: var(--ifm-h5-font-size); -} -h6 { - font-size: 0.85rem; - font-size: var(--ifm-h6-font-size); -} -:root { - --ifm-image-alignment-padding: 1.25rem; -} -img { - border-style: none; - box-sizing: content-box; - max-width: 100%; -} -img[align=right] { - padding-left: var(--image-alignment-padding); -} -img[align=left] { - padding-right: var(--image-alignment-padding); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-leading-desktop: 1.5; - --ifm-leading: calc(var(--ifm-leading-desktop)*1rem); -} -.markdown { - --ifm-h1-line-height: 2; - --ifm-h2-line-height: 1.5; - --ifm-heading-line-height: 1; - --ifm-h1-vertical-rhythm-top: 4; - --ifm-h2-vertical-rhythm-top: 2.5; - --ifm-h3-vertical-rhythm-top: 2; - --ifm-heading-vertical-rhythm-top: 1.5; - --ifm-h1-vertical-rhythm-bottom: 1; - --ifm-heading-vertical-rhythm-bottom: 0.5; -} -.markdown:after, -.markdown:before { - content: ""; - display: table; -} -.markdown:after { - clear: both; -} -.markdown > :first-child { - margin-top: 0!important; -} -.markdown > :last-child { - margin-bottom: 0!important; -} -.markdown > h1 { - margin-bottom: calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading)); - margin-top: calc(var(--ifm-h1-vertical-rhythm-top)*var(--ifm-leading)); -} -.markdown > h2 { - margin-top: calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading)); -} -.markdown > h2, -.markdown > h3 { - margin-bottom: calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading)); -} -.markdown > h3 { - margin-top: calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading)); -} -.markdown > h4, -.markdown > h5, -.markdown > h6 { - margin-bottom: calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading)); - margin-top: calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading)); -} -.markdown > p, -.markdown > pre, -.markdown > ul { - margin-bottom: 1.5rem; - margin-bottom: var(--ifm-leading); -} -.markdown li { - word-wrap: break-all; -} -.markdown li > p { - margin-top: 1rem; - margin-top: var(--ifm-list-paragraph-margin); -} -.markdown li+li { - margin-top: 0.25rem; - margin-top: var(--ifm-list-item-margin); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-list-left-padding: 2rem; - --ifm-list-margin: 1rem; - --ifm-list-item-margin: 0.25rem; - --ifm-list-paragraph-margin: 1rem; -} -ol, -ul { - margin-bottom: 1rem; - margin-bottom: var(--ifm-list-margin); - margin-top: 0; - padding-left: 2rem; - padding-left: var(--ifm-list-left-padding); -} -ol ol, -ul ol { - list-style-type: lower-roman; -} -ol ol, -ol ul, -ul ol, -ul ul { - margin-bottom: 0; - margin-top: 0; -} -ol ol ol, -ol ul ol, -ul ol ol, -ul ul ol { - list-style-type: lower-alpha; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-table-cell-padding: 0.75rem; - --ifm-table-background: transparent; - --ifm-table-stripe-background: var(--ifm-color-emphasis-100); - --ifm-table-border-width: 1px; - --ifm-table-border-color: var(--ifm-color-emphasis-300); - --ifm-table-head-background: inherit; - --ifm-table-head-color: inherit; - --ifm-table-head-font-weight: var(--ifm-font-weight-bold); - --ifm-table-cell-color: inherit; -} -table { - border-collapse: collapse; - border-spacing: 0; - display: block; - margin-bottom: 1rem; - margin-bottom: var(--ifm-spacing-vertical); - margin-top: 0; - overflow: auto; - width: 100%; -} -table tr { - background-color: transparent; - background-color: var(--ifm-table-background); - border-top: 1px solid #dadde1; - border-top: var(--ifm-table-border-width) solid var(--ifm-table-border-color); -} -table tr:nth-child(2n) { - background-color: #f5f6f7; - background-color: var(--ifm-table-stripe-background); -} -table td, -table th { - border: 1px solid #dadde1; - border: var(--ifm-table-border-width) solid var(--ifm-table-border-color); - padding: var(--ifm-table-cell-padding); -} -table th { - background-color: inherit; - background-color: var(--ifm-table-head-background); - color: inherit; - color: var(--ifm-table-head-color); - font-weight: 600; - font-weight: var(--ifm-table-head-font-weight); -} -table td { - color: inherit; - color: var(--ifm-table-cell-color); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-link-color: var(--ifm-color-primary); - --ifm-link-decoration: none; - --ifm-link-hover-color: var(--ifm-link-color); - --ifm-link-hover-decoration: underline; - --ifm-paragraph-margin-bottom: var(--ifm-leading); - --ifm-blockquote-color: #6a737d; - --ifm-blockquote-font-size: var(--ifm-font-size-base); - --ifm-blockquote-padding-horizontal: 1rem; - --ifm-blockquote-padding-vertical: 1rem; - --ifm-hr-border-color: var(--ifm-color-emphasis-500); - --ifm-hr-border-width: 1px; - --ifm-hr-margin-vertical: 1.5rem; -} -strong { - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); -} -a { - color: #3578e5; - color: var(--ifm-link-color); - -webkit-text-decoration: none; - -webkit-text-decoration: var(--ifm-link-decoration); - text-decoration: none; - text-decoration: var(--ifm-link-decoration); -} -a:hover { - color: #3578e5; - color: var(--ifm-link-hover-color); - -webkit-text-decoration: underline; - -webkit-text-decoration: var(--ifm-link-hover-decoration); - text-decoration: underline; - text-decoration: var(--ifm-link-hover-decoration); -} -a:active, -a:hover { - outline-width: 0; -} -a:not([href]) { - color: inherit; - text-decoration: none; -} -p { - margin-top: 0; - margin-bottom: 1.5rem; - margin-bottom: var(--ifm-paragraph-margin-bottom); -} -blockquote { - border-left: 6px solid #dadde1; - border-left: 6px solid var(--ifm-color-emphasis-300); - color: #6a737d; - color: var(--ifm-blockquote-color); - font-size: 15px; - font-size: var(--ifm-blockquote-font-size); - margin: 0 0 var(--ifm-spacing-vertical); - padding: var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal); -} -blockquote > :first-child { - margin-top: 0; -} -blockquote > :last-child { - margin-bottom: 0; -} -hr { - border-color: #bec3c9; - border-width: 1px; - border: var(--ifm-hr-border-width) solid var(--ifm-hr-border-color); - box-sizing: content-box; - margin: var(--ifm-hr-margin-vertical) 0; - overflow: hidden; - padding: 0; -} -hr:after, -hr:before { - content: ""; - display: table; -} -hr:after { - clear: both; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-alert-background-color: inherit; - --ifm-alert-border-color: var(--ifm-alert-background-color); - --ifm-alert-border-radius: var(--ifm-global-radius); - --ifm-alert-border-width: var(--ifm-global-border-width); - --ifm-alert-color: var(--ifm-font-base-color-inverse); - --ifm-alert-padding-horizontal: var(--ifm-spacing-horizontal); - --ifm-alert-padding-vertical: var(--ifm-spacing-vertical); -} -.alert { - background-color: inherit; - background-color: var(--ifm-alert-background-color); - border-color: inherit; - border-width: 1px; - border: var(--ifm-alert-border-width) solid var(--ifm-alert-border-color); - border-radius: 0.4rem; - border-radius: var(--ifm-alert-border-radius); - box-sizing: border-box; - color: #fff; - color: var(--ifm-alert-color); - padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal); -} -.alert.alert--primary { - --ifm-alert-background-color: var(--ifm-color-primary); -} -.alert.alert--primary, -.alert.alert--secondary { - color: #fff; - color: var(--ifm-alert-color); - background-color: inherit; - background-color: var(--ifm-alert-background-color); - border-color: inherit; - border-color: var(--ifm-alert-background-color); -} -.alert.alert--secondary { - --ifm-alert-background-color: var(--ifm-color-secondary); -} -.alert.alert--success { - --ifm-alert-background-color: var(--ifm-color-success); -} -.alert.alert--info, -.alert.alert--success { - color: #fff; - color: var(--ifm-alert-color); - background-color: inherit; - background-color: var(--ifm-alert-background-color); - border-color: inherit; - border-color: var(--ifm-alert-background-color); -} -.alert.alert--info { - --ifm-alert-background-color: var(--ifm-color-info); -} -.alert.alert--warning { - --ifm-alert-background-color: var(--ifm-color-warning); -} -.alert.alert--danger, -.alert.alert--warning { - color: #fff; - color: var(--ifm-alert-color); - background-color: inherit; - background-color: var(--ifm-alert-background-color); - border-color: inherit; - border-color: var(--ifm-alert-background-color); -} -.alert.alert--danger { - --ifm-alert-background-color: var(--ifm-color-danger); -} -.alert.alert--secondary { - color: #1c1e21; - color: var(--ifm-color-gray-900); -} -.alert .close { - margin-right: -1rem; - margin-right: calc(var(--ifm-alert-padding-horizontal)*-1); - margin-top: -1rem; - margin-top: calc(var(--ifm-alert-padding-vertical)*-1); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-avatar-intro-left-margin: 1rem; - --ifm-avatar-intro-alignment: inherit; - --ifm-avatar-photo-bottom-margin: 0; - --ifm-avatar-photo-size-sm: 2rem; - --ifm-avatar-photo-size-md: 3rem; - --ifm-avatar-photo-size-lg: 4rem; - --ifm-avatar-photo-size-xl: 6rem; -} -.avatar { - display: flex; -} -.avatar .avatar__photo-link { - display: block; -} -.avatar .avatar__photo { - overflow: hidden; - border-radius: 50%; - height: 3rem; - height: var(--ifm-avatar-photo-size-md); - margin-bottom: 0; - margin-bottom: var(--ifm-avatar-photo-bottom-margin); - width: 3rem; - width: var(--ifm-avatar-photo-size-md); -} -.avatar .avatar__photo.avatar__photo--sm { - height: 2rem; - height: var(--ifm-avatar-photo-size-sm); - width: 2rem; - width: var(--ifm-avatar-photo-size-sm); -} -.avatar .avatar__photo.avatar__photo--lg { - height: 4rem; - height: var(--ifm-avatar-photo-size-lg); - width: 4rem; - width: var(--ifm-avatar-photo-size-lg); -} -.avatar .avatar__photo.avatar__photo--xl { - height: 6rem; - height: var(--ifm-avatar-photo-size-xl); - width: 6rem; - width: var(--ifm-avatar-photo-size-xl); -} -.avatar .avatar__intro { - display: flex; - flex: 1 1; - flex-direction: column; - justify-content: center; - margin-left: 1rem; - margin-left: var(--ifm-avatar-intro-left-margin); - text-align: inherit; - text-align: var(--ifm-avatar-intro-alignment); -} -.avatar .avatar__name { - margin: 0; -} -.avatar .avatar__subtitle { - margin-top: 0.25rem; -} -.avatar.avatar--vertical { - --ifm-avatar-intro-alignment: center; - --ifm-avatar-intro-left-margin: 0; - --ifm-avatar-photo-bottom-margin: 0.5rem; - align-items: center; - flex-direction: column; -} -.avatar.avatar--vertical .avatar__intro { - margin-left: 1rem; - margin-left: var(--ifm-avatar-intro-left-margin); - text-align: inherit; - text-align: var(--ifm-avatar-intro-alignment); -} -.avatar.avatar--vertical .avatar__photo { - margin-bottom: 0; - margin-bottom: var(--ifm-avatar-photo-bottom-margin); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-badge-background-color: inherit; - --ifm-badge-border-color: var(--ifm-badge-background-color); - --ifm-badge-border-radius: var(--ifm-global-radius); - --ifm-badge-border-width: var(--ifm-global-border-width); - --ifm-badge-color: var(--ifm-color-white); - --ifm-badge-padding-horizontal: calc(var(--ifm-spacing-horizontal)*0.5); - --ifm-badge-padding-vertical: calc(var(--ifm-spacing-vertical)*0.25); -} -.badge { - background-color: inherit; - background-color: var(--ifm-badge-background-color); - border-color: inherit; - border-width: 1px; - border: var(--ifm-badge-border-width) solid var(--ifm-badge-border-color); - border-radius: 0.4rem; - border-radius: var(--ifm-badge-border-radius); - box-sizing: border-box; - color: #fff; - color: var(--ifm-badge-color); - display: inline-block; - font-size: 75%; - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); - line-height: 1; - padding: var(--ifm-badge-padding-vertical) var(--ifm-badge-padding-horizontal); - vertical-align: baseline; -} -.badge.badge--primary { - --ifm-badge-background-color: var(--ifm-color-primary); -} -.badge.badge--primary, -.badge.badge--secondary { - background-color: inherit; - background-color: var(--ifm-badge-background-color); - border-color: inherit; - border-color: var(--ifm-badge-background-color); -} -.badge.badge--secondary { - --ifm-badge-background-color: var(--ifm-color-secondary); -} -.badge.badge--success { - --ifm-badge-background-color: var(--ifm-color-success); -} -.badge.badge--info, -.badge.badge--success { - background-color: inherit; - background-color: var(--ifm-badge-background-color); - border-color: inherit; - border-color: var(--ifm-badge-background-color); -} -.badge.badge--info { - --ifm-badge-background-color: var(--ifm-color-info); -} -.badge.badge--warning { - --ifm-badge-background-color: var(--ifm-color-warning); -} -.badge.badge--danger, -.badge.badge--warning { - background-color: inherit; - background-color: var(--ifm-badge-background-color); - border-color: inherit; - border-color: var(--ifm-badge-background-color); -} -.badge.badge--danger { - --ifm-badge-background-color: var(--ifm-color-danger); -} -.badge.badge--secondary { - color: #000; - color: var(--ifm-color-black); -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-breadcrumb-border-radius: 1.5rem; - --ifm-breadcrumb-spacing: 0.0625rem; - --ifm-breadcrumb-color-active: var(--ifm-color-primary); - --ifm-breadcrumb-item-background-active: var(--ifm-hover-overlay); - --ifm-breadcrumb-padding-horizontal: 1rem; - --ifm-breadcrumb-padding-vertical: 0.5rem; - --ifm-breadcrumb-size-multiplier: 1; - --ifm-breadcrumb-separator: url('data:image/svg+xml;utf8,<svg alt="Chevron Right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>'); - --ifm-breadcrumb-separator-size: 0.5rem; - --ifm-breadcrumb-separator-size-multiplier: 1.25; -} -.breadcrumbs { - margin-bottom: 0; - padding-left: 0; -} -.breadcrumbs > .breadcrumb__item { - display: inline-block; - list-style-type: none; -} -.breadcrumbs > .breadcrumb__item:not(:first-child) { - margin-left: 0.0625rem; - margin-left: var(--ifm-breadcrumb-spacing); -} -.breadcrumbs > .breadcrumb__item:not(:last-child) { - margin-right: 0.0625rem; - margin-right: var(--ifm-breadcrumb-spacing); -} -.breadcrumbs > .breadcrumb__item:not(:last-child):after { - background-image: url('data:image/svg+xml;utf8,<svg alt="Chevron Right" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"><g><g><polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>'); - background-image: var(--ifm-breadcrumb-separator); - background-position: 50%; - content: " "; - display: inline-block; - height: 0.625rem; - height: calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier)); - margin: 0 0.5rem; - opacity: 0.5; - width: 0.625rem; - width: calc(var(--ifm-breadcrumb-separator-size)*var(--ifm-breadcrumb-size-multiplier)*var(--ifm-breadcrumb-separator-size-multiplier)); -} -.breadcrumbs > .breadcrumb__item .breadcrumb__link { - border-radius: 1.5rem; - border-radius: var(--ifm-breadcrumb-border-radius); - color: #1c1e21; - color: var(--ifm-font-base-color); - display: inline-block; - font-size: 1rem; - font-size: calc(1rem*var(--ifm-breadcrumb-size-multiplier)); - padding: calc(var(--ifm-breadcrumb-padding-vertical)*var(--ifm-breadcrumb-size-multiplier)) calc(var(--ifm-breadcrumb-padding-horizontal)*var(--ifm-breadcrumb-size-multiplier)); - text-decoration: none; -} -.breadcrumbs > .breadcrumb__item.breadcrumb__item--active .breadcrumb__link { - background: rgba(0,0,0,.05); - background: var(--ifm-breadcrumb-item-background-active); - color: #3578e5; - color: var(--ifm-breadcrumb-color-active); -} -.breadcrumbs > .breadcrumb__item:not(.breadcrumb__item--active):hover .breadcrumb__link { - background: rgba(0,0,0,.05); - background: var(--ifm-breadcrumb-item-background-active); - -webkit-transition: background 0.2s cubic-bezier(.08,.52,.52,1); - transition: background 0.2s cubic-bezier(.08,.52,.52,1); - -webkit-transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); - transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); -} -.breadcrumbs.breadcrumbs--sm { - --ifm-breadcrumb-size-multiplier: 0.8; -} -.breadcrumbs.breadcrumbs--lg { - --ifm-breadcrumb-size-multiplier: 1.2; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-button-background-color: inherit; - --ifm-button-border-color: var(--ifm-button-background-color); - --ifm-button-border-width: var(--ifm-global-border-width); - --ifm-button-color: var(--ifm-font-base-color-inverse); - --ifm-button-font-weight: var(--ifm-font-weight-bold); - --ifm-button-padding-horizontal: 1.5rem; - --ifm-button-padding-vertical: 0.375rem; - --ifm-button-size-multiplier: 1; - --ifm-button-transition-duration: var(--ifm-transition-fast); - --ifm-button-border-radius: calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier)); -} -.button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: inherit; - background-color: var(--ifm-button-background-color); - border-color: inherit; - border-width: 1px; - border: var(--ifm-button-border-width) solid var(--ifm-button-border-color); - border-radius: 0.4rem; - border-radius: var(--ifm-button-border-radius); - box-sizing: border-box; - cursor: pointer; - display: inline-block; - font-size: 0.8rem; - font-size: calc(0.8rem*var(--ifm-button-size-multiplier)); - font-weight: 600; - font-weight: var(--ifm-button-font-weight); - line-height: 1.5; - padding: calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier)); - text-align: center; - -webkit-transition: color 0.2s cubic-bezier(.08,.52,.52,1),background 0.2s cubic-bezier(.08,.52,.52,1),border-color 0.2s cubic-bezier(.08,.52,.52,1); - transition: color 0.2s cubic-bezier(.08,.52,.52,1),background 0.2s cubic-bezier(.08,.52,.52,1),border-color 0.2s cubic-bezier(.08,.52,.52,1); - -webkit-transition: color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1); - transition: color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - white-space: nowrap; -} -.button, -.button:hover { - color: #fff; - color: var(--ifm-button-color); - outline: 0; - text-decoration: none; -} -.button:focus { - outline: 0; -} -.button.button--outline { - --ifm-button-background-color: transparent; - --ifm-button-color: var(--ifm-button-border-color); -} -.button.button--outline:hover { - --ifm-button-background-color: var(--ifm-button-border-color); -} -.button.button--outline.button--active, -.button.button--outline:active, -.button.button--outline:hover { - --ifm-button-color: var(--ifm-font-base-color-inverse); -} -.button.button--link { - --ifm-button-background-color: transparent; - --ifm-button-border-color: transparent; - color: #3578e5; - color: var(--ifm-link-color); - -webkit-text-decoration: none; - -webkit-text-decoration: var(--ifm-link-decoration); - text-decoration: none; - text-decoration: var(--ifm-link-decoration); -} -.button.button--link.button--active, -.button.button--link:active, -.button.button--link:hover { - color: #3578e5; - color: var(--ifm-link-hover-color); - -webkit-text-decoration: underline; - -webkit-text-decoration: var(--ifm-link-hover-decoration); - text-decoration: underline; - text-decoration: var(--ifm-link-hover-decoration); -} -.button.disabled, -.button:disabled, -.button[disabled] { - opacity: 0.65; - pointer-events: none; -} -.button.button--sm { - --ifm-button-size-multiplier: 0.8; -} -.button.button--lg { - --ifm-button-size-multiplier: 1.35; -} -.button.button--block { - display: block; - width: 100%; -} -.button.button--secondary { - color: #1c1e21; - color: var(--ifm-color-gray-900); -} -.button.button--secondary.button--outline:not(.button--active):not(:hover) { - color: #1c1e21; - color: var(--ifm-font-base-color); -} -.button.button--primary { - --ifm-button-border-color: var(--ifm-color-primary); -} -.button.button--primary:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-primary); -} -.button.button--primary:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-primary-dark); - --ifm-button-border-color: var(--ifm-color-primary-dark); -} -.button.button.button--primary.button--active, -.button.button.button--primary:active { - --ifm-button-border-color: var(--ifm-color-primary-darker); - --ifm-button-background-color: var(--ifm-color-primary-darker); - background-color: #2d66c3; - background-color: var(--ifm-color-primary-darker); - border-color: #2d66c3; - border-color: var(--ifm-color-primary-darker); -} -.button.button--secondary { - --ifm-button-border-color: var(--ifm-color-secondary); -} -.button.button--secondary:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-secondary); -} -.button.button--secondary:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-secondary-dark); - --ifm-button-border-color: var(--ifm-color-secondary-dark); -} -.button.button.button--secondary.button--active, -.button.button.button--secondary:active { - --ifm-button-border-color: var(--ifm-color-secondary-darker); - --ifm-button-background-color: var(--ifm-color-secondary-darker); - background-color: #c8c9cc; - background-color: var(--ifm-color-secondary-darker); - border-color: #c8c9cc; - border-color: var(--ifm-color-secondary-darker); -} -.button.button--success { - --ifm-button-border-color: var(--ifm-color-success); -} -.button.button--success:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-success); -} -.button.button--success:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-success-dark); - --ifm-button-border-color: var(--ifm-color-success-dark); -} -.button.button.button--success.button--active, -.button.button.button--success:active { - --ifm-button-border-color: var(--ifm-color-success-darker); - --ifm-button-background-color: var(--ifm-color-success-darker); - background-color: #008b00; - background-color: var(--ifm-color-success-darker); - border-color: #008b00; - border-color: var(--ifm-color-success-darker); -} -.button.button--info { - --ifm-button-border-color: var(--ifm-color-info); -} -.button.button--info:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-info); -} -.button.button--info:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-info-dark); - --ifm-button-border-color: var(--ifm-color-info-dark); -} -.button.button.button--info.button--active, -.button.button.button--info:active { - --ifm-button-border-color: var(--ifm-color-info-darker); - --ifm-button-background-color: var(--ifm-color-info-darker); - background-color: #47a9c9; - background-color: var(--ifm-color-info-darker); - border-color: #47a9c9; - border-color: var(--ifm-color-info-darker); -} -.button.button--warning { - --ifm-button-border-color: var(--ifm-color-warning); -} -.button.button--warning:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-warning); -} -.button.button--warning:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-warning-dark); - --ifm-button-border-color: var(--ifm-color-warning-dark); -} -.button.button.button--warning.button--active, -.button.button.button--warning:active { - --ifm-button-border-color: var(--ifm-color-warning-darker); - --ifm-button-background-color: var(--ifm-color-warning-darker); - background-color: #d99e00; - background-color: var(--ifm-color-warning-darker); - border-color: #d99e00; - border-color: var(--ifm-color-warning-darker); -} -.button.button--danger { - --ifm-button-border-color: var(--ifm-color-danger); -} -.button.button--danger:not(.button--outline) { - --ifm-button-background-color: var(--ifm-color-danger); -} -.button.button--danger:not(.button--outline):hover { - --ifm-button-background-color: var(--ifm-color-danger-dark); - --ifm-button-border-color: var(--ifm-color-danger-dark); -} -.button.button.button--danger.button--active, -.button.button.button--danger:active { - --ifm-button-border-color: var(--ifm-color-danger-darker); - --ifm-button-background-color: var(--ifm-color-danger-darker); - background-color: #d53035; - background-color: var(--ifm-color-danger-darker); - border-color: #d53035; - border-color: var(--ifm-color-danger-darker); -} -:root { - --ifm-button-group-margin: 2px; -} -.button-group { - display: inline-flex; -} -.button-group > .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; - margin-left: 2px; - margin-left: var(--ifm-button-group-margin); -} -.button-group > .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; -} -.button-group > .button--active { - z-index: 1; -} -.button-group.button-group--block { - display: flex; - justify-content: stretch; -} -.button-group.button-group--block > .button { - flex-grow: 1; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-card-background-color: var(--ifm-background-surface-color); - --ifm-card-border-radius: calc(var(--ifm-global-radius)*2); - --ifm-card-horizontal-spacing: var(--ifm-global-spacing); - --ifm-card-vertical-spacing: var(--ifm-global-spacing); -} -.card { - background-color: #fff; - background-color: var(--ifm-card-background-color); - border-radius: 0.8rem; - border-radius: var(--ifm-card-border-radius); - box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); - box-shadow: var(--ifm-global-shadow-lw); - overflow: hidden; - display: flex; - flex-direction: column; -} -.card.card--full-height { - height: 100%; -} -.card .card__image { - padding-top: 1rem; - padding-top: var(--ifm-card-vertical-spacing); -} -.card .card__image:first-child { - padding-top: 0; -} -.card .card__body, -.card .card__footer, -.card .card__header { - padding: var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing); -} -.card .card__body:not(:last-child), -.card .card__footer:not(:last-child), -.card .card__header:not(:last-child) { - padding-bottom: 0; -} -.card .card__body > :last-child, -.card .card__footer > :last-child, -.card .card__header > :last-child { - margin-bottom: 0; -} -.card .card__footer { - margin-top: auto; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-contents-border-color: var(--ifm-color-emphasis-300); - --ifm-contents-link-color: var(--ifm-color-content-secondary); - --ifm-contents-padding-left: 0.5rem; - --ifm-contents-padding-vertical: 0.5rem; -} -.contents { - font-size: 0.8rem; - margin-bottom: 0; - padding-bottom: 0.5rem; - padding-bottom: var(--ifm-contents-padding-vertical); - padding-top: 0.5rem; - padding-top: var(--ifm-contents-padding-vertical); -} -.contents, -.contents ul { - list-style-type: none; - padding-left: 0.5rem; - padding-left: var(--ifm-contents-padding-left); -} -.contents li { - margin: var(--ifm-contents-padding-vertical); -} -.contents.contents__left-border { - border-left: 1px solid #dadde1; - border-left-color: var(--ifm-contents-border-color); -} -.contents .contents__link { - color: #606770; - color: var(--ifm-contents-link-color); -} -.contents .contents__link.contents__link--active, -.contents .contents__link:hover { - color: #3578e5; - color: var(--ifm-color-primary); - text-decoration: none; -} -.close { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: none; - border: none; - color: #000; - color: var(--ifm-color-black); - cursor: pointer; - float: right; - font-size: 1.5rem; - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); - line-height: 1; - opacity: 0.5; - outline: 0; - padding: 1rem; -} -.close:hover { - opacity: 0.7; -} -.close:focus { - opacity: 0.8; -} -:root { - --ifm-dropdown-background-color: var(--ifm-background-surface-color); - --ifm-dropdown-font-weight: var(--ifm-font-weight-semibold); - --ifm-dropdown-link-color: var(--ifm-font-base-color); - --ifm-dropdown-hover-background-color: var(--ifm-hover-overlay); -} -.dropdown { - display: inline-flex; - font-weight: 500; - font-weight: var(--ifm-dropdown-font-weight); - position: relative; - vertical-align: top; -} -.dropdown.dropdown--hoverable:hover .dropdown__menu, -.dropdown.dropdown--show .dropdown__menu { - display: block; -} -.dropdown.dropdown--right .dropdown__menu { - right: 0; -} -.dropdown .dropdown__menu { - background-color: #fff; - background-color: var(--ifm-dropdown-background-color); - border-radius: 0.4rem; - border-radius: var(--ifm-global-radius); - box-shadow: 0 5px 40px rgba(0,0,0,.2); - box-shadow: var(--ifm-global-shadow-md); - display: none; - min-width: 10rem; - list-style: none; - padding: 0.5rem; - position: absolute; - top: 100%; - z-index: 100; - z-index: var(--ifm-z-index-dropdown); -} -.dropdown .dropdown__menu .dropdown__link { - border-radius: 0.375rem; - color: #1c1e21; - color: var(--ifm-dropdown-link-color); - display: block; - font-size: 0.875rem; - padding: 0.375rem 0.5rem; - white-space: nowrap; -} -.dropdown .dropdown__menu .dropdown__link:hover { - background-color: rgba(0,0,0,.05); - background-color: var(--ifm-dropdown-hover-background-color); - text-decoration: none; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-footer-background-color: var(--ifm-color-emphasis-100); - --ifm-footer-color: inherit; - --ifm-footer-link-color: var(--ifm-color-emphasis-700); - --ifm-footer-link-hover-color: var(--ifm-color-primary); - --ifm-footer-link-horizontal-spacing: 0.5rem; - --ifm-footer-padding-horizontal: calc(var(--ifm-spacing-horizontal)*2); - --ifm-footer-padding-vertical: calc(var(--ifm-spacing-vertical)*2); - --ifm-footer-title-color: inherit; -} -.footer { - padding: var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal); - width: 100%; -} -.footer, -.footer.footer--dark { - background-color: #f5f6f7; - background-color: var(--ifm-footer-background-color); - color: inherit; - color: var(--ifm-footer-color); -} -.footer.footer--dark { - --ifm-footer-background-color: #303846; - --ifm-footer-color: var(--ifm-footer-link-color); - --ifm-footer-link-color: var(--ifm-color-secondary); - --ifm-footer-title-color: var(--ifm-color-white); -} -.footer.footer--dark .footer__link-item { - color: #606770; - color: var(--ifm-footer-link-color); -} -.footer.footer--dark .footer__title { - color: inherit; - color: var(--ifm-footer-title-color); -} -.footer .footer__links { - margin-bottom: 1rem; -} -.footer .footer__link-item { - color: #606770; - color: var(--ifm-footer-link-color); - line-height: 2; -} -.footer .footer__link-item:hover { - color: #3578e5; - color: var(--ifm-footer-link-hover-color); -} -.footer .footer__link-separator { - margin-left: 0.5rem; - margin-left: var(--ifm-footer-link-horizontal-spacing); - margin-right: 0.5rem; - margin-right: var(--ifm-footer-link-horizontal-spacing); -} -.footer .footer__logo { - margin-top: 1rem; - max-width: 10rem; -} -.footer .footer__title { - color: inherit; - color: var(--ifm-footer-title-color); -} -.footer .footer__item { - margin-top: 0; -} -.footer .footer__items { - list-style-type: none; - margin-bottom: 0; - padding-left: 0; -} -@media (max-width:300px) { - .footer { - --ifm-footer-padding-horizontal: 0; - padding: var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal); - } - .footer .footer__link-separator { - display: none; - } - .footer .footer__col { - margin-bottom: 3rem; - margin-bottom: calc(var(--ifm-spacing-vertical)*3); - } - .footer .footer__link-item { - display: block; - } -} -[type=checkbox] { - padding: 0; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-hero-background-color: var(--ifm-background-surface-color); - --ifm-hero-text-color: var(--ifm-color-emphasis-800); -} -.hero { - align-items: center; - display: flex; - padding: 4rem 2rem; -} -.hero, -.hero.hero--primary { - background-color: #fff; - background-color: var(--ifm-hero-background-color); - color: #444950; - color: var(--ifm-hero-text-color); -} -.hero.hero--primary { - --ifm-hero-background-color: var(--ifm-color-primary); - --ifm-hero-text-color: var(--ifm-font-base-color-inverse); -} -.hero.hero--dark { - --ifm-hero-background-color: #303846; - --ifm-hero-text-color: var(--ifm-color-white); - background-color: #fff; - background-color: var(--ifm-hero-background-color); - color: #444950; - color: var(--ifm-hero-text-color); -} -.hero .hero__title { - font-size: 3rem; -} -.hero .hero__subtitle { - font-size: 1.5rem; -} -@media (max-width:300px) { - .hero { - padding-left: 0; - padding-right: 0; - } -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-menu-color: var(--ifm-color-emphasis-700); - --ifm-menu-color-active: var(--ifm-color-primary); - --ifm-menu-color-background-active: var(--ifm-hover-overlay); - --ifm-menu-color-background-hover: var(--ifm-hover-overlay); - --ifm-menu-link-padding-horizontal: 1rem; - --ifm-menu-link-padding-vertical: 0.375rem; - --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>'); -} -.menu { - font-weight: 500; - font-weight: var(--ifm-font-weight-semibold); - overflow-x: hidden; -} -.menu .menu__list { - margin: 0; - list-style-type: none; - padding-left: 0; - -webkit-transition: height 0.2s cubic-bezier(.08,.52,.52,1); - transition: height 0.2s cubic-bezier(.08,.52,.52,1); - -webkit-transition: height var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); - transition: height var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); -} -.menu .menu__list .menu__list { - margin-left: 1rem; - margin-left: var(--ifm-menu-link-padding-horizontal); -} -.menu .menu__list .menu__list .menu__link { - font-size: 0.9rem; -} -.menu .menu__list-item { - margin-bottom: 0.25rem; - margin-top: 0.25rem; -} -.menu .menu__list-item.menu__list-item--collapsed .menu__list { - height: 0; - overflow: hidden; -} -.menu .menu__list-item.menu__list-item--collapsed .menu__link--sublist:after { - -webkit-transform: rotateX(180deg); - transform: rotateX(180deg); -} -.menu .menu__link { - border-radius: 0.25rem; - color: #606770; - color: var(--ifm-menu-color); - cursor: pointer; - display: flex; - line-height: 20px; - justify-content: space-between; - text-decoration: none; - margin: 0; - padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal); -} -.menu .menu__link.menu__link--sublist:after { - background-image: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(0,0,0,0.5)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>'); - background-image: var(--ifm-menu-link-sublist-icon); - background-size: 2rem 2rem; - background-position: 50%; - content: " "; - display: inline-block; - height: 1.25rem; - width: 1.25rem; -} -.menu .menu__link:hover { - background: rgba(0,0,0,.05); - background: var(--ifm-menu-color-background-hover); -} -.menu .menu__link.menu__link--active:not(.menu__link--sublist) { - background: rgba(0,0,0,.05); - background: var(--ifm-menu-color-background-active); -} -.menu .menu__link.menu__link--active { - color: #3578e5; - color: var(--ifm-menu-color-active); -} -.menu.menu--responsive .menu__button { - bottom: 2rem; - display: none; - position: fixed; - right: 1rem; - z-index: 200; - z-index: var(--ifm-z-index-fixed); -} -@media (max-width:300px) { - .menu.menu--responsive .menu__button { - display: inherit; - } -} -@media (max-width:300px) { - .menu.menu--responsive .menu__list { - display: none; - opacity: 0; - } -} -.menu.menu--show { - -ms-scroll-chaining: none; - background: #fff; - background: var(--ifm-background-surface-color); - bottom: 0; - left: 0; - overscroll-behavior: contain; - padding: 1rem; - position: fixed; - right: 0; - top: 0; - z-index: 400; - z-index: var(--ifm-z-index-overlay); -} -.menu.menu--show .menu__list { - display: inherit; - opacity: 1; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; - -webkit-transition: opacity var(--ifm-transition-fast) linear; - transition: opacity var(--ifm-transition-fast) linear; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-navbar-background-color: var(--ifm-background-surface-color); - --ifm-navbar-height: 4.75rem; - --ifm-navbar-item-padding-horizontal: 1rem; - --ifm-navbar-item-padding-vertical: 0.25rem; - --ifm-navbar-link-color: var(--ifm-font-base-color); - --ifm-navbar-link-hover-color: var(--ifm-color-primary); - --ifm-navbar-link-active-color: var(--ifm-link-color); - --ifm-navbar-padding-horizontal: var(--ifm-spacing-horizontal); - --ifm-navbar-padding-vertical: calc(var(--ifm-spacing-vertical)*0.5); - --ifm-navbar-shadow: var(--ifm-global-shadow-lw); - --ifm-navbar-search-input-background-color: var(--ifm-color-emphasis-200); - --ifm-navbar-search-input-color: var(--ifm-color-emphasis-800); - --ifm-navbar-search-input-placeholder-color: var(--ifm-color-emphasis-500); - --ifm-navbar-search-input-icon: url('data:image/svg+xml;utf8,<svg fill="currentColor" alt="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>'); - --ifm-navbar-sidebar-width: 20rem; -} -.navbar { - background-color: #fff; - background-color: var(--ifm-navbar-background-color); - box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); - box-shadow: var(--ifm-navbar-shadow); - box-sizing: border-box; - height: 3.75rem; - height: var(--ifm-navbar-height); - padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal); - width: 100%; -} -.navbar, -.navbar > .container, -.navbar > .container-fluid { - display: flex; -} -@media (max-width:300px) { - .navbar > .container, - .navbar > .container-fluid { - padding: 0; - } -} -.navbar.navbar--fixed-top { - position: fixed; - left: 0; - right: 0; - top: 0; - z-index: 200; - z-index: var(--ifm-z-index-fixed); -} -.navbar .navbar__inner { - align-items: stretch; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - width: 100%; -} -.navbar .navbar__brand { - align-items: center; - color: #1c1e21; - color: var(--ifm-navbar-link-color); - display: flex; - font-weight: 700; - height: 3.5rem; - margin-right: 1rem; - text-decoration: none; -} -.navbar .navbar__toggle { - cursor: pointer; - display: none; - margin-right: 0.5rem; -} -@media (max-width:300px) { - .navbar .navbar__toggle { - display: inherit; - } -} -.navbar .navbar__logo { - height: 100%; - margin-right: 0.5rem; -} -.navbar .navbar__items { - align-items: center; - display: flex; - flex: 1 0 0; -} -.navbar .navbar__items.navbar__items--center { - flex: 0 0 auto; -} -.navbar .navbar__items.navbar__items--center .navbar__brand { - margin: 0; -} -.navbar .navbar__items.navbar__items--right { - justify-content: flex-end; -} -.navbar .navbar__item { - display: inline-block; - padding: var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal); -} -.navbar .navbar__item.dropdown { - padding: 0; -} -@media (max-width:300px) { - .navbar .navbar__item { - display: none; - } -} -.navbar .navbar__link { - color: #1c1e21; - color: var(--ifm-navbar-link-color); - cursor: pointer; - font-weight: 500; - font-weight: var(--ifm-font-weight-semibold); - padding: var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal); - text-decoration: none; -} -.navbar .navbar__link.navbar__link--active, -.navbar .navbar__link:hover { - color: #3578e5; - color: var(--ifm-navbar-link-hover-color); -} -.navbar.navbar--dark { - --ifm-navbar-background-color: #303846; - --ifm-navbar-link-color: var(--ifm-color-white); - --ifm-navbar-link-hover-color: var(--ifm-color-primary); - --ifm-navbar-search-input-background-color: hsla(0,0%,100%,0.1); - --ifm-navbar-search-input-color: var(--ifm-color-white); - --ifm-navbar-search-input-placeholder-color: hsla(0,0%,100%,0.5); - background-color: #fff; - background-color: var(--ifm-navbar-background-color); -} -.navbar.navbar--dark .navbar__brand, -.navbar.navbar--dark .navbar__link { - color: #1c1e21; - color: var(--ifm-navbar-link-color); -} -.navbar.navbar--dark .navbar__link:hover { - color: #3578e5; - color: var(--ifm-navbar-link-hover-color); -} -.navbar.navbar--dark .navbar__search .navbar__search-input { - background-color: #ebedf0; - background-color: var(--ifm-navbar-search-input-background-color); - background-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" alt="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>'); - background-image: var(--ifm-navbar-search-input-icon); - color: #444950; - color: var(--ifm-navbar-search-input-color); -} -.navbar.navbar--dark .navbar__search .navbar__search-input::-webkit-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--dark .navbar__search .navbar__search-input:-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--dark .navbar__search .navbar__search-input::-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--dark .navbar__search .navbar__search-input::placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--primary { - --ifm-navbar-background-color: var(--ifm-color-primary); - --ifm-navbar-link-hover-color: var(--ifm-color-white); - --ifm-navbar-search-input-background-color: hsla(0,0%,100%,0.1); - --ifm-navbar-search-input-color: var(--ifm-color-emphasis-500); - --ifm-navbar-search-input-placeholder-color: hsla(0,0%,100%,0.5); - background-color: #fff; - background-color: var(--ifm-navbar-background-color); -} -.navbar.navbar--primary .navbar__link:hover { - color: #3578e5; - color: var(--ifm-navbar-link-hover-color); -} -.navbar.navbar--primary .navbar__search .navbar__search-input { - background-color: #ebedf0; - background-color: var(--ifm-navbar-search-input-background-color); - background-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" alt="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>'); - background-image: var(--ifm-navbar-search-input-icon); - color: #444950; - color: var(--ifm-navbar-search-input-color); -} -.navbar.navbar--primary .navbar__search .navbar__search-input::-webkit-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--primary .navbar__search .navbar__search-input:-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--primary .navbar__search .navbar__search-input::-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar.navbar--primary .navbar__search .navbar__search-input::placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar .navbar__search { - padding-left: 1rem; - padding-left: var(--ifm-navbar-padding-horizontal); -} -.navbar .navbar__search .navbar__search-input { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #ebedf0; - background-color: var(--ifm-navbar-search-input-background-color); - background-image: url('data:image/svg+xml;utf8,<svg fill="currentColor" alt="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16px" width="16px"><path d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z" /></svg>'); - background-image: var(--ifm-navbar-search-input-icon); - background-position-x: 0.75rem; - background-position-y: center; - background-repeat: no-repeat; - background-size: 1rem 1rem; - border-radius: 2rem; - border-width: 0; - cursor: text; - color: #444950; - color: var(--ifm-navbar-search-input-color); - display: inline-block; - font-size: 0.9rem; - line-height: 2rem; - outline: none; - padding: 0 0.5rem 0 2.25rem; - -webkit-transition: all 0.2s ease; - transition: all 0.2s ease; - -webkit-transition: all var(--ifm-transition-fast) ease; - transition: all var(--ifm-transition-fast) ease; - width: 12.5rem; -} -.navbar .navbar__search .navbar__search-input::-webkit-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar .navbar__search .navbar__search-input:-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar .navbar__search .navbar__search-input::-ms-input-placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -.navbar .navbar__search .navbar__search-input::placeholder { - color: #bec3c9; - color: var(--ifm-navbar-search-input-placeholder-color); -} -@media (max-width:300px) { - .navbar .navbar__search .navbar__search-input { - width: 9rem; - } -} -.navbar .navbar-sidebar { - background-color: #fff; - background-color: var(--ifm-navbar-background-color); - bottom: 0; - box-shadow: 0 5px 40px rgba(0,0,0,.2); - box-shadow: var(--ifm-global-shadow-md); - display: none; - left: 0; - position: fixed; - top: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - -webkit-transition: -webkit-transform 0.2s ease; - transition: -webkit-transform 0.2s ease; - transition: transform 0.2s ease; - transition: transform 0.2s ease,-webkit-transform 0.2s ease; - -webkit-transition: -webkit-transform var(--ifm-transition-fast) ease; - transition: -webkit-transform var(--ifm-transition-fast) ease; - transition: transform var(--ifm-transition-fast) ease; - transition: transform var(--ifm-transition-fast) ease,-webkit-transform var(--ifm-transition-fast) ease; - width: 20rem; - width: var(--ifm-navbar-sidebar-width); -} -@media (max-width:300px) { - .navbar .navbar-sidebar { - display: block; - } -} -.navbar.navbar-sidebar--show .navbar-sidebar { - -webkit-transform: translateX(0); - transform: translateX(0); -} -.navbar.navbar-sidebar--show .navbar-sidebar__backdrop { - display: block; -} -.navbar .navbar-sidebar__backdrop { - background-color: rgba(0,0,0,.6); - bottom: 0; - display: none; - left: 0; - right: 0; - position: fixed; - top: 0; -} -.navbar .navbar-sidebar__brand { - align-items: center; - box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); - box-shadow: var(--ifm-navbar-shadow); - display: flex; - height: 3.75rem; - height: var(--ifm-navbar-height); - padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal); -} -.navbar .navbar-sidebar__items { - padding: 0.5rem; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-pagination-border-radius: calc(var(--ifm-global-radius)*var(--ifm-pagination-size-multiplier)); - --ifm-pagination-color-active: var(--ifm-color-primary); - --ifm-pagination-font-size: 1rem; - --ifm-pagination-item-active-background: var(--ifm-hover-overlay); - --ifm-pagination-page-spacing: 0.0625rem; - --ifm-pagination-padding-horizontal: calc(var(--ifm-spacing-horizontal)*1); - --ifm-pagination-padding-vertical: calc(var(--ifm-spacing-vertical)*0.25); - --ifm-pagination-size-multiplier: 1; -} -.pagination { - font-size: 1rem; - font-size: var(--ifm-pagination-font-size); - padding-left: 0; -} -.pagination > .page-item { - display: inline-block; - list-style-type: none; -} -.pagination > .page-item:not(:first-child) { - margin-left: 0.0625rem; - margin-left: var(--ifm-pagination-page-spacing); -} -.pagination > .page-item:not(:last-child) { - margin-right: 0.0625rem; - margin-right: var(--ifm-pagination-page-spacing); -} -.pagination > .page-item > span { - padding: var(--ifm-pagination-padding-vertical); -} -.pagination > .page-item .page-link { - border-radius: 0.4rem; - border-radius: var(--ifm-pagination-border-radius); - color: #1c1e21; - color: var(--ifm-font-base-color); - display: inline-block; - padding: var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal); - text-decoration: none; -} -.pagination > .page-item.page-item--active .page-link { - background: rgba(0,0,0,.05); - background: var(--ifm-pagination-item-active-background); - color: #3578e5; - color: var(--ifm-pagination-color-active); -} -.pagination > .page-item:not(.page-item--active):hover .page-link { - background: rgba(0,0,0,.05); - background: var(--ifm-pagination-item-active-background); - -webkit-transition: background 0.2s cubic-bezier(.08,.52,.52,1); - transition: background 0.2s cubic-bezier(.08,.52,.52,1); - -webkit-transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); - transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); -} -.pagination > .page-item.disabled, -.pagination > .page-item:disabled, -.pagination > .page-item[disabled] { - opacity: 0.25; - pointer-events: none; -} -.pagination.pagination--sm { - --ifm-pagination-font-size: 0.8rem; - --ifm-pagination-padding-horizontal: 0.8rem; - --ifm-pagination-padding-vertical: 0.2rem; - font-size: 1rem; - font-size: var(--ifm-pagination-font-size); -} -.pagination.pagination--sm > .page-item .page-link { - padding: var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal); -} -.pagination.pagination--lg { - --ifm-pagination-font-size: 1.2rem; - --ifm-pagination-padding-horizontal: 1.2rem; - --ifm-pagination-padding-vertical: 0.3rem; - font-size: 1rem; - font-size: var(--ifm-pagination-font-size); -} -.pagination.pagination--lg > .page-item .page-link { - padding: var(--ifm-pagination-padding-vertical) var(--ifm-pagination-padding-horizontal); -} -:root { - --ifm-pagination-nav-border-radius: var(--ifm-global-radius); - --ifm-pagination-nav-color-hover: var(--ifm-color-primary); -} -.pagination-nav { - display: flex; -} -.pagination-nav .pagination-nav__item { - display: flex; - flex-basis: 50%; - flex-grow: 1; - max-width: 50%; -} -.pagination-nav .pagination-nav__item--next { - text-align: right; -} -.pagination-nav .pagination-nav__item+.pagination-nav__item { - margin-left: 1rem; - margin-left: var(--ifm-spacing-horizontal); -} -.pagination-nav .pagination-nav__link { - border-radius: 0.4rem; - border-radius: var(--ifm-pagination-nav-border-radius); - border: 1px solid #dadde1; - border-color: var(--ifm-color-emphasis-300); - display: block; - flex-grow: 1; - padding: var(--ifm-global-spacing); - text-decoration: none; -} -.pagination-nav .pagination-nav__link:hover { - border-color: #3578e5; - border-color: var(--ifm-pagination-nav-color-hover); -} -.pagination-nav .pagination-nav__link--label { - margin-bottom: 0; - margin-top: 0; - word-break: break-word; -} -.pagination-nav .pagination-nav__link--sublabel { - color: #606770; - color: var(--ifm-color-content-secondary); - font-weight: 500; - font-weight: var(--ifm-font-weight-semibold); - margin-bottom: 0.25rem; -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-pills-color-active: var(--ifm-color-primary); - --ifm-pills-color-background-active: var(--ifm-hover-overlay); - --ifm-pills-spacing: 0.0625rem; -} -.pills { - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); - padding-left: 0; -} -.pills > .pill-item { - border-radius: 0.5rem; - cursor: pointer; - display: inline-block; - list-style-type: none; - padding: 0.25rem 1rem; -} -.pills > .pill-item.pill-item--active { - background: rgba(0,0,0,.05); - background: var(--ifm-pills-color-background-active); - color: #3578e5; - color: var(--ifm-pills-color-active); -} -.pills > .pill-item:not(.pill-item--active):hover { - background-color: rgba(0,0,0,.05); - background-color: var(--ifm-pills-color-background-active); - -webkit-transition: background 0.2s cubic-bezier(.08,.52,.52,1); - transition: background 0.2s cubic-bezier(.08,.52,.52,1); - -webkit-transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); - transition: background var(--ifm-transition-fast) cubic-bezier(.08,.52,.52,1); -} -.pills > .pill-item:not(:first-child) { - margin-left: 0.0625rem; - margin-left: var(--ifm-pills-spacing); -} -.pills > .pill-item:not(:last-child) { - margin-right: 0.0625rem; - margin-right: var(--ifm-pills-spacing); -} -.pills > .pill-item+.pill-item { - margin-top: 0; -} -.pills.pills--block { - display: flex; - justify-content: stretch; -} -@media (max-width:300px) { - .pills.pills--block { - flex-direction: column; - } -} -.pills.pills--block > .pill-item { - flex-grow: 1; - text-align: center; -} -@media (max-width:300px) { - .pills.pills--block > .pill-item:not(:first-child) { - margin-top: 0.0625rem; - margin-top: var(--ifm-pills-spacing); - } - .pills.pills--block > .pill-item:not(:last-child) { - margin-bottom: 0.0625rem; - margin-bottom: var(--ifm-pills-spacing); - } -} - -/*********************************************** -** Something starts here? -***********************************************/ - -:root { - --ifm-tabs-color: var(--ifm-font-secondary-color); - --ifm-tabs-color-active: var(--ifm-color-primary); - --ifm-tabs-padding-horizontal: 1rem; - --ifm-tabs-padding-vertical: 1rem; - --ifm-tabs-spacing: 0.0625rem; -} -.tabs { - color: #606770; - color: var(--ifm-tabs-color); - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); - margin-bottom: 0; - padding-left: 0; -} -.tabs > .tab-item { - box-sizing: content-box; - border-bottom: 3px solid transparent; - border-radius: 0.4rem; - border-radius: var(--ifm-global-radius); - cursor: pointer; - display: inline-block; - list-style-type: none; - padding: var(--ifm-tabs-padding-vertical) var(--ifm-tabs-padding-horizontal); -} -.tabs > .tab-item.tab-item--active { - border-bottom-color: #3578e5; - border-bottom-color: var(--ifm-tabs-color-active); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - color: #3578e5; - color: var(--ifm-tabs-color-active); -} -.tabs > .tab-item:hover { - background-color: rgba(0,0,0,.05); - background-color: var(--ifm-hover-overlay); -} -.tabs.tabs--block { - display: flex; - justify-content: stretch; -} -@media (max-width:300px) { - .tabs.tabs--block { - flex-direction: column; - } -} -.tabs.tabs--block > .tab-item { - flex-grow: 1; - text-align: center; -} -@media (max-width:300px) { - .tabs.tabs--block > .tab-item:not(:first-child) { - margin-top: 0.0625rem; - margin-top: var(--ifm-tabs-spacing); - } - .tabs.tabs--block > .tab-item:not(:last-child) { - margin-bottom: 0.0625rem; - margin-bottom: var(--ifm-tabs-spacing); - } -} -.shadow--lw { - box-shadow: 0 1px 2px 0 rgba(0,0,0,.1)!important; - box-shadow: var(--ifm-global-shadow-lw)!important; -} -.shadow--md { - box-shadow: 0 5px 40px rgba(0,0,0,.2)!important; - box-shadow: var(--ifm-global-shadow-md)!important; -} -.shadow--tl { - box-shadow: 0 12px 28px 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1)!important; - box-shadow: var(--ifm-global-shadow-tl)!important; -} -.text--primary { - color: #3578e5; - color: var(--ifm-color-primary); -} -.text--secondary { - color: #ebedf0; - color: var(--ifm-color-secondary); -} -.text--success { - color: #00a400; - color: var(--ifm-color-success); -} -.text--info { - color: #54c7ec; - color: var(--ifm-color-info); -} -.text--warning { - color: #ffba00; - color: var(--ifm-color-warning); -} -.text--danger { - color: #fa383e; - color: var(--ifm-color-danger); -} -.text--center { - text-align: center; -} -.text--left { - text-align: left; -} -.text--justify { - text-align: justify; -} -.text--right { - text-align: right; -} -.text--capitalize { - text-transform: capitalize; -} -.text--lowercase { - text-transform: lowercase; -} -.text--uppercase { - text-transform: uppercase; -} -.text--light { - font-weight: 300; - font-weight: var(--ifm-font-weight-light); -} -.text--normal { - font-weight: 400; - font-weight: var(--ifm-font-weight-normal); -} -.text--semibold { - font-weight: 500; - font-weight: var(--ifm-font-weight-semibold); -} -.text--bold { - font-weight: 600; - font-weight: var(--ifm-font-weight-bold); -} -.text--italic { - font-style: italic; -} -.text--truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.text--break { - word-break: break-word!important; - word-wrap: break-word!important; -} -.text--no-decoration, -.text--no-decoration:hover { - text-decoration: none; -} - -/*********************************************** -** Something starts here? -***********************************************/ - - -html[data-theme=dark] { - --ifm-color-emphasis-100: var(--ifm-color-gray-900); - --ifm-color-emphasis-200: var(--ifm-color-gray-800); - --ifm-color-emphasis-300: var(--ifm-color-gray-700); - --ifm-color-emphasis-400: var(--ifm-color-gray-600); - --ifm-color-emphasis-500: var(--ifm-color-gray-500); - --ifm-color-emphasis-600: var(--ifm-color-gray-400); - --ifm-color-emphasis-700: var(--ifm-color-gray-300); - --ifm-color-emphasis-800: var(--ifm-color-gray-200); - --ifm-color-emphasis-900: var(--ifm-color-gray-100); - --ifm-background-color: #121212; - --ifm-background-surface-color: #1e2125; - --ifm-hover-overlay: hsla(0,0%,100%,0.05); - --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24"><path fill="rgba(255,255,255,0.6)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>'); - --ifm-color-content-secondary: #fff; -} -:root, -:root[data-theme=""], -:root[data-theme=dark] { - --custom-font-base: "Metro",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif; - --custom-font-code: "Source Code Pro",Menlo,monospace; - --custom-font-size-base: 1rem; - --custom-border-radius: 3px; - --custom-border-radius-md: 6px; - --custom-primary-darkest: #10633e; - --custom-primary-darker: #1c8656; - --custom-primary-dark: #38bc81; - --custom-primary: #24b47e; - --custom-primary-light: #65d9a5; - --custom-primary-lighter: #9fe7c7; - --custom-primary-lightest: #c5f1dd; - --custom-background-color: #fdfdfd; - --custom-background-color-highlight: #fff; - --custom-background-color-diff: #f5f6f7; - --custom-background-color-diff-1: #eee; - --custom-background-color-diff-2: #ccc; - --custom-content-color: #1f1f1f; - --custom-content-color-light: #484848; - --custom-content-color-lightest: #333; - --custom-content-color-emphasis: #000; - --custom-border-color: #e0e0e0; - --custom-color-subtle: #ccc; - --custom-shadow-lw: 0 3px 5px 0 rgba(0,0,0,0.1); - --custom-shadow-md: 0 3px 5px 0 rgba(0,0,0,0.1); - --custom-shadow-tl: 0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1); - --custom-shadow-xl: 0 30px 60px 0 rgba(0,0,0,0.1); - --ifm-color-content: var(--custom-content-color); - --ifm-heading-color: var(--custom-content-color); - --ifm-background-color: var(--custom-background-color); - --ifm-sidebar-background: var(--custom-background-color); - --ifm-color-content-secondary: var(--custom-content-color-light); - --ifm-code-background: var(--custom-background-color-diff); - --ifm-code-background-dark: #2a2a2a; - --ifm-color-primary-darkest: var(--custom-primary-darkest); - --ifm-color-primary-darker: var(--custom-primary-darker); - --ifm-color-primary-dark: var(--custom-primary-dark); - --ifm-color-primary: var(--custom-primary); - --ifm-color-primary-light: var(--custom-primary-light); - --ifm-color-primary-lighter: var(--custom-primary-lighter); - --ifm-color-primary-lightest: var(--custom-primary-lightest); - --ifm-color-info-darker: var(--custom-background-color-diff-2); - --ifm-color-info-dark: var(--custom-background-color-diff-1); - --ifm-color-info: var(--custom-background-color-diff); - --ifm-font-base-color: var(--custom-content-color); - --ifm-font-family-base: var(--custom-font-base); - --ifm-font-family-monospace: var(--custom-font-code); - --ifm-heading-font-family: var(--custom-font-base); - --ifm-font-size-base: var(--custom-font-size-base); - --ifm-heading-font-weight: 700; - --ifm-font-weight-bold: 700; - --ifm-global-shadow-lw: var(--custom-shadow-lw); - --ifm-global-shadow-md: var(--custom-shadow-md); - --ifm-global-shadow-tl: var(--custom-shadow-tl); - --ifm-contents-border-color: var(--custom-border-color); - --ifm-hr-border-color: var(--custom-border-color); - --ifm-code-border-radius: var(--custom-border-radius); - --ifm-button-border-radius: var(--custom-border-radius); - --ifm-col-spacing-vertical: 0.5rem; - --ifm-link-hover-decoration: none; - --ifm-button-background-color: var(--custom-background-color); - --ifm-navbar-background-color: var(--custom-background-color); - --ifm-footer-background-color: var(--custom-background-color); - --ifm-hero-background-color: var(--custom-background-color); - --ifm-hero-text-color: var(--custom-content-color); - --ifm-sidebar-border-color: var(--custom-border-color); - --ifm-menu-color-active: var(--custom-primary); - --ifm-panel-border-color: var(--custom-border-color); - --ifm-panel-border-color-active: var(--custom-primary); - --ifm-panel-background-solid: var(--custom-background-color); - --ifm-card-background-color: var(--custom-background-color); - --ifm-card-border-radius: var(--custom-border-radius-md); - --ifm-table-border-color: var(--custom-border-color); - --ifm-table-stripe-background: var(--custom-background-color-diff); -} -:root[data-theme=dark] { - --custom-primary-darkest: #10633e; - --custom-primary-darker: #1c8656; - --custom-primary-dark: #38bc81; - --custom-primary: #3ecf8e; - --custom-primary-light: #65d9a5; - --custom-primary-lighter: #9fe7c7; - --custom-primary-lightest: #c5f1dd; - --custom-color-subtle: #484848; - --custom-background-color: #1f1f1f; - --custom-background-color-highlight: #2a2a2a; - --custom-background-color-diff: #2a2a2a; - --custom-background-color-diff-1: #484848; - --custom-background-color-diff-2: #666; - --custom-content-color: #ddd; - --custom-content-color-light: #aaa; - --custom-content-color-lightest: #fefefe; - --custom-content-color-emphasis: #fff; - --custom-border-color: #444; - --custom-shadow-lw: 0 0 3px 3px rgba(0,0,0,0.2); - --custom-shadow-md: 0 0 5px 5px rgba(0,0,0,0.3); - --custom-shadow-tl: 0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1); - --custom-shadow-xl: 0 30px 60px 0 rgba(0,0,0,0.5); - --ifm-color-gray-100: rgba(224,235,247,0.9); - --ifm-color-gray-150: rgba(224,235,247,0.85); - --ifm-color-gray-200: rgba(224,235,247,0.8); - --ifm-color-gray-300: rgba(224,235,247,0.75); - --ifm-color-gray-400: rgba(224,235,247,0.7); - --ifm-color-gray-500: rgba(224,235,247,0.65); - --ifm-color-gray-600: rgba(224,235,247,0.6); - --ifm-color-gray-700: rgba(224,235,247,0.55); - --ifm-color-gray-800: rgba(224,235,247,0.5); - --ifm-color-gray-900: rgba(224,235,247,0.45); - --ifm-color-secondary-darker: #000; - --ifm-color-secondary-dark: #1f1f1f; - --ifm-color-secondary: #2a2a2a; - --ifm-color-secondary-light: #2f2f2f; - --ifm-color-secondary-lighter: #313131; - --ifm-color-secondary-lightest: #333; - --ifm-button-background-color: var(--custom-background-color-highlight); - --ifm-card-background-color: var(--custom-background-color-highlight); -} -body, -html { - font-smoothing: antialiased; - -moz-text-size-adjust: 100%; - text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; -} -:root .navbar__logo.logo--dark, -:root[data-theme=""] .navbar__logo.logo--dark, -:root[data-theme=light] .navbar__logo.logo--dark { - display: none; -} -:root .navbar__logo.logo--light, -:root[data-theme=""] .navbar__logo.logo--light, -:root[data-theme=light] .navbar__logo.logo--light { - display: inline-block; -} -:root[data-theme=dark] .navbar__logo.logo--light { - display: none; -} -:root[data-theme=dark] .navbar__logo.logo--dark { - display: inline-block; -} -.button.button--primary { - text-shadow: 0 0 6px rgba(13,128,86,.4); -} -.button.button--secondary { - color: var(--custom-content-color); -} -.button.button--secondary:hover { - background-color: var(--custom-background-color-diff-1); -} -:root[data-theme=dark] .button.button--secondary:hover { - background-color: var(--custom-background-color-highlight); -} -.button.button--secondary.button--outline { - border-color: #333; -} -:root[data-theme=dark] .button.button--secondary { - border-color: #fff; -} -.hero--button { - text-transform: uppercase; - padding: 10px 25px; - font-weight: 700; -} -.docusaurus-highlight-code-line { - background-color: #484d5b; - display: block; - margin: 0 calc(-1*var(--ifm-pre-padding)); - padding: 0 var(--ifm-pre-padding); -} -@media screen and (min-width:768px) { - body, - html { - text-rendering: optimizeLegibility; - } -} -li+li { - margin-top: 0; -} -.button--lg { - text-transform: uppercase; -} -.title { - font-weight: 700; - color: var(--custom-content-color-lightest)!important; -} -.navbar__brand strong { - font-family: var(--ifm-heading-font-family); - font-size: 1.5rem; - font-weight: 700; - letter-spacing: 0.03rem; -} -.main-wrapper, -.navbar { - box-shadow: var(--ifm-global-shadow-md); -} -.navbar .navbar__link { - font-weight: 700; -} -.navbar-sidebar__items .menu__link { - line-height: calc(var(--ifm-spacing-vertical)*2)!important; - font-weight: 700; - text-transform: uppercase; - font-size: 0.9em; - padding: 10px!important !important; -} -article header { - margin-bottom: 3rem; -} -.hero.is--dark { - background-color: var(--custom-background-color-diff); -} -@media screen and (max-width:300px) { - .navbar .navbar__items--right { - display: none; - } -} -.navbar .navbar__items--right .react-toggle { - margin-left: var(--ifm-navbar-item-padding-horizontal); -} -.navbar .navbar__item .badge { - border-color: var(--ifm-background-color)!important; - border-radius: 1em; - display: block; - float: right; - font-size: 0.6em; - line-height: 1; - margin-top: -.7em; - margin-right: -1.5em; - margin-left: -.5em; - padding: 0.3em 0.5em; - position: relative; - z-index: 1; -} -.navbar-sidebar__brand .navbar__brand { - flex: 1 0; -} -.navbar-sidebar__brand .react-toggle { - flex: 0; - text-align: right; -} -.navbar-sidebar__items .menu .menu__link { - color: var(--ifm-color-content); - display: block; -} -.navbar-sidebar__items .menu .menu__link .badge { - border-color: var(--ifm-background-color); - border-radius: 1em; - font-size: 0.6em; - margin-top: -1em; - margin-left: 0.25em; -} -@media screen and (max-width:300px) { - .row .col { - padding-top: var(--ifm-col-spacing-vertical); - padding-bottom: var(--ifm-col-spacing-vertical); - } -} -a.card { - text-decoration: none!important; - color: var(--ifm-color-content); - box-shadow: none; - border: 1px solid #333; -} -a.card:hover { - -webkit-transition: all 0.2s ease; - transition: all 0.2s ease; - border: 1px solid var(--custom-primary); - box-shadow: var(--custom-shadow-xl),0 0 0 1px var(--custom-primary)!important; -} -.menu > ul.menu__list li { - margin-top: 0; - margin-bottom: 0; -} -.menu > ul.menu__list li > a { - padding-left: 0; - padding-right: 0; -} -.menu .menu__list-item-hidden { - display: none; -} -.menu > ul.menu__list > li.menu__list-item div.title { - color: var(--custom-content-color-light); - cursor: text; - display: flex; - justify-content: space-between; - line-height: calc(var(--ifm-spacing-vertical)*1.25); - margin-top: calc(var(--ifm-spacing-vertical)*1.5); - margin-bottom: 0; - padding: var(--ifm-menu-link-padding-vertical) 0; - text-transform: uppercase; - font-size: 0.9em; -} -.menu > ul.menu__list > li.menu__list-item:first-child div.title { - margin-top: 0; -} -.menu > ul.menu__list ul.menu__list { - border-left: 1px solid var(--custom-border-color); - margin-left: 0; - padding-left: var(--ifm-menu-link-padding-horizontal); -} -.menu > ul.menu__list ul.menu__list .menu__link { - border-radius: 0; - font-size: 0.85rem; - margin-left: calc(var(--ifm-menu-link-padding-horizontal)*-1); - padding-left: var(--ifm-menu-link-padding-horizontal); -} -.menu > ul.menu__list > li > ul.menu__list { - border-left: 0; - padding-left: 0; -} -.menu .menu__link, -.menu .menu__link.menu__link--active:not(.menu__link--sublist), -.menu .menu__link:hover { - background: none; - line-height: calc(var(--ifm-spacing-vertical)*1); -} -.menu .menu__link.menu__link--sublist:after { - background-image: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="-6 -6 38 38"><path fill="rgba(0,0,0,0.3)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>'); - -webkit-transform: rotate(180deg); - transform: rotate(180deg); - -webkit-transition: var(--ifm-transition-fast) ease; - transition: var(--ifm-transition-fast) ease; -} -.menu .menu__link.menu__link--sublist.menu__link--active:after, -.menu .menu__link.menu__link--sublist:hover:after { - background-image: url('data:image/svg+xml;utf8,<svg alt="Arrow" xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="-6 -6 38 38"><path fill="rgb(40,217,242)" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path></svg>'); -} -.menu .menu__list-item.menu__list-item--collapsed .menu__link--sublist:after { - -webkit-transform: rotate(90deg); - transform: rotate(90deg); -} -.menu .menu__link:hover { - color: var(--ifm-menu-color-active); -} -.menu .menu__link .badges { - vertical-align: top; - margin-top: -1px; -} -.menu .menu__link .badge { - background-clip: padding-box; - border: 1px solid var(--custom-content-color-light); - border-radius: 0.25em; - display: inline-block; - font-family: monospace; - font-size: 0.5rem; - font-weight: 700; - height: 1rem; - line-height: 1rem; - margin-right: 2px; - padding: 0 0.25rem; - vertical-align: middle; -} -.menu.menu--responsive .menu__button { - background: var(--ifm-panel-background-solid); - bottom: 0; - right: 0; - padding: 10px; - border: none; - border-top: 1px solid var(--custom-border-color)!important; -} -div[class^=docItemContainer_] { - max-width: none; -} -@media (min-width:301px) { - div[class^=docItemContainer_] { - max-width: none; - padding: 0 calc(var(--ifm-spacing-horizontal)*2); - } -} -main[class^=docMainContainer_] div.container div.row div.col.col--3 { - padding-left: 0; -} -div[class^=docSidebarContainer_] { - border-right-color: var(--ifm-sidebar-border-color); - max-width: 250px; - min-width: 250px; -} -div[class^=sidebar_] { - font-size: 0.85rem; -} -div[class^=sidebar_] .menu { - background: var(--ifm-sidebar-background); - padding-bottom: var(--ifm-spacing-vertical); - margin-right: calc(var(--ifm-spacing-horizontal)*-1); -} -div[class^=sidebar_] .menu .menu__link { - padding-right: var(--ifm-menu-link-padding-horizontal); -} -div[class^=sidebar_] .menu__link.menu__link--active:not(.menu__link--sublist) { - border-radius: 0; - border-right: 2px solid var(--ifm-color-primary); - padding-right: calc(var(--ifm-menu-link-padding-horizontal) - 2px); -} -div[class^=sidebar_] .menu__link.menu__link--active:not(.menu__link--sublist) .badge { - background: var(--ifm-color-primary); - border: 1px solid var(--ifm-color-primary); - color: #fff; -} -@media (min-width:301px) { - div[class^=sidebar_] { - padding: var(--ifm-spacing-vertical) var(--ifm-spacing-horizontal); - } -} -.menu.menu--responsive .button.button--secondary.button--sm.menu__button { - -webkit-transition: all 0.2s ease; - transition: all 0.2s ease; - width: 100%; - margin: 0; - bottom: 0; - right: 0; - border-radius: 0; - text-align: right; - opacity: 0.8; -} -.menu.menu--responsive .button.button--secondary.button--sm.menu__button:active, -.menu.menu--responsive .button.button--secondary.button--sm.menu__button:hover { - opacity: 1; - background-color: var(--custom-background-color); -} -.DummyData { - display: flex; - overflow-x: auto; -} -.DummyData div { - padding-right: 30px; -} -.Collapsable summary { - font-size: 0.9rem; - margin-bottom: 20px; -} -.Collapsable summary:hover { - cursor: pointer; -} -.prism-code { - background: var(--ifm-code-background-dark)!important; - white-space: pre!important; - font-size: 0.8rem; - overflow: auto!important; -} -.code-with-header pre { - border-radius: 0 0 4px 4px; -} -.code-with-response pre { - border-radius: 0; -} -.code-header { - background: var(--ifm-code-background-dark); - color: #ccc; - padding: 5px 15px; - border-radius: 4px 4px 0 0; - font-weight: 700; - border-bottom: 1px solid #444; -} -.token.function, -.token.keyword.module { - font-style: normal!important; - color: #dcdcaa!important; -} -.token.doc-comment.optional-parameter, -.token.doc-comment.optional-parameter.punctuation, -.token.doc-comment.parameter, -.token.doc-comment.parameter.punctuation, -.token.parameter, -.token.plain { - font-style: normal!important; - color: #9cdcfe!important; -} -.token.doc-comment.keyword, -.token.keyword { - font-style: normal!important; - color: #569cd6!important; -} -.token.string { - font-style: normal!important; - color: #ce9178!important; -} -.token.console { - font-style: normal!important; - color: #49c1ad!important; -} -.token.comment { - font-style: normal!important; - color: #6a9955!important; -} -.token.number { - color: #b5cea8!important; -} -.token.boolean, -.token.doc-comment.class-name { - color: var(--custom-primary)!important; -} -.ForDevelopers .row { - display: flex; - flex-direction: row-reverse; -} -.ForDevelopers .button { - text-align: left; -} -.ForDevelopers .button.button--link:hover { - text-decoration: none; - -webkit-transition: all 0.2s ease; - transition: all 0.2s ease; - opacity: 0.8; -} -.react-toggle-thumb { - box-shadow: none!important; -} -a.hash-link { - text-decoration: none; - font-style: none; - color: var(--custom-color-subtle); -} -.footer { - border-top: 1px solid var(--custom-border-color); - padding-bottom: 80px; -} -.has-emphasis { - color: var(--custom-content-color-emphasis); -} -.ButtonTabs { - padding-left: 0!important; -} -.ButtonTabs .button { - width: 100%; - display: block; - color: var(--custom-content-color)!important; - margin-right: 10px; - margin-bottom: 8px; - border: 2px solid var(--ifm-button-background-color)!important; -} -.ButtonTabs .button.is-active, -.ButtonTabs .button:hover, -.ButtonTabs:hover .button.is-active:hover { - border: 2px solid var(--custom-primary)!important; - box-shadow: var(--custom-shadow-lw); -} -.ButtonTabs:hover .button.is-active { - border: 2px solid var(--ifm-button-background-color)!important; -} -@media screen and (max-width:301px) { - .ButtonTabs { - padding-left: var(--ifm-spacing-horizontal)!important; - } - .ButtonTabs > div { - display: flex!important; - flex-wrap: nowrap!important; - overflow-x: auto!important; - -webkit-overflow-scrolling: touch!important; - -ms-overflow-style: -ms-autohiding-scrollbar!important; - } - .ButtonTabs .button { - display: inline-block; - width: auto; - } -} -@media screen and (max-width:600px) { - .responsive-button { - width: 100%; - margin: 5px 0!important !important; - } -} -@media screen and (min-width:300px) { - .row.is-multiline .col { - margin-top: var(--ifm-spacing-horizontal)!important; - margin-bottom: var(--ifm-spacing-horizontal)!important; - } -} -.has-hover-pointer:hover { - cursor: pointer; -} -.section-md { - margin: 2rem 0; -} -.section-lg { - margin: 5rem 0; -} -.hidden { - display: none; -} -#nprogress { - pointer-events: none; -} -#nprogress .bar { - background: #29d; - position: fixed; - z-index: 1031; - top: 0; - left: 0; - width: 100%; - height: 2px; -} -#nprogress .peg { - display: block; - position: absolute; - right: 0; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d,0 0 5px #29d; - opacity: 1; - -webkit-transform: rotate(3deg) translateY(-4px); - transform: rotate(3deg) translateY(-4px); -} -#nprogress .spinner { - display: block; - position: fixed; - z-index: 1031; - top: 15px; - right: 15px; -} -#nprogress .spinner-icon { - width: 18px; - height: 18px; - box-sizing: border-box; - border-color: #29d transparent transparent #29d; - border-style: solid; - border-width: 2px; - border-radius: 50%; - -webkit-animation: nprogress-spinner 0.4s linear infinite; - animation: nprogress-spinner 0.4s linear infinite; -} -.nprogress-custom-parent { - overflow: hidden; - position: relative; -} -.nprogress-custom-parent #nprogress .bar, -.nprogress-custom-parent #nprogress .spinner { - position: absolute; -} -@-webkit-keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg); - } - to { - -webkit-transform: rotate(1turn); - } -} -@keyframes nprogress-spinner { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); - } -} -.toggle_keGJ { - align-items: center; - display: flex; - height: 10px; - justify-content: center; - position: relative; - width: 10px; -} -.toggle_keGJ:before { - position: absolute; -} -.moon_1gwN:before { - content: "\1F31C"; -} -.sun_3CPA:before { - content: "\1F31E"; -} -.react-toggle { - touch-action: pan-x; - display: inline-block; - position: relative; - cursor: pointer; - background-color: transparent; - border: 0; - padding: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-tap-highlight-color: transparent; -} -.react-toggle-screenreader-only { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.react-toggle--disabled { - cursor: not-allowed; -} -.react-toggle-track { - width: 50px; - height: 24px; - padding: 0; - border-radius: 30px; - background-color: #4d4d4d; - -webkit-transition: all 0.2s ease; - transition: all 0.2s ease; -} -.react-toggle-track-check { - position: absolute; - width: 14px; - height: 10px; - top: 0; - bottom: 0; - margin-top: auto; - margin-bottom: auto; - line-height: 0; - left: 8px; - opacity: 0; - -webkit-transition: opacity 0.25s ease; - transition: opacity 0.25s ease; -} -.react-toggle--checked .react-toggle-track-check, -.react-toggle-track-x, -[data-theme=dark] .react-toggle .react-toggle-track-check { - opacity: 1; - -webkit-transition: opacity 0.25s ease; - transition: opacity 0.25s ease; -} -.react-toggle-track-x { - position: absolute; - width: 10px; - height: 10px; - top: 0; - bottom: 0; - margin-top: auto; - margin-bottom: auto; - line-height: 0; - right: 10px; -} -.react-toggle--checked .react-toggle-track-x, -[data-theme=dark] .react-toggle .react-toggle-track-x { - opacity: 0; -} -.react-toggle-thumb { - -webkit-transition: all 0.5s cubic-bezier(.23,1,.32,1) 0; - transition: all 0.5s cubic-bezier(.23,1,.32,1) 0; - position: absolute; - top: 1px; - left: 1px; - width: 22px; - height: 22px; - border: 1px solid #4d4d4d; - border-radius: 50%; - background-color: #fafafa; - box-sizing: border-box; - -webkit-transition: all 0.25s ease; - transition: all 0.25s ease; -} -.react-toggle--checked .react-toggle-thumb, -[data-theme=dark] .react-toggle .react-toggle-thumb { - left: 27px; - border-color: #19ab27; -} -.react-toggle--focus .react-toggle-thumb { - box-shadow: 0 0 2px 3px #0099e0; -} -.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb { - box-shadow: 0 0 5px 5px #0099e0; -} -@media screen and (max-width:301px) { - .displayOnlyInLargeViewport_16CL { - display: none!important; - } -} -@media (max-width:360px) { - .hideLogoText_2KyX { - display: none; - } -} -.navbarHideable_2ZIa { - -webkit-transition: top 0.2s ease-in-out; - transition: top 0.2s ease-in-out; -} -.navbarHidden_3K1q { - top: calc(var(--ifm-navbar-height)*-1)!important; -} -.navbarItems_1xGM { - justify-content: space-between; -} -.toggle_1GuM { - margin-right: 20px; -} -.footerLogoLink_1Wg7 { - opacity: 0.5; - -webkit-transition: opacity 0.15s ease-in-out; - transition: opacity 0.15s ease-in-out; -} -.footerLogoLink_1Wg7:hover { - opacity: 1; -} -body, -html { - height: 100%; -} -body { - margin: 0; - -webkit-transition: var(--ifm-transition-fast) ease color; - transition: var(--ifm-transition-fast) ease color; -} -body > div { - height: 100%; - display: flex; - flex-direction: column; -} -.main-wrapper { - flex: 1 0 auto; - margin-top: calc(1em + var(--ifm-navbar-height)); -} -@media (min-width:301px) { - .sidebar_25T_ { - height: calc(100vh - var(--ifm-navbar-height)); - overflow-y: auto; - padding: 0.5rem; - position: -webkit-sticky; - position: sticky; - top: var(--ifm-navbar-height); - } -} -.sidebarMenuIcon_1hKf { - vertical-align: middle; -} -.sidebarMenuCloseIcon_3S8I { - display: inline-block; - height: 24px; - font-size: 1.5rem; - font-weight: var(--ifm-font-weight-bold); - line-height: 0.9; - width: 24px; -} -.heroBanner_2Ftp h2 { - font-size: 2rem!important; -} -.heroBanner_2Ftp p { - font-size: 1rem!important; -} -.heroImage_3TUg { - max-height: 50vh; -} -.features_P2SU { - margin-bottom: 5rem; -} -.features_P2SU, -.forDevelopers_1bbC { - display: flex; - margin-top: 5rem; - align-items: center; - padding: 2rem 0; - width: 100%; -} -.forDevelopers_1bbC .button_2W20 { - margin-top: 10px; -} -.featureCard_3rnW { - height: 100%; - margin-bottom: 10px; -} -.featureImage_3Xqx { - height: 50px; - width: 50px; -} -.button_2W20 { - margin: 25px 10px; -} -.howCard_fZ1o h3 { - font-size: 2.5rem; - font-weight: 800; -} -.pricingCard_s7r8 h3 { - font-size: 1.8rem; - margin-bottom: 20px; -} -.pricingCard_s7r8 p { - margin: 0; -} -.responsiveCentered_2A7S { - text-align: center; -} -@media screen and (max-width:999px) { - .responsiveCentered_2A7S { - text-align: left; - } -} -.ps { - overflow: hidden!important; - overflow-anchor: none; - -ms-overflow-style: none; - touch-action: auto; - -ms-touch-action: auto; -} -.ps__rail-x { - height: 15px; - bottom: 0; -} -.ps__rail-x, -.ps__rail-y { - display: none; - opacity: 0; - transition: background-color 0.2s linear,opacity 0.2s linear; - -webkit-transition: background-color 0.2s linear,opacity 0.2s linear; - position: absolute; -} -.ps__rail-y { - width: 15px; - right: 0; -} -.ps--active-x > .ps__rail-x, -.ps--active-y > .ps__rail-y { - display: block; - background-color: transparent; -} -.ps--focus > .ps__rail-x, -.ps--focus > .ps__rail-y, -.ps--scrolling-x > .ps__rail-x, -.ps--scrolling-y > .ps__rail-y, -.ps:hover > .ps__rail-x, -.ps:hover > .ps__rail-y { - opacity: 0.6; -} -.ps .ps__rail-x.ps--clicking, -.ps .ps__rail-x:focus, -.ps .ps__rail-x:hover, -.ps .ps__rail-y.ps--clicking, -.ps .ps__rail-y:focus, -.ps .ps__rail-y:hover { - background-color: #eee; - opacity: 0.9; -} -.ps__thumb-x { - transition: background-color 0.2s linear,height 0.2s ease-in-out; - -webkit-transition: background-color 0.2s linear,height 0.2s ease-in-out; - height: 6px; - bottom: 2px; -} -.ps__thumb-x, -.ps__thumb-y { - background-color: #aaa; - border-radius: 6px; - position: absolute; -} -.ps__thumb-y { - transition: background-color 0.2s linear,width 0.2s ease-in-out; - -webkit-transition: background-color 0.2s linear,width 0.2s ease-in-out; - width: 6px; - right: 2px; -} -.ps__rail-x.ps--clicking .ps__thumb-x, -.ps__rail-x:focus > .ps__thumb-x, -.ps__rail-x:hover > .ps__thumb-x { - background-color: #999; - height: 11px; -} -.ps__rail-y.ps--clicking .ps__thumb-y, -.ps__rail-y:focus > .ps__thumb-y, -.ps__rail-y:hover > .ps__thumb-y { - background-color: #999; - width: 11px; -} -@supports (-ms-overflow-style:none) { - .ps { - overflow: auto!important; - } -} -@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) { - .ps { - overflow: auto!important; - } -} -.scrollbar-container { - position: relative; - height: 100%; -} -.codeBlock_19pQ { - margin-bottom: 0; - overflow: hidden; - overflow-wrap: break-word; - white-space: pre-wrap; -} -.codeBlockWrapper_2QGZ { - position: relative; -} -.codeBlockWrapper_2QGZ:hover > .copyButton_1BYj { - visibility: visible; - opacity: 1; -} -.copyButton_1BYj { - background: #011627; - border: 1px solid #d6deeb; - border-radius: var(--ifm-global-radius); - color: #d6deeb; - cursor: pointer; - line-height: 12px; - opacity: 0; - outline: none; - padding: 4px 8px; - position: absolute; - right: var(--ifm-pre-padding); - top: var(--ifm-pre-padding); - visibility: hidden; - -webkit-transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out; - transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out; -} -.anchor { - display: block; - position: relative; - top: -5rem; -} -@media only screen and (max-width:735px) { - .anchor { - top: -10rem; - } -} -.hash-link { - opacity: 0; - position: absolute; - margin-left: -1.25rem; - padding-right: 1.25rem; -} -:hover > .hash-link { - opacity: 1; -} -.mdxCodeBlock_iHAB { - background-color: transparent; - border-radius: var(--ifm-global-radius); - box-sizing: border-box; - font-family: inherit; - padding: 0; -} -.docPage_1kjD { - display: flex; -} -.docSidebarContainer_1cYp { - border-right: 1px solid var(--ifm-contents-border-color); - box-sizing: border-box; - width: 300px; -} -.docMainContainer_FFX1 { - flex-grow: 1; -} -@media (max-width:300px) { - .docPage_1kjD { - display: inherit; - } -} -.docItemContainer_1tAC { - margin: 0 auto; - max-width: 45em; -} -.tableOfContents_tVyB { - border-left: 1px solid var(--ifm-contents-border-color); - display: inherit; - max-height: calc(100vh - var(--ifm-navbar-height) - 2rem); - overflow-y: auto; - padding-left: var(--ifm-contents-padding-left); - position: -webkit-sticky; - position: sticky; - top: calc(var(--ifm-navbar-height) + 2rem); -} -.paginator_3VDt { - border-top: 1px solid var(--ifm-hr-border-color); - margin: calc(var(--ifm-spacing-vertical)*2) calc(var(--ifm-spacing-horizontal)*2) 0; - padding-top: calc(var(--ifm-spacing-vertical)*2); -} -@media (max-width:300px) { - .tableOfContents_tVyB { - display: none; - } - .paginator_3VDt { - margin-left: 0; - margin-right: 0; - } -} diff --git a/assets/css/main.css b/assets/css/main.css deleted file mode 100644 index 8571585da1be694d85fd4f15c5566343016cfe45..0000000000000000000000000000000000000000 --- a/assets/css/main.css +++ /dev/null @@ -1,738 +0,0 @@ -div.widgets { - text-align: center; -} - -#mentions, #fediverse { - border: none; - width: 100%; -} - -img.profile.photo { - width: 32px; - height: 32px; - border-radius: 50% 50%; -} - -aside { - background-color: wheat; - color: black; - padding: 1em; - border-radius: 0.5em; - margin: 1em; - border: dashed 3px #b78529; -} - -.me { - margin: auto; - text-align: left; - max-width: 720px; -} - -.me div { - margin: 2em; -} - -.me img { - border-radius: 50%; - float: right; - width: 20%; -} - -pre { - overflow: auto; - width: 100%; -} - -body.list .post header { - padding-top: 1em; - margin-bottom: 2em; - font-family: var(--font-sans) -} - -body.blogpost header { - max-width: 720px; - margin: auto; - text-align: left; - padding: 0 1em; - font-family: var(--font-sans) -} - -:where(:not(pre)>code) { - white-space: break-spaces; - word-break: break-word; -} - -body.blogpost hr { - height: 1px; - margin-right: 2em; - margin-left: 2em; - border: 0; - background: #333; - background-image: linear-gradient(to right, #ccc, #333, #ccc); -} - -body.blogpost div.draft { - border: solid red 1px; - background-color: pink; - color: black; - padding: 1em; -} - -body.blogpost div.draft a { - color: blue; -} - -body.blogpost header, -body.list main .post header { - background-repeat: repeat; - background-position: 50% 50%; - background-size: cover; - background-origin: padding-box; - background-attachment: scroll; - box-sizing: border-box; -} - -body.blogpost header.with-background, -body.list main .post header.with-background { - height: 520px; - margin: 0; - margin-bottom: 2em; - width: 100%; - max-width: initial; - position: relative; -} - -body.blogpost .byline { - margin-bottom: 1em; - padding-bottom: 1em; - border-bottom: solid 1px #e9e9e9; - font-size: 0.8em; -} - -div.subscribe, -div.share { - text-decoration: none; - color: #2a2a2a; - background-color: #2196f3; - text-align: center; - letter-spacing: 0.5px; - transition: 0.2s ease-out; - cursor: pointer; - outline: 0; - border: none; - border-radius: 2px; - display: inline-block; - height: 36px; - padding: 0 1rem; - text-transform: uppercase; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), - 0 3px 1px -2px rgba(0, 0, 0, 0.2); -} - -.post.moi { - background-color: var(--blue-10); - color: var(--gray-3); - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - margin: 1rem; - border-radius: 1em; -} - -section.post.moi { - margin: 0; - padding: 0 1em; -} - -.post.moi div>img { - width: 3em; - height: 3em; - padding: 2em; - border-radius: 50%; -} - -.post.moi div p { - font-weight: 600; -} - -.post.moi div+div { - padding: 1em; -} - -.moi-links { - display: flex; - align-items: center; - justify-content: space-evenly; - flex-wrap: wrap; -} - -.post.moi div p+p { - font-weight: inherit; - font-style: italic; -} - -.post.moi a.email img, -.post.moi a.rss img, -.post.moi a.twitter img, -.post.moi a.medium img { - padding: 0.5em; - width: 32px; - height: 32px; -} - -body.blogpost figure img, main p img { - width: 100%; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -} - -body.list main.main-wrapper, -body.blogpost main.main-wrapper { - margin: auto; - display: flex; - padding: 5em 1em 5em 1em; - flex-direction: column; - justify-content: center; - max-width: 720px; -} - -body.list main p, -body.blogpost main p { - margin-block-start: 1em; -} - -body main section { - padding-top: 0; - text-align: left; -} - -.author { - font-style: italic; -} - -body.list .post .description { - padding-bottom: 1em; -} - -body .menu { - font-family: var(--font-sans); - font-weight: 400; - color: #333; - color: var(--text-color); - padding: 1em; - text-align: center; - border-bottom: solid 1px #ccc; - border-bottom: solid 1px var(--block-quote-before-color); -} - -body .menu .search { - max-width: 720px; - margin: auto; - padding-top: 1em; -} - -body .menu .search form { - display: flex; - gap: 1em; -} - -body .menu .search input[type=search] { - width: 100%; - padding: 0.5em; - font-size: 1em; -} - -body .menu .menu-items { - margin: auto; - text-align: center; - max-width: 720px; - display: flex; - justify-content: space-evenly; -} - -body .menu a { - color: initial; - color: var(--text-color); -} - -figure { - text-align: center; -} - -figure img { - width: 100%; -} - -figure video { - width: 100%; -} - -body.list figure { - text-align: center; - margin: 1em -1em; - padding: 0; -} - -body.list figure img { - box-shadow: 0px 10px 10px -10px black; -} - -body.list figure video { - box-shadow: 0px 10px 10px -10px black; -} - -figcaption { - font-size: 0.7em; - font-weight: 600; - font-style: italic; -} - -blockquote { - font-style: italic; - position: relative; - quotes: "\201C""\201D"; -} - -div.podcast, -div.video { - margin: 1em 0em; - text-align: center; -} - -div.podcast audio, -div.video video { - display: block; - margin: 1em auto; - width: 100%; -} - -.widgets { - display: flex; - align-items: center; - justify-content: center; -} - -.webmentions .comments .reply img { - float: left; - margin-right: 1em; -} - -div.subscribe, -div.share { - margin: 1em; - display: flex; - align-items: center; -} - -div.subscribe a { - color: white; - filter: contrast(100); -} - -div.subscribe a img { - display: block; -} - -div.share { - background-color: #ff4081; - color: white; - text-align: center; - max-height: 36px; - height: 36px; -} - -.share svg { - pointer-events: none; -} - -div.widgets.source a { - margin: 1em; -} - -div.related.pages:empty { - display: none; -} - - -/************************************************************************** -** Some formatting tweaks after merging everything intentional... -**************************************************************************/ - - -code { - background-color: #f5f5f5; - color: #000; } - -.modal img { - max-width: 100%; } - -.navbar { - margin-bottom: 0; } - -.navbar-brand { - padding: 0; } - .navbar-brand img { - height: 100%; - padding: 15px; - width: auto; } - -.navbar-nav { - border-left: 1px #e7e7e7 solid; } - .navbar-nav li > a { - font-size: 13px; - font-weight: bold; } - .navbar-nav .active > a { - background-color: #f8f8f8; } - .navbar-nav .active > a:hover { - background-color: #f8f8f8; } - .navbar-nav .subscribe-button { - border-right: 1px #e7e7e7 solid; - margin-right: 10px; } - -.navbar-default .navbar-nav .current-item { - color: #434343; } - .navbar-default .navbar-nav .current-item:hover { - color: #434343; } - -.subheader { - border-bottom: 1px #e7e7e7 solid; - margin-bottom: 15px; } - .subheader h2 { - margin-bottom: 26px; - margin-top: 26px; - padding: 0; } - -.post { - margin-bottom: 50px; } - .post img { - max-width: 100%; - padding: 4px; - display: block; - margin-left: auto; - margin-right: auto; } - -.post-image { - border: 1px solid #ddd; - border-radius: 4px; - display: block; - padding: 4px; - width: 100%; } - .post-image div { - background-position: center; - background-size: cover; - height: 250px; - max-height: 350px; } - -.post-header { - margin-bottom: 10px; } - .post-header h2 { - margin-bottom: 0; } - -.post-meta ul li { - font-size: 13px; - padding-right: 20px; } -.post-meta a { - color: #777; } - -.author-image { - background-position: center center; - background-size: cover; - border-radius: 4px; - display: inline-block; - height: 18px; - vertical-align: top; - width: 18px; } - -.share { - margin-bottom: 30px; } - .share a { - color: #aaa; - transition: .5s all; } - .share a:hover, .share a:focus { - text-decoration: none; - transition: .5s all; } - .share a.share-twitter:hover { - color: #55acee; } - .share a.share-facebook:hover { - color: #3b5998; } - .share a.share-google-plus:hover { - color: #dc4e41; } - -.subscribe-panel { - margin: auto; - min-width: 300px; - width: 30%; } - -.site-footer { - font-size: 13px; - margin-bottom: 30px; } - .site-footer hr { - margin-bottom: 5px; } - .site-footer p { - margin: 0; } - -/************************************** -** Everything below here are my additions -***************************************/ - -/* tabs shortcode */ -#body .nav-tabs { -position: unset; -width: unset; -} - -.tab-content > .tab-pane { - display: none; -} - -.tab-pane { -padding: 3px 0px; -} - -.tab-pane { -padding: 0px 0px; -} - -.tab-content > .tab-pane.is-active { -display: block; -} - -.nav-tabs { -color: #0f0f0f; -list-style-type: none; -margin: 0; -padding: 0; -overflow: hidden; -} - -.nav-tabs > button { -color: #0f0f0f; -float: left; -display: block; -padding: 5px 10px; -font-size: 14px; -} - -pre { -display: block; -padding: 9.5px; -margin: 0px 0px 10px; -line-height: 1; -} - -.code-tabs { -margin: 10px 0px 0px 00px; -} - -.nav-tabs > button.is-active, .nav-tabs > button:hover { -color: #000 !important; -background: transparent; -} - -.ButtonTabs > .nav-tabs { - border: none; -} - -.ButtonTabs > .nav-tabs > .button, -.ButtonTabs > .nav-tabs > .button.is-active { - box-shadow: none; - white-space: normal; -} - -/* highlight styles */ - -.highlight { - background-color: black; -} - -.highlight > pre > code { - color: #ffffff; - text-shadow: none; -} - -.code-header { - font-size: 1em; -} - -/* header button */ - -.navbar__items > .button, .hero .button { - font-size: 0.8em; -} - -.nav-tabs > .button { - padding: 2px 5px 5px 5px; -} - -/* misc fixes */ - -.main-wrapper { - margin-top: 4em; -} - -/* .ButtonTabs > .nav-tabs > .button { - margin-bottom: 1px; -} */ - -section > .container > .row > .col { - margin-top: 1em; - margin-bottom: 1em; -} - -.container .row .menu { - padding: 0; - border: solid 1px #ccc; - text-align: left; -} - -.hero .button { - margin: 0; -} - -.navbar > .navbar__inner > .navbar__items--right { - padding-right: 1em; -} - -@media (max-width:490px) { - .navbar > .navbar__inner > .navbar__items--left { - display: none; - } -} - -@media (max-width:600px) { - .navbar > .navbar__inner > .navbar__items--right > .button { - display: none; - } - - .container .row .col { - flex: none; - } -} - -/* Adjusts vertical distance for microblog dynamically */ -/* .microblog { - display: flex; - flex-direction: column; - height: 80%; -} - -.fill-vert { - height: 100%; -} */ - -.microblog .more { - padding-right: 1em; - padding-bottom: 1em; -} - -@media (max-width:992px) { - .side-menu { - width: 100%; - } -} - -/* Styling for table of contents */ - -#TableOfContents { - border: 1px black solid; - display: inline-block; - padding-right: 40px; - padding-top: 5px; - padding-bottom: 5px; - background-color: floralwhite; - width: 400px; - margin-left: 40px; - margin-bottom: 10px; -} - -#TableOfContents ul { - padding-inline-start: 40px; -} - -#TableOfContents ul, -#TableOfContents ol { - padding-left: 40px; - margin-bottom: 10px; -} - -/* Adjusts links within the same page so as to not be covered by the header menu */ - -:target::before { - content: ""; - display: block; - height: calc(1em + var(--ifm-navbar-height)); /* fixed header height*/ - margin: calc(-1em * (1em + var(--ifm-navbar-height))) 0 0; /* negative fixed header height */ -} - -/* Adjusting cal-heatmap stuff */ - -div#ch-tooltip { - height: 2em; -} - -.center.cal-heatmap { - justify-content: center; - display: flex; -} - -/* Adding pretty quote boxes */ -/* @import url('https://fonts.googleapis.com/css?family=Special+Elite'); */ - -.quote-box { - text-align: left; - /* padding-right: 5em; */ - /* font-family: 'Special Elite', cursive; */ - - color: #3f3f5a; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding-left: 5em; - padding-right: 5em; -} - -.quote-box > blockquote { - font-weight: 100; - font-size: 2rem; - max-width: 600px; - line-height: 1.4; - position: relative; - padding: .5rem; - border-left: none; - - margin: auto; -} - -.quote-box > blockquote:before, -.quote-box > blockquote:after { - position: absolute; - color: #ccc; - font-size: 8rem; - width: 4rem; - height: 4rem; -} - -.quote-box > blockquote:before { - content: '“'; - left: -5rem; - top: -2rem; -} - -.quote-box > blockquote:after { - content: 'â€'; - right: -5rem; - bottom: 1rem; -} - -.quote-box > cite { - line-height: 3; - text-align: right; - font-size: 2rem; - margin: auto; -} - -.quote-box > cite:before { - content: '- '; - font-size: 2rem; -} diff --git a/config/_default/hugo.toml b/config/_default/hugo.toml index f65f0efef09eb2b099da856c990f5b2b6dff0998..0b78d905072210b38a9b03bf9db6af775b75d14e 100644 --- a/config/_default/hugo.toml +++ b/config/_default/hugo.toml @@ -1,12 +1,5 @@ Copyright = "Jeffrey Phillips Freeman 2023 - present" -paginate = 20 -pygmentsCodeFences = true -pygmentsCodeFencesGuessSyntax = true -pygmentsStyle = "monokai" -DefaultContentLanguage = "en" -defaultContentLanguageInSubdir = false - enableRobotsTXT = true uglyURLs=false pluralizelisttitles=false diff --git a/layouts/partials/head.html b/layouts/partials/head.html index f5a71dd8c72a0ca9f919495140eb7db9c59083de..940c7f4ef1dcda9a242773077649dd2e37c458ce 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -116,23 +116,18 @@ <link href="/manifest.json" rel="manifest"> <link rel="home" href="{{.Site.BaseURL}}"> <style> - {{ $main := resources.Get "css/main.css" }} - {{ $goblin := resources.Get "css/goblin.css" }} - {{ $fa := resources.Get "css/fontawesome.css" }} - {{ $primer := resources.Get "css/primer.css" }} - {{ $ghost := resources.Get "css/ghost.css" }} - {{ $glyph := resources.Get "css/glyphicons.css" }} - {{ $pseudocode := resources.Get "css/pseudocode.css" }} - - {{ $css := slice $main $goblin $fa $primer $ghost $glyph $pseudocode | resources.Concat "css/bundle.css" }} - {{ $minifiedCSS := $css | minify}} - {{ $minifiedCSS.Content | safeCSS }} - header.with-background { {{ if .Params.image_header }}background-image: url('{{ .Params.image_header}}');{{ end }} } </style> + +<link rel="stylesheet" href="/css/fontawesome.css"> +<link rel="stylesheet" href="/css/primer.css"> +<link rel="stylesheet" href="/css/glyphicons.css"> +<link rel="stylesheet" href="/css/pseudocode.css"> <link rel="stylesheet" href="/javascripts/cal-heatmap/cal-heatmap.css"> +<link rel="stylesheet" href="/css/main.css"> + {{ range .AlternativeOutputFormats -}} <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}"> {{ end -}} @@ -176,16 +171,16 @@ document.addEventListener("DOMContentLoaded", function() { "HTML-CSS": { fonts: ["TeX"] } }); </script> -<script type="text/javascript" src="/javascripts/mathjax/tex-chtml-full.js"></script> +<script type="text/javascript" src="/javascripts/mathjax/tex-chtml-full.js" defer></script> -<script type="text/javascript" src="/javascripts/d3.js"></script> -<script type="text/javascript" src="/javascripts/popperjs/popper.js"></script> -<script type="text/javascript" src="/javascripts/cal-heatmap/cal-heatmap.js"></script> -<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/Legend.js"></script> -<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/LegendLite.js"></script> -<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/Tooltip.js"></script> -<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/CalendarLabel.js"></script> -<script type="module"> +<script type="text/javascript" src="/javascripts/d3.js" defer></script> +<script type="text/javascript" src="/javascripts/popperjs/popper.js" defer></script> +<script type="text/javascript" src="/javascripts/cal-heatmap/cal-heatmap.js" defer></script> +<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/Legend.js" defer></script> +<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/LegendLite.js" defer></script> +<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/Tooltip.js" defer></script> +<script type="text/javascript" src="/javascripts/cal-heatmap/plugins/CalendarLabel.js" defer></script> +<script type="module" defer> var getJSON = function(url, callback) { diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html index 8798875839abc034d94c32681c25c1183a688ed0..73f0944c06112e874d079c9a16ff860bbaf10c35 100644 --- a/layouts/partials/menu.html +++ b/layouts/partials/menu.html @@ -1,52 +1,22 @@ -<nav class="navbar navbar--light navbar--fixed-top"> +<nav class="navbar navbar--fixed-top"> <div class="navbar__inner"> - <div class="navbar__items navbar__items--left navbarItems_1xGM"> + <div class="navbar__items navbar__items--left"> <a aria-current="page" class="navbar__brand active" href="/"> <img class="navbar__logo logo--light" src="/images/logo-header-light.png" alt="{{ site.Params.siteName }}"> - <img class="navbar__logo logo--dark" src="/images/logo-header-dark.png" alt="{{ site.Params.siteName }}"> </a> - <div aria-label="Navigation bar toggle" class="navbar__toggle" role="button" tabindex="0"> - <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"> - <title>Menu</title> - <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> - </svg> - </div> </div> <div class="navbar__items navbar__items--right"> - <a class="navbar__item navbar__link" href="/">Home</a> - {{ range (where .Site.Pages "Section" "") }} - {{ range .Pages }} - <a class="navbar__item navbar__link" href="{{ .Permalink }}">{{ .Title }}</a> - {{ end }} - {{ end }} - <a class="displayOnlyInLargeViewport_16CL button button--primary" href={{ site.Params.repoUrl }} style="margin:0;margin-left:15px">MY GIT →</a> - </div> - </div> - <div role="presentation" class="navbar-sidebar__backdrop"></div> - <div class="navbar-sidebar"> - <div class="navbar-sidebar__brand"> - <a aria-current="page" class="navbar__brand active" href="/"> - <img class="navbar__logo logo--light" src="/images/logo-header-light.png" alt="Goblin"> - <img class="navbar__logo logo--dark" src="/images/logo-header-dark.png" alt="Goblin"> - </a> - </div> - <div class="navbar-sidebar__items"> - <div class="menu"> - <ul class="menu__list"> - <li class="menu__list-item"> - <a class="menu__link" href="/">Home</a> - </li> - {{ range (where .Site.Pages "Section" "") }} - {{ range .Pages }} - <li class="menu__list-item"> - <a class="menu__link" href="{{ .Permalink }}">{{ .Title }}</a> - </li> - {{ end }} - {{ end }} - <div style="margin:5px;margin-top:15px"></div> - <a class="button button--block button--primary" href={{ site.Params.repoUrl }}>MY GIT →</a> - </ul> - </div> + <input class="menu-btn" type="checkbox" id="menu-btn" /> + <div class="menu-icon"><label for="menu-btn"><span class="navicon"></span></label></div> + <ul class="navbar-menu"> + <li class="navbar-menu-item"><a class="navbar__item navbar__link" href="/">Home</a></li> + {{ range (where .Site.Pages "Section" "") }} + {{ range .Pages }} + <li class="navbar-menu-item"><a class="navbar__item navbar__link" href="{{ .Permalink }}">{{ .Title }}</a></li> + {{ end }} + {{ end }} + <li class="navbar-menu-item"><a class="button button-primary" href={{ site.Params.repoUrl }}>MY GIT →</a></li> + </ul> </div> </div> </nav> diff --git a/layouts/partials/top_list_generic.html b/layouts/partials/top_list_generic.html index 531ab5c542ea3fed405a824064367164c4bf623c..1fd5cc813ad5bd4e554930e223451d260e03cedc 100644 --- a/layouts/partials/top_list_generic.html +++ b/layouts/partials/top_list_generic.html @@ -1,5 +1,5 @@ {{ partial "head.html" . }} -<body class="list h-feed"> +<body class="list"> <div> {{ partial "menu.html" . }} <div class="main-wrapper"> @@ -9,4 +9,4 @@ </h2> </div> </header> - <main class="hfeed container" id="content" role="main"> + <main class="container" id="content" role="main"> diff --git a/layouts/partials/top_list_taxonomy.html b/layouts/partials/top_list_taxonomy.html index 0aa5df05c68717d972fbd522e92c6ea984ec2c9d..0fd791561d5dfc528464727edd9c09f5fbe0ad3b 100644 --- a/layouts/partials/top_list_taxonomy.html +++ b/layouts/partials/top_list_taxonomy.html @@ -1,5 +1,5 @@ {{ partial "head.html" . }} -<body class="list h-feed"> +<body class="list"> <div> {{ partial "menu.html" . }} <div class="main-wrapper"> @@ -9,4 +9,4 @@ </h2> </div> </header> - <main class="hfeed container" id="content" role="main"> + <main class="container" id="content" role="main"> diff --git a/layouts/partials/top_single.html b/layouts/partials/top_single.html index c0b45779ba0cedc6b2d84b31dbbc53af5ec6d4e0..ba487531b3841c9eac4f32f73aef9ca5ed6a8f5f 100644 --- a/layouts/partials/top_single.html +++ b/layouts/partials/top_single.html @@ -14,4 +14,4 @@ </h2> </div> </header> - <main class="hfeed container" id="content" role="main"> + <main class="container" id="content" role="main"> diff --git a/layouts/shortcodes/card.html b/layouts/shortcodes/card.html index b58f35113de424743eff56556279da7730e0533b..3a3c4b7f408a1987514ac8d7832acf27aacd781d 100644 --- a/layouts/shortcodes/card.html +++ b/layouts/shortcodes/card.html @@ -9,7 +9,7 @@ inner: description <div class="col"> <a class="card" {{ if .Get 1 }}href="{{ .Get 1 }}"{{ end }}> <div class="card__body"> - <h3 style="margin:0;text-transform:capitalize">{{ .Get 0 }}</h3> + <h4 style="margin:0;text-transform:capitalize">{{ .Get 0 }}</h4> <small>{{ .Inner }}</small> </div> {{- if (or (.Get 2) (.Get 3) )}} diff --git a/layouts/shortcodes/cards.html b/layouts/shortcodes/cards.html index 0c1eb0d6dfe59fddecedc740b9d453a3eefc8405..fd3982f653d2c09fabded785b08b3ea13f9345d5 100644 --- a/layouts/shortcodes/cards.html +++ b/layouts/shortcodes/cards.html @@ -5,9 +5,9 @@ inner: card-row --> <section class="section-lg"> <div class="container"> - <div class="row responsiveCentered_2A7S"> - <div class="col col--6 col--offset-3"> - <h2 class="with-underline">{{ .Get 0 }}</h2> + <div class="row center"> + <div class="col center-text"> + <h2>{{ .Get 0 }}</h2> <p>{{ .Get 1 }}</p> </div> </div> diff --git a/layouts/shortcodes/container-split.html b/layouts/shortcodes/container-split.html new file mode 100644 index 0000000000000000000000000000000000000000..930368761edd52b2ba02daacfc0d06075fe00ab4 --- /dev/null +++ b/layouts/shortcodes/container-split.html @@ -0,0 +1,3 @@ +<div class="col-md-6"> + {{ .Inner }} +</div> diff --git a/layouts/shortcodes/gitlab-heatmap.html b/layouts/shortcodes/gitlab-heatmap.html index 6c78c778d69286e9cba26ca6da9bb169bf84420f..4d04d15c59f267f4588a6813ef18c83ee453163c 100644 --- a/layouts/shortcodes/gitlab-heatmap.html +++ b/layouts/shortcodes/gitlab-heatmap.html @@ -1,4 +1,4 @@ <div id="cal-heatmap-container"> - <div id="cal-heatmap" class="cal-heatmap center"></div> - <div id="cal-heatmap-legend" class="cal-heatmap center"></div> + <div id="cal-heatmap" class="cal-heatmap"></div> + <div id="cal-heatmap-legend" class="cal-heatmap-legend"></div> </div> diff --git a/layouts/shortcodes/info-buttons.html b/layouts/shortcodes/info-buttons.html index 681abdd4604144abca44607bd6f9f6322955e111..cd0e0c1268d2e824fb8440fc4a60117d9b45d26e 100644 --- a/layouts/shortcodes/info-buttons.html +++ b/layouts/shortcodes/info-buttons.html @@ -1,8 +1,8 @@ -<section style="margin-top:100px;padding:50px 0;border-top:1px solid var(--custom-border-color)" class="hero is--dark"> - <div class="container text--center"> +<section class="info-buttons"> + <div class="container text-center"> <div> - <a class="button hero--button button--outline button--md button--secondary responsive-button button_2W20" style="margin:5px" href="{{ .Get 1 }}">{{ .Get 0 }}</a> - <a class="button hero--button button--md button--primary responsive-button button_2W20" to="https://git.qoto.org/goblin-ogm/goblin" style="margin:5px" href="{{ .Get 3 }}">{{ .Get 2 }}</a> + <a class="button button-secondary button-outline" href="{{ .Get 1 }}">{{ .Get 0 }}</a> + <a class="button button-primary" to="https://git.qoto.org/goblin-ogm/goblin" href="{{ .Get 3 }}">{{ .Get 2 }}</a> </div> </div> </section> diff --git a/layouts/shortcodes/info-entry.html b/layouts/shortcodes/info-entry.html new file mode 100644 index 0000000000000000000000000000000000000000..655fcb8d7b03771d8e32f7f8cd7c1e9d387363df --- /dev/null +++ b/layouts/shortcodes/info-entry.html @@ -0,0 +1,3 @@ +<div class="entry"> + {{ .Inner }} +</div> diff --git a/layouts/shortcodes/info-field.html b/layouts/shortcodes/info-field.html new file mode 100644 index 0000000000000000000000000000000000000000..ae37628af5ad17f8a24a9d77135e3162fac630d0 --- /dev/null +++ b/layouts/shortcodes/info-field.html @@ -0,0 +1,3 @@ +<div class="info-field row"> + {{ .Inner }} +</div> diff --git a/layouts/shortcodes/info-key.html b/layouts/shortcodes/info-key.html new file mode 100644 index 0000000000000000000000000000000000000000..19133f1c264f2b6a76529cb329feecb38ca38feb --- /dev/null +++ b/layouts/shortcodes/info-key.html @@ -0,0 +1 @@ +<div class="key">{{ .Inner }}</div> diff --git a/layouts/shortcodes/info-value.html b/layouts/shortcodes/info-value.html new file mode 100644 index 0000000000000000000000000000000000000000..673e3b9ab619b7d7fe1bbb6e0931319e04b2286b --- /dev/null +++ b/layouts/shortcodes/info-value.html @@ -0,0 +1 @@ +<div class="value">{{ .Inner }}</div> diff --git a/layouts/shortcodes/separator.html b/layouts/shortcodes/separator.html new file mode 100644 index 0000000000000000000000000000000000000000..d9eda690bfad6b3b781ccb099fe0aad138df6e5f --- /dev/null +++ b/layouts/shortcodes/separator.html @@ -0,0 +1,3 @@ +<section class="separator"> + <div class="container"></div> +</section> diff --git a/layouts/shortcodes/seperator.html b/layouts/shortcodes/seperator.html deleted file mode 100644 index c5244e33085cac0041cb5c3a4243f92f6f0a7ac4..0000000000000000000000000000000000000000 --- a/layouts/shortcodes/seperator.html +++ /dev/null @@ -1,3 +0,0 @@ -<section style="padding:50px 0" class="hero is--dark"> - <div class="container text--center"></div> -</section> diff --git a/layouts/shortcodes/tab.html b/layouts/shortcodes/tab.html index de0d050da7c7637e1ceda24adfdebf9dd33c9d71..10871ebd920692f1755a55dd0ba81df160dee649 100644 --- a/layouts/shortcodes/tab.html +++ b/layouts/shortcodes/tab.html @@ -1,4 +1,4 @@ -<div class="codeBlockWrapper_2QGZ tab-pane" title="{{ .Get 0 }}"> +<div class="codeBlockWrapper tab-pane" title="{{ .Get 0 }}"> + <button type="button" aria-label="Copy code to clipboard" class="copyButton">Copy</button> {{ .Inner }} - <button type="button" aria-label="Copy code to clipboard" class="copyButton_1BYj">Copy</button> </div> diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html index debe887209c2b1e40e88a54804c492bd3730fbfb..c93d05095cbc8521683a3d030277ae187231174f 100644 --- a/layouts/shortcodes/tabs.html +++ b/layouts/shortcodes/tabs.html @@ -1,5 +1,5 @@ -<div class="ForDevelopers"> - <div class="row code-tabs"> +<div class="code-tabs"> + <div class="row code-tabs__inner"> <div class="ButtonTabs col col--3"> <div class="nav nav-tabs"></div> </div> diff --git a/layouts/shortcodes/titled-side.html b/layouts/shortcodes/titled-side.html index 86618d0f6d2cd31209324be203c3d6bd4ee1c12a..77b92dab9d5ccc3d48f86fc3b7deffae1f00ff8c 100644 --- a/layouts/shortcodes/titled-side.html +++ b/layouts/shortcodes/titled-side.html @@ -1,15 +1,15 @@ -<header class="hero heroBanner_2Ftp"> +<header class="titled-side"> <div class="container"> - <div class="row"> - <div class="col col--5"> - <h2 class="hero__title">{{ .Get 0 }}</h2> - <p class="hero__subtitle">{{ .Get 1 }}</p> + <div class="row titled-side__inner"> + <div class="col col--5 titled-side--title center-text"> + <h2>{{ .Get 0 }}</h2> + <p >{{ .Get 1 }}</p> <div> - <a class="button hero--button button--md button--secondary button--outline responsive-button button_2W20" style="margin-left:0;margin-top:10px" href="{{ .Get 3 }}">{{ .Get 2 }}</a> - <a class="button hero--button button--md button--primary responsive-button button_2W20" to="https://git.qoto.org/goblin-ogm/goblin" style="margin-top:10px" href="{{ .Get 5 }}">{{ .Get 4 }}</a> + <a class="button button-secondary button-outline" href="{{ .Get 3 }}">{{ .Get 2 }}</a> + <a class="button button-primary titled-side-content" to="{{ .Get 5 }}" href="{{ .Get 5 }}">{{ .Get 4 }}</a> </div> </div> - <div class="col col--7"> + <div class="col col--7 titled-side--content"> {{ .Inner }} </div> </div> diff --git a/layouts/shortcodes/titled.html b/layouts/shortcodes/titled.html index cdfacd4d62d0c009992a5f88c09e01b94451cb3a..53ba9234ca615f0e2045e05289b73144cb591ec3 100644 --- a/layouts/shortcodes/titled.html +++ b/layouts/shortcodes/titled.html @@ -1,8 +1,8 @@ -<section class="forDevelopers_1bbC"> +<section class="titled"> <div class="container"> - <div class="row responsiveCentered_2A7S"> - <div class="col col--6 col--offset-3"> - <h2 class="with-underline">{{ .Get 0 }}</h2> + <div class="row center"> + <div class="col center-text"> + <h2>{{ .Get 0 }}</h2> <p>{{ .Get 1 }}</p> </div> </div> diff --git a/assets/css/fontawesome.css b/static/css/fontawesome.css similarity index 100% rename from assets/css/fontawesome.css rename to static/css/fontawesome.css diff --git a/assets/css/glyphicons.css b/static/css/glyphicons.css similarity index 100% rename from assets/css/glyphicons.css rename to static/css/glyphicons.css diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000000000000000000000000000000000000..35f2a14982d4351ed531bf5a23d40f34abf076a4 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,3212 @@ +:root{ + --ifm-dark-value:10%; + --ifm-darker-value:15%; + --ifm-darkest-value:30%; + --ifm-light-value:15%; + --ifm-lighter-value:30%; + --ifm-lightest-value:50%; + --ifm-color-primary:#3578e5; + --ifm-color-primary-dark:#306cce; + --ifm-color-primary-darker:#2d66c3; + --ifm-color-primary-darkest:#2554a0; + --ifm-color-primary-light:#538ce9; + --ifm-color-primary-lighter:#72a1ed; + --ifm-color-primary-lightest:#9abcf2; + --ifm-color-secondary:#ebedf0; + --ifm-color-secondary-dark:#d4d5d8; + --ifm-color-secondary-darker:#c8c9cc; + --ifm-color-secondary-darkest:#a4a6a8; + --ifm-color-secondary-light:#eef0f2; + --ifm-color-secondary-lighter:#f1f2f5; + --ifm-color-secondary-lightest:#f5f6f8; + --ifm-color-success:#00a400; + --ifm-color-success-dark:#009400; + --ifm-color-success-darker:#008b00; + --ifm-color-success-darkest:#007300; + --ifm-color-success-light:#26b226; + --ifm-color-success-lighter:#4dbf4d; + --ifm-color-success-lightest:#80d280; + --ifm-color-info:#54c7ec; + --ifm-color-info-dark:#4cb3d4; + --ifm-color-info-darker:#47a9c9; + --ifm-color-info-darkest:#3b8ba5; + --ifm-color-info-light:#6ecfef; + --ifm-color-info-lighter:#87d8f2; + --ifm-color-info-lightest:#aae3f6; + --ifm-color-warning:#ffba00; + --ifm-color-warning-dark:#e6a700; + --ifm-color-warning-darker:#d99e00; + --ifm-color-warning-darkest:#b38200; + --ifm-color-warning-light:#ffc426; + --ifm-color-warning-lighter:#ffcf4d; + --ifm-color-warning-lightest:#ffdd80; + --ifm-color-danger:#fa383e; + --ifm-color-danger-dark:#e13238; + --ifm-color-danger-darker:#d53035; + --ifm-color-danger-darkest:#af272b; + --ifm-color-danger-light:#fb565b; + --ifm-color-danger-lighter:#fb7478; + --ifm-color-danger-lightest:#fd9c9f; + --ifm-color-white:#fff; + --ifm-color-black:#000; + --ifm-color-gray-0:var(--ifm-color-white); + --ifm-color-gray-100:#f5f6f7; + --ifm-color-gray-200:#ebedf0; + --ifm-color-gray-300:#dadde1; + --ifm-color-gray-400:#ccd0d5; + --ifm-color-gray-500:#bec3c9; + --ifm-color-gray-600:#8d949e; + --ifm-color-gray-700:#606770; + --ifm-color-gray-800:#444950; + --ifm-color-gray-900:#1c1e21; + --ifm-color-gray-1000:var(--ifm-color-black); + --ifm-color-emphasis-0:var(--ifm-color-gray-0); + --ifm-color-emphasis-100:var(--ifm-color-gray-100); + --ifm-color-emphasis-200:var(--ifm-color-gray-200); + --ifm-color-emphasis-300:var(--ifm-color-gray-300); + --ifm-color-emphasis-400:var(--ifm-color-gray-400); + --ifm-color-emphasis-500:var(--ifm-color-gray-500); + --ifm-color-emphasis-600:var(--ifm-color-gray-600); + --ifm-color-emphasis-700:var(--ifm-color-gray-700); + --ifm-color-emphasis-800:var(--ifm-color-gray-800); + --ifm-color-emphasis-900:var(--ifm-color-gray-900); + --ifm-color-emphasis-1000:var(--ifm-color-gray-1000); + --ifm-color-content:var(--ifm-color-emphasis-900); + --ifm-color-content-inverse:var(--ifm-color-emphasis-0); + --ifm-color-content-secondary:#606770; + --ifm-background-color:transparent; + --ifm-background-surface-color:var(--ifm-color-content-inverse); + --ifm-global-border-width:1px; + --ifm-global-radius:0.4rem; + --ifm-hover-overlay:rgba(0,0,0,0.05); + --ifm-font-base-color:var(--ifm-color-content); + --ifm-font-base-color-inverse:var(--ifm-color-content-inverse); + --ifm-font-secondary-color:var(--ifm-color-content-secondary); + --ifm-font-family-base:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + --ifm-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; + --ifm-font-size-base:15px; + --ifm-font-weight-light:300; + --ifm-font-weight-normal:400; + --ifm-font-weight-semibold:500; + --ifm-font-weight-bold:600; + --ifm-font-weight-base:var(--ifm-font-weight-normal); + --ifm-line-height-base:1.5; + --ifm-global-spacing:1rem; + --ifm-spacing-vertical:var(--ifm-global-spacing); + --ifm-spacing-horizontal:var(--ifm-global-spacing); + --ifm-transition-fast:200ms; + --ifm-transition-slow:400ms; + --ifm-global-shadow-lw:0 1px 2px 0 rgba(0,0,0,0.1); + --ifm-global-shadow-md:0 5px 40px rgba(0,0,0,0.2); + --ifm-global-shadow-tl:0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1); + --ifm-z-index-dropdown:100; + --ifm-z-index-fixed:200; + --ifm-z-index-overlay:400; + --ifm-container-width:1140px; + --ifm-code-background:var(--ifm-color-emphasis-100); + --ifm-code-border-radius:var(--ifm-global-radius); + --ifm-code-color:var(--ifm-color-emphasis-900); + --ifm-code-font-size:85%; + --ifm-code-padding-horizontal:0.4rem; + --ifm-code-padding-vertical:0.2rem; + --ifm-pre-background:var(--ifm-color-emphasis-100); + --ifm-pre-border-radius:var(--ifm-code-border-radius); + --ifm-pre-color:inherit; + --ifm-pre-line-height:1.45; + --ifm-pre-padding:1rem; + --ifm-heading-color:inherit; + --ifm-heading-margin-top:0; + --ifm-heading-margin-bottom:var(--ifm-spacing-vertical); + --ifm-heading-font-family:inherit; + --ifm-heading-font-weight:var(--ifm-font-weight-bold); + --ifm-heading-line-height:1.25; + --ifm-h1-font-size:3rem; + --ifm-h2-font-size:2.6rem; + --ifm-h3-font-size:2.2rem; + --ifm-h4-font-size:1.8rem; + --ifm-h5-font-size:1.4rem; + --ifm-h6-font-size:1rem; + --ifm-image-alignment-padding:1.25rem; + --ifm-leading-desktop:1.5; + --ifm-leading:calc(var(--ifm-leading-desktop)*1rem); + --ifm-list-left-padding:2rem; + --ifm-list-margin:1rem; + --ifm-list-item-margin:0.25rem; + --ifm-list-paragraph-margin:1rem; + --ifm-table-cell-padding:0.75rem; + --ifm-table-background:transparent; + --ifm-table-stripe-background:var(--ifm-color-emphasis-100); + --ifm-table-border-width:1px; + --ifm-table-border-color:var(--ifm-color-emphasis-300); + --ifm-table-head-background:inherit; + --ifm-table-head-color:inherit; + --ifm-table-head-font-weight:var(--ifm-font-weight-bold); + --ifm-table-cell-color:inherit; + --ifm-link-color:#3578e5; + --ifm-link-decoration:none; + --ifm-link-hover-color:var(--ifm-link-color); + --ifm-link-hover-decoration:underline; + --ifm-paragraph-margin-bottom:var(--ifm-leading); + --ifm-blockquote-color:#000000; + --ifm-blockquote-font-size:var(--ifm-font-size-base); + --ifm-blockquote-padding-horizontal:1rem; + --ifm-blockquote-padding-vertical:1rem; + --ifm-hr-border-color:var(--ifm-color-emphasis-500); + --ifm-hr-border-width:1px; + --ifm-hr-margin-vertical:1.5rem; + --ifm-alert-background-color:inherit; + --ifm-alert-border-color:var(--ifm-alert-background-color); + --ifm-alert-border-radius:var(--ifm-global-radius); + --ifm-alert-border-width:var(--ifm-global-border-width); + --ifm-alert-color:var(--ifm-font-base-color-inverse); + --ifm-alert-padding-horizontal:var(--ifm-spacing-horizontal); + --ifm-alert-padding-vertical:var(--ifm-spacing-vertical); + --ifm-avatar-intro-left-margin:1rem; + --ifm-avatar-intro-alignment:inherit; + --ifm-avatar-photo-bottom-margin:0; + --ifm-avatar-photo-size-sm:2rem; + --ifm-avatar-photo-size-md:3rem; + --ifm-avatar-photo-size-lg:4rem; + --ifm-avatar-photo-size-xl:6rem; + --ifm-badge-background-color:inherit; + --ifm-badge-border-color:var(--ifm-badge-background-color); + --ifm-badge-border-radius:var(--ifm-global-radius); + --ifm-badge-border-width:var(--ifm-global-border-width); + --ifm-badge-color:var(--ifm-color-white); + --ifm-badge-padding-horizontal:calc(var(--ifm-spacing-horizontal)*0.5); + --ifm-badge-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25); + --ifm-breadcrumb-border-radius:1.5rem; + --ifm-breadcrumb-spacing:0.0625rem; + --ifm-breadcrumb-color-active:var(--ifm-color-primary); + --ifm-breadcrumb-item-background-active:var(--ifm-hover-overlay); + --ifm-breadcrumb-padding-horizontal:1rem; + --ifm-breadcrumb-padding-vertical:0.5rem; + --ifm-breadcrumb-size-multiplier:1; + --ifm-breadcrumb-separator-size:0.5rem; + --ifm-breadcrumb-separator-size-multiplier:1.25; + --ifm-button-background-color:inherit; + --ifm-button-border-color:var(--ifm-button-background-color); + --ifm-button-border-width:var(--ifm-global-border-width); + --ifm-button-color:var(--ifm-font-base-color-inverse); + --ifm-button-font-weight:var(--ifm-font-weight-bold); + --ifm-button-padding-horizontal:1.5rem; + --ifm-button-padding-vertical:0.375rem; + --ifm-button-size-multiplier:1; + --ifm-button-transition-duration:var(--ifm-transition-fast); + --ifm-button-border-radius:calc(var(--ifm-global-radius)*var(--ifm-button-size-multiplier)); + --ifm-button-group-margin:2px; + --ifm-card-background-color:var(--ifm-background-surface-color); + --ifm-card-border-radius:calc(var(--ifm-global-radius)*2); + --ifm-card-horizontal-spacing:var(--ifm-global-spacing); + --ifm-card-vertical-spacing:var(--ifm-global-spacing); + --ifm-contents-border-color:var(--ifm-color-emphasis-300); + --ifm-contents-link-color:var(--ifm-color-content-secondary); + --ifm-contents-padding-left:0.5rem; + --ifm-contents-padding-vertical:0.5rem; + --ifm-dropdown-background-color:var(--ifm-background-surface-color); + --ifm-dropdown-font-weight:var(--ifm-font-weight-semibold); + --ifm-dropdown-link-color:var(--ifm-font-base-color); + --ifm-dropdown-hover-background-color:var(--ifm-hover-overlay); + --ifm-footer-background-color:var(--ifm-color-emphasis-100); + --ifm-footer-color:inherit; + --ifm-footer-link-color:var(--ifm-color-emphasis-700); + --ifm-footer-link-hover-color:var(--ifm-color-primary); + --ifm-footer-link-horizontal-spacing:0.5rem; + --ifm-footer-padding-horizontal:calc(var(--ifm-spacing-horizontal)*2); + --ifm-footer-padding-vertical:calc(var(--ifm-spacing-vertical)*2); + --ifm-footer-title-color:inherit; + --ifm-hero-background-color:var(--ifm-background-surface-color); + --ifm-hero-text-color:var(--ifm-color-emphasis-800); + --ifm-menu-color:var(--ifm-color-emphasis-700); + --ifm-menu-color-active:var(--ifm-color-primary); + --ifm-menu-color-background-active:var(--ifm-hover-overlay); + --ifm-menu-color-background-hover:var(--ifm-hover-overlay); + --ifm-menu-link-padding-horizontal:1rem; + --ifm-menu-link-padding-vertical:0.375rem; + --ifm-navbar-background-color:var(--ifm-background-surface-color); + --ifm-navbar-height:72px; + --ifm-navbar-item-padding-horizontal:1rem; + --ifm-navbar-item-padding-vertical:0.25rem; + --ifm-navbar-link-color:var(--ifm-font-base-color); + --ifm-navbar-link-hover-color:var(--ifm-color-primary); + --ifm-navbar-link-active-color:var(--ifm-link-color); + --ifm-navbar-padding-horizontal:var(--ifm-spacing-horizontal); + --ifm-navbar-padding-vertical:calc(var(--ifm-spacing-vertical)*0.5); + --ifm-navbar-shadow:var(--ifm-global-shadow-lw); + --ifm-navbar-search-input-background-color:var(--ifm-color-emphasis-200); + --ifm-navbar-search-input-color:var(--ifm-color-emphasis-800); + --ifm-navbar-search-input-placeholder-color:var(--ifm-color-emphasis-500); + --ifm-navbar-sidebar-width:20rem; + --ifm-pagination-border-radius:calc(var(--ifm-global-radius)*var(--ifm-pagination-size-multiplier)); + --ifm-pagination-color-active:var(--ifm-color-primary); + --ifm-pagination-font-size:1rem; + --ifm-pagination-item-active-background:var(--ifm-hover-overlay); + --ifm-pagination-page-spacing:0.0625rem; + --ifm-pagination-padding-horizontal:calc(var(--ifm-spacing-horizontal)*1); + --ifm-pagination-padding-vertical:calc(var(--ifm-spacing-vertical)*0.25); + --ifm-pagination-size-multiplier:1; + --ifm-pagination-nav-border-radius:var(--ifm-global-radius); + --ifm-pagination-nav-color-hover:var(--ifm-color-primary); + --ifm-pills-color-active:var(--ifm-color-primary); + --ifm-pills-color-background-active:var(--ifm-hover-overlay); + --ifm-pills-spacing:0.0625rem; + --ifm-tabs-color:var(--ifm-font-secondary-color); + --ifm-tabs-color-active:var(--ifm-color-primary); + --ifm-tabs-padding-horizontal:1rem; + --ifm-tabs-padding-vertical:1rem; + --ifm-tabs-spacing:0.0625rem; + --custom-font-base:"Metro",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif; + --custom-font-code:"Source Code Pro",Menlo,monospace; + --custom-border-radius:3px; + --custom-border-radius-md:6px; + --custom-primary-darkest:#10633e; + --custom-primary-darker:#1c8656; + --custom-primary-dark:#38bc81; + --custom-primary:#24b47e; + --custom-primary-light:#65d9a5; + --custom-primary-lighter:#9fe7c7; + --custom-primary-lightest:#c5f1dd; + --custom-background-color:#fdfdfd; + --custom-background-color-highlight:#fff; + --custom-background-color-diff:#f5f6f7; + --custom-background-color-diff-1:#eee; + --custom-background-color-diff-2:#ccc; + --custom-content-color:#1f1f1f; + --custom-content-color-light:#484848; + --custom-content-color-lightest:#333; + --custom-content-color-emphasis:#000; + --custom-border-color:#e0e0e0; + --custom-color-subtle:#ccc; + --custom-shadow-lw:0 3px 5px 0 rgba(0,0,0,0.1); + --custom-shadow-md:0 3px 5px 0 rgba(0,0,0,0.1); + --custom-shadow-tl:0 12px 28px 0 rgba(0,0,0,0.2),0 2px 4px 0 rgba(0,0,0,0.1); + --custom-shadow-xl:0 30px 60px 0 rgba(0,0,0,0.1); + --ifm-color-content:var(--custom-content-color); + --ifm-heading-color:var(--custom-content-color); + --ifm-background-color:var(--custom-background-color); + --ifm-sidebar-background:var(--custom-background-color); + --ifm-color-content-secondary:var(--custom-content-color-light); + --ifm-code-background:var(--custom-background-color-diff); + --ifm-code-background-dark:#2a2a2a; + --ifm-color-primary-darkest:var(--custom-primary-darkest); + --ifm-color-primary-darker:var(--custom-primary-darker); + --ifm-color-primary-dark:var(--custom-primary-dark); + --ifm-color-primary:var(--custom-primary); + --ifm-color-primary-light:var(--custom-primary-light); + --ifm-color-primary-lighter:var(--custom-primary-lighter); + --ifm-color-primary-lightest:var(--custom-primary-lightest); + --ifm-color-info-darker:var(--custom-background-color-diff-2); + --ifm-color-info-dark:var(--custom-background-color-diff-1); + --ifm-color-info:var(--custom-background-color-diff); + --ifm-font-base-color:var(--custom-content-color); + --ifm-font-family-base:var(--custom-font-base); + --ifm-font-family-monospace:var(--custom-font-code); + --ifm-heading-font-family:var(--custom-font-base); + --ifm-heading-font-weight:700; + --ifm-font-weight-bold:700; + --ifm-global-shadow-lw:var(--custom-shadow-lw); + --ifm-global-shadow-md:var(--custom-shadow-md); + --ifm-global-shadow-tl:var(--custom-shadow-tl); + --ifm-contents-border-color:var(--custom-border-color); + --ifm-hr-border-color:var(--custom-border-color); + --ifm-code-border-radius:var(--custom-border-radius); + --ifm-button-border-radius:var(--custom-border-radius); + --ifm-col-spacing-vertical:0.5rem; + --ifm-link-hover-decoration:none; + --ifm-button-background-color:var(--custom-background-color); + --ifm-navbar-background-color:var(--custom-background-color); + --ifm-footer-background-color:var(--custom-background-color); + --ifm-hero-background-color:var(--custom-background-color); + --ifm-hero-text-color:var(--custom-content-color); + --ifm-sidebar-border-color:var(--custom-border-color); + --ifm-menu-color-active:var(--custom-primary); + --ifm-panel-border-color:var(--custom-border-color); + --ifm-panel-border-color-active:var(--custom-primary); + --ifm-panel-background-solid:var(--custom-background-color); + --ifm-card-background-color:var(--custom-background-color); + --ifm-card-border-radius:var(--custom-border-radius-md); + --ifm-table-border-color:var(--custom-border-color); + --ifm-table-stripe-background:var(--custom-background-color-diff); +} + +/******************************************************************************* +** Core Elements +*******************************************************************************/ + +*,html{ + box-sizing:border-box +} + +body,html{ + font-smoothing:antialiased; + -moz-text-size-adjust:100%; + text-size-adjust:100%; + -ms-text-size-adjust:100%; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; + -webkit-text-size-adjust:100%; + height:100% +} + +html{ + background-color:transparent; + -webkit-tap-highlight-color:transparent; +} + +html > body { + color:#1c1e21; + color:var(--ifm-font-base-color); + font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; + font-family:var(--ifm-font-family-base); + font-size:15px; + font-size:var(--ifm-font-size-base); + line-height:1.5; + line-height:var(--ifm-line-height-base); + -ms-text-size-adjust:100%; + -webkit-text-size-adjust:100%; + word-wrap:break-word + margin:0; + -webkit-transition:var(--ifm-transition-fast) ease color; + transition:var(--ifm-transition-fast) ease color; +} + +body>div{ + height:100%; + display:flex; + flex-direction:column +} + +code{ + background-color:#f5f6f7; + background-color:var(--ifm-code-background); + border-radius:.4rem; + border-radius:var(--ifm-code-border-radius); + color:#1c1e21; + color:var(--ifm-code-color); + margin:0; + padding:var(--ifm-code-padding-vertical) var(--ifm-code-padding-horizontal) +} +code,pre{ + font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; + font-family:var(--ifm-font-family-monospace); + font-size:85%; + font-size:var(--ifm-code-font-size) +} +pre{ + background-color:#f5f6f7; + background-color:var(--ifm-pre-background); + border-radius:.4rem; + border-radius:var(--ifm-pre-border-radius); + color:inherit; + color:var(--ifm-pre-color); + line-height:1.45; + line-height:var(--ifm-pre-line-height); + margin-bottom:1rem; + margin-bottom:var(--ifm-spacing-vertical); + margin-top:0; + overflow:auto; + padding:var(--ifm-pre-padding) +} +pre,pre code{ + word-wrap:normal +} +pre code{ + background-color:transparent; + border:0; + display:inline; + font-size:100%; + line-height:inherit; + margin:0; + max-width:auto; + overflow:visible; + padding:0; + white-space:pre; + word-break:normal +} + +h1,h2,h3,h4,h5,h6{ + color:inherit; + color:var(--ifm-heading-color); + font-weight:600; + font-weight:var(--ifm-heading-font-weight); + line-height:1.25; + line-height:var(--ifm-heading-line-height); + margin-bottom:1rem; + margin-bottom:var(--ifm-heading-margin-bottom); + margin-top:0; + margin-top:var(--ifm-heading-margin-top) +} +h1{ + font-size:3rem; + font-size:var(--ifm-h1-font-size) +} +h2{ + font-size:2.6rem; + font-size:var(--ifm-h2-font-size) +} +h3{ + font-size:2.2rem; + font-size:var(--ifm-h3-font-size) +} +h4{ + font-size:1.8rem; + font-size:var(--ifm-h4-font-size) +} +h5{ + font-size:1.4rem; + font-size:var(--ifm-h5-font-size) +} +h6{ + font-size:1rem; + font-size:var(--ifm-h6-font-size) +} +img{ + border-style:none; + box-sizing:content-box; + max-width:100% +} +img[align=right]{ + padding-left:var(--image-alignment-padding) +} +img[align=left]{ + padding-right:var(--image-alignment-padding) +} + +ol,ul{ + margin-bottom:1rem; + margin-bottom:var(--ifm-list-margin); + margin-top:0; + padding-left:2rem; + padding-left:var(--ifm-list-left-padding) +} +ol ol,ul ol{ + list-style-type:lower-roman +} +ol ol,ol ul,ul ol,ul ul{ + margin-bottom:0; + margin-top:0 +} +ol ol ol,ol ul ol,ul ol ol,ul ul ol{ + list-style-type:lower-alpha +} +table{ + border-collapse:collapse; + border-spacing:0; + display:block; + margin-bottom:1rem; + margin-bottom:var(--ifm-spacing-vertical); + margin-top:0; + overflow:auto; + width:100% +} +table tr{ + background-color:transparent; + background-color:var(--ifm-table-background); + border-top:1px solid #dadde1; + border-top:var(--ifm-table-border-width) solid var(--ifm-table-border-color) +} +table tr:nth-child(2n){ + background-color:#f5f6f7; + background-color:var(--ifm-table-stripe-background) +} +table td,table th{ + border:1px solid #dadde1; + border:var(--ifm-table-border-width) solid var(--ifm-table-border-color); + padding:var(--ifm-table-cell-padding) +} +table th{ + background-color:inherit; + background-color:var(--ifm-table-head-background); + color:inherit; + color:var(--ifm-table-head-color); + font-weight:600; + font-weight:var(--ifm-table-head-font-weight) +} +table td{ + color:inherit; + color:var(--ifm-table-cell-color) +} +strong{ + font-weight:600; + font-weight:var(--ifm-font-weight-bold) +} +a{ + color:#3578e5; + color:var(--ifm-link-color); + -webkit-text-decoration:none; + -webkit-text-decoration:var(--ifm-link-decoration); + text-decoration:none; + text-decoration:var(--ifm-link-decoration) +} +a:hover{ + color:#3578e5; + color:var(--ifm-link-hover-color); + -webkit-text-decoration:underline; + -webkit-text-decoration:var(--ifm-link-hover-decoration); + text-decoration:underline; + text-decoration:var(--ifm-link-hover-decoration) +} +a:active,a:hover{ + outline-width:0 +} +a:not([href]){ + color:inherit; + text-decoration:none +} +p{ + margin-top:0; + margin-bottom:1.5rem; + margin-bottom:var(--ifm-paragraph-margin-bottom) +} +blockquote{ + border-left:6px solid #dadde1; + border-left:6px solid var(--ifm-color-emphasis-300); + color:#000000; + color:var(--ifm-blockquote-color); + font-size:15px; + font-size:var(--ifm-blockquote-font-size); + margin:0 0 var(--ifm-spacing-vertical); + padding:var(--ifm-blockquote-padding-vertical) var(--ifm-blockquote-padding-horizontal) +} +blockquote>:first-child{ + margin-top:0 +} +blockquote>:last-child{ + margin-bottom:0 +} +hr{ + border-color:#bec3c9; + border-width:1px; + border:var(--ifm-hr-border-width) solid var(--ifm-hr-border-color); + box-sizing:content-box; + margin:var(--ifm-hr-margin-vertical) 0; + overflow:hidden; + padding:0 +} +hr:after,hr:before{ + content:""; + display:table +} +hr:after{ + clear: both; +} + +li+li{ + margin-top: 0; +} + +article header { + margin-bottom: 3rem; +} + +p { + overflow: auto; +} + +@-webkit-keyframes nprogress-spinner{ + 0%{ + -webkit-transform:rotate(0) + } + to{ + -webkit-transform:rotate(1turn) + } +} +@keyframes nprogress-spinner{ + 0%{ + -webkit-transform:rotate(0); + transform:rotate(0) + } + to{ + -webkit-transform:rotate(1turn); + transform:rotate(1turn) + } +} + +/******************************************************************************* +** Flex +*******************************************************************************/ + +.row{ + display:flex; + flex-direction:row; + flex-wrap:wrap; + margin-left:-1rem; + margin-left:calc(var(--ifm-spacing-horizontal)*-1); + margin-right:-1rem; + margin-right:calc(var(--ifm-spacing-horizontal)*-1) +} +.row.row--align-top{ + align-items:flex-start +} +.row.row--align-bottom{ + align-items:flex-end +} +.row.row--align-center{ + align-items:center +} +.row .col{ + --ifm-col-width:100%; + display:block; + flex:1 0; + /* margin-left:0; */ + max-width:100%; + padding-left:1rem; + padding-left:var(--ifm-spacing-horizontal); + padding-right:1rem; + padding-right:var(--ifm-spacing-horizontal); + width:100% +} +.row .col[class*=col--]{ + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--1{ + --ifm-col-width:8.33333%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--2{ + --ifm-col-width:16.66667%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--3{ + --ifm-col-width:25%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--4{ + --ifm-col-width:33.33333%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--5{ + --ifm-col-width:41.66667%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--6{ + --ifm-col-width:50%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--7{ + --ifm-col-width:58.33333%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--8{ + --ifm-col-width:66.66667%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--9{ + --ifm-col-width:75%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--10{ + --ifm-col-width:83.33333%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--11{ + --ifm-col-width:91.66667%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} +.row .col.col--12{ + --ifm-col-width:100%; + flex:0 0 var(--ifm-col-width); + max-width:var(--ifm-col-width) +} + +.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; } + +.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { + float: left; } + +.col-xs-12 { + width: 100%; } + +.col-xs-11 { + width: 91.66666667%; } + +.col-xs-10 { + width: 83.33333333%; } + +.col-xs-9 { + width: 75%; } + +.col-xs-8 { + width: 66.66666667%; } + +.col-xs-7 { + width: 58.33333333%; } + +.col-xs-6 { + width: 50%; } + +.col-xs-5 { + width: 41.66666667%; } + +.col-xs-4 { + width: 33.33333333%; } + +.col-xs-3 { + width: 25%; } + +.col-xs-2 { + width: 16.66666667%; } + +.col-xs-1 { + width: 8.33333333%; } + +.col-xs-pull-12 { + right: 100%; } + +.col-xs-pull-11 { + right: 91.66666667%; } + +.col-xs-pull-10 { + right: 83.33333333%; } + +.col-xs-pull-9 { + right: 75%; } + +.col-xs-pull-8 { + right: 66.66666667%; } + +.col-xs-pull-7 { + right: 58.33333333%; } + +.col-xs-pull-6 { + right: 50%; } + +.col-xs-pull-5 { + right: 41.66666667%; } + +.col-xs-pull-4 { + right: 33.33333333%; } + +.col-xs-pull-3 { + right: 25%; } + +.col-xs-pull-2 { + right: 16.66666667%; } + +.col-xs-pull-1 { + right: 8.33333333%; } + +.col-xs-pull-0 { + right: auto; } + +.col-xs-push-12 { + left: 100%; } + +.col-xs-push-11 { + left: 91.66666667%; } + +.col-xs-push-10 { + left: 83.33333333%; } + +.col-xs-push-9 { + left: 75%; } + +.col-xs-push-8 { + left: 66.66666667%; } + +.col-xs-push-7 { + left: 58.33333333%; } + +.col-xs-push-6 { + left: 50%; } + +.col-xs-push-5 { + left: 41.66666667%; } + +.col-xs-push-4 { + left: 33.33333333%; } + +.col-xs-push-3 { + left: 25%; } + +.col-xs-push-2 { + left: 16.66666667%; } + +.col-xs-push-1 { + left: 8.33333333%; } + +.col-xs-push-0 { + left: auto; } + +.col-xs-offset-12 { + margin-left: 100%; } + +.col-xs-offset-11 { + margin-left: 91.66666667%; } + +.col-xs-offset-10 { + margin-left: 83.33333333%; } + +.col-xs-offset-9 { + margin-left: 75%; } + +.col-xs-offset-8 { + margin-left: 66.66666667%; } + +.col-xs-offset-7 { + margin-left: 58.33333333%; } + +.col-xs-offset-6 { + margin-left: 50%; } + +.col-xs-offset-5 { + margin-left: 41.66666667%; } + +.col-xs-offset-4 { + margin-left: 33.33333333%; } + +.col-xs-offset-3 { + margin-left: 25%; } + +.col-xs-offset-2 { + margin-left: 16.66666667%; } + +.col-xs-offset-1 { + margin-left: 8.33333333%; } + +.col-xs-offset-0 { + margin-left: 0; +} + +/******************************************************************************* +** Centering elements and text Section +*******************************************************************************/ + +.center { + width: 100% + display: flex; +} + +.center > * { + margin-left: auto; + margin-right: auto; +} + +.center-text { + text-align: center; +} + +/******************************************************************************* +** Main Wrapper Section +*******************************************************************************/ + +.main-wrapper{ + flex:1 0 auto; + margin-top:calc(1em + var(--ifm-navbar-height)); +} + +/******************************************************************************* +** Container Section +*******************************************************************************/ + + +.container{ + margin-left:auto; + margin-right:auto; + max-width:1140px; + max-width:var(--ifm-container-width); + padding-left:1rem; + padding-left:var(--ifm-spacing-horizontal); + padding-right:1rem; + padding-right:var(--ifm-spacing-horizontal); + width:100% +} + +/******************************************************************************* +** Contents Section +*******************************************************************************/ + +.contents{ + font-size:.8rem; + margin-bottom:0; + padding-bottom:.5rem; + padding-bottom:var(--ifm-contents-padding-vertical); + padding-top:.5rem; + padding-top:var(--ifm-contents-padding-vertical) +} +.contents,.contents ul{ + list-style-type:none; + padding-left:.5rem; + padding-left:var(--ifm-contents-padding-left) +} +.contents li{ + margin:var(--ifm-contents-padding-vertical) +} +.contents.contents__left-border{ + border-left:1px solid #dadde1; + border-left-color:var(--ifm-contents-border-color) +} +.contents .contents__link{ + color:#606770; + color:var(--ifm-contents-link-color) +} +.contents .contents__link.contents__link--active,.contents .contents__link:hover{ + color:#3578e5; + color:var(--ifm-color-primary); + text-decoration:none +} + +/******************************************************************************* +** Separator Section +*******************************************************************************/ + +.separator { + background-color: var(--custom-background-color-diff); + padding: 50px 0; +} + +/******************************************************************************* +** Title Section +*******************************************************************************/ + +.title { + font-weight: 700; + color: var(--custom-content-color-lightest); +} + +/******************************************************************************* +** Markdown Section +*******************************************************************************/ + +.markdown{ + --ifm-h1-line-height:2; + --ifm-h2-line-height:1.5; + --ifm-heading-line-height:1; + --ifm-h1-vertical-rhythm-top:4; + --ifm-h2-vertical-rhythm-top:2.5; + --ifm-h3-vertical-rhythm-top:2; + --ifm-heading-vertical-rhythm-top:1.5; + --ifm-h1-vertical-rhythm-bottom:1; + --ifm-heading-vertical-rhythm-bottom:0.5 +} +.markdown:after,.markdown:before{ + content:""; + display:table +} +.markdown:after{ + clear:both +} +.markdown>:first-child{ + margin-top:0!important +} +.markdown>:last-child{ + margin-bottom:0!important +} +.markdown>h1{ + margin-bottom:calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading)); + margin-top:calc(var(--ifm-h1-vertical-rhythm-top)*var(--ifm-leading)) +} +.markdown>h2{ + margin-top:calc(var(--ifm-h2-vertical-rhythm-top)*var(--ifm-leading)) +} +.markdown>h2,.markdown>h3{ + margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading)) +} +.markdown>h3{ + margin-top:calc(var(--ifm-h3-vertical-rhythm-top)*var(--ifm-leading)) +} +.markdown>h4,.markdown>h5,.markdown>h6{ + margin-bottom:calc(var(--ifm-heading-vertical-rhythm-bottom)*var(--ifm-leading)); + margin-top:calc(var(--ifm-heading-vertical-rhythm-top)*var(--ifm-leading)) +} +.markdown>p,.markdown>pre,.markdown>ul{ + margin-bottom:1.5rem; + margin-bottom:var(--ifm-leading) +} +.markdown li{ + word-wrap:break-all +} +.markdown li>p{ + margin-top:1rem; + margin-top:var(--ifm-list-paragraph-margin) +} +.markdown li+li{ + margin-top:.25rem; + margin-top:var(--ifm-list-item-margin) +} + +/******************************************************************************* +** Buttons Section +*******************************************************************************/ + +.button{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-color:inherit; + background-color:var(--ifm-button-background-color); + border-color:inherit; + border-width:1px; + border:var(--ifm-button-border-width) solid var(--ifm-button-border-color); + border-radius:.4rem; + border-radius:var(--ifm-button-border-radius); + box-sizing:border-box; + cursor:pointer; + display:inline-block; + /* font-size:.8rem; + font-size:calc(.8rem*var(--ifm-button-size-multiplier)); */ + font-weight:600; + font-weight:var(--ifm-button-font-weight); + line-height:1.5; + padding:calc(var(--ifm-button-padding-vertical)*var(--ifm-button-size-multiplier)) calc(var(--ifm-button-padding-horizontal)*var(--ifm-button-size-multiplier)); + text-align:center; + -webkit-transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1); + transition:color .2s cubic-bezier(.08,.52,.52,1),background .2s cubic-bezier(.08,.52,.52,1),border-color .2s cubic-bezier(.08,.52,.52,1); + -webkit-transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1); + transition:color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),background var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1),border-color var(--ifm-button-transition-duration) cubic-bezier(.08,.52,.52,1); + -webkit-user-select:none; + -moz-user-select:none; + -ms-user-select:none; + user-select:none; + vertical-align:middle; + white-space:nowrap +} +.button,.button:hover{ + color:#fff; + color:var(--ifm-button-color); + outline:0; + text-decoration:none +} +.button:focus{ + outline:0 +} +.button.button--link{ + --ifm-button-background-color:transparent; + --ifm-button-border-color:transparent; + color:#3578e5; + color:var(--ifm-link-color); + -webkit-text-decoration:none; + -webkit-text-decoration:var(--ifm-link-decoration); + text-decoration:none; + text-decoration:var(--ifm-link-decoration) +} +.button.button--link.button--active,.button.button--link:active,.button.button--link:hover{ + color:#3578e5; + color:var(--ifm-link-hover-color); + -webkit-text-decoration:underline; + -webkit-text-decoration:var(--ifm-link-hover-decoration); + text-decoration:underline; + text-decoration:var(--ifm-link-hover-decoration) +} +.button:disabled,.button[disabled]{ + opacity:.65; + pointer-events:none +} +.button.button--block{ + display:block; + width:100% +} +.button.button-primary{ + --ifm-button-border-color:var(--ifm-color-primary); + text-shadow:0 0 6px rgba(13,128,86,.4) +} +.button.button-primary:not(.button-outline){ + --ifm-button-background-color:var(--ifm-color-primary) +} +.button.button-primary:not(.button-outline):hover{ + --ifm-button-background-color:var(--ifm-color-primary-dark); + --ifm-button-border-color:var(--ifm-color-primary-dark) +} +.button.button.button-primary.button--active,.button.button.button-primary:active{ + --ifm-button-border-color:var(--ifm-color-primary-darker); + --ifm-button-background-color:var(--ifm-color-primary-darker); + background-color:#2d66c3; + background-color:var(--ifm-color-primary-darker); + border-color:#2d66c3; + border-color:var(--ifm-color-primary-darker) +} +.button-group{ + display:inline-flex +} +.button-group>.button:not(:first-child){ + border-bottom-left-radius:0; + border-top-left-radius:0; + margin-left:2px; + margin-left:var(--ifm-button-group-margin) +} +.button-group>.button:not(:last-child){ + border-bottom-right-radius:0; + border-top-right-radius:0 +} +.button-group>.button--active{ + z-index:1 +} +.button-group.button-group--block{ + display:flex; + justify-content:stretch +} +.button-group.button-group--block>.button{ + flex-grow:1 +} + +.button.button-secondary.button-outline:not(.button--active):not(:hover) { + color: #1c1e21; + color: var(--ifm-font-base-color); +} + +.button.button-secondary.button-outline { + border-color: #333; +} + +.button-secondary, .button-primary { + text-transform: uppercase; + font-weight: 700; + margin-left: 0.5em; + margin-right: 0.5em; + margin-top: 0.25em; + margin-bottom: 0.25em; +} + +/******************************************************************************* +** Cards Section +*******************************************************************************/ + +.card{ + background-color:#fff; + background-color:var(--ifm-card-background-color); + border-radius:.8rem; + border-radius:var(--ifm-card-border-radius); + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); + box-shadow:var(--ifm-global-shadow-lw); + overflow:hidden; + display:flex; + flex-direction:column +} +.card.card--full-height{ + height:100% +} +.card .card__image{ + padding-top:1rem; + padding-top:var(--ifm-card-vertical-spacing) +} +.card .card__image:first-child{ + padding-top:0 +} +.card .card__body,.card .card__footer,.card .card__header{ + padding:var(--ifm-card-vertical-spacing) var(--ifm-card-horizontal-spacing) +} +.card .card__body:not(:last-child),.card .card__footer:not(:last-child),.card .card__header:not(:last-child){ + padding-bottom:0 +} +.card .card__body>:last-child,.card .card__footer>:last-child,.card .card__header>:last-child{ + margin-bottom:0 +} +.card .card__footer{ + margin-top:auto +} + +a.card{ + text-decoration:none!important; + color:var(--ifm-color-content); + box-shadow:none; + border:1px solid #333 +} + +a.card:hover{ + -webkit-transition:all .2s ease; + transition:all .2s ease; + border:1px solid var(--custom-primary); + box-shadow:var(--custom-shadow-xl),0 0 0 1px var(--custom-primary)!important +} + +/******************************************************************************* +** Footer Section +*******************************************************************************/ + +.footer{ + padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal); + width:100% +} +.footer,.footer.footer--dark{ + background-color:#f5f6f7; + background-color:var(--ifm-footer-background-color); + color:inherit; + color:var(--ifm-footer-color) +} +.footer.footer--dark{ + --ifm-footer-background-color:#303846; + --ifm-footer-color:var(--ifm-footer-link-color); + --ifm-footer-link-color:var(--ifm-color-secondary); + --ifm-footer-title-color:var(--ifm-color-white) +} +.footer.footer--dark .footer__link-item{ + color:#606770; + color:var(--ifm-footer-link-color) +} +.footer.footer--dark .footer__title{ + color:inherit; + color:var(--ifm-footer-title-color) +} +.footer .footer__links{ + margin-bottom:1rem +} +.footer .footer__link-item{ + color:#606770; + color:var(--ifm-footer-link-color); + line-height:2 +} +.footer .footer__link-item:hover{ + color:#3578e5; + color:var(--ifm-footer-link-hover-color) +} +.footer .footer__logo{ + margin-top:1rem; + max-width:10rem +} +.footer .footer__title{ + color:inherit; + color:var(--ifm-footer-title-color) +} +.footer .footer__item{ + margin-top:0 +} +.footer .footer__items{ + list-style-type:none; + margin-bottom:0; + padding-left:0 +} + + +/******************************************************************************* +** Navbar Section +*******************************************************************************/ + +.navbar{ + background-color:#fff; + background-color:var(--ifm-navbar-background-color); + box-shadow:0 1px 2px 0 rgba(0,0,0,.1); + box-shadow:var(--ifm-navbar-shadow); + /* box-shadow:var(--ifm-global-shadow-md) */ + box-sizing:border-box; + height:3.75rem; + height:var(--ifm-navbar-height); + padding:var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal); + width:100vw; +} +.navbar,.navbar>.container{ + display:flex +} +.navbar.navbar--fixed-top{ + position:fixed; + left:0; + right:0; + top:0; + z-index:200; + z-index:var(--ifm-z-index-fixed) +} +.navbar .navbar__inner{ + align-items:stretch; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + width:100% +} +.navbar .navbar__brand{ + align-items:center; + color:#1c1e21; + color:var(--ifm-navbar-link-color); + display: block; + font-weight:700; + height:3.5rem; + margin-right:1rem; + text-decoration:none +} +.navbar .navbar__logo{ + height:100%; + margin-right:.5rem; + display:inline-block; +} +.navbar .navbar__items{ + align-items:center; + display:flex; + flex:1 0 0 +} +.navbar .navbar__items.navbar__items--center{ + flex:0 0 auto +} +.navbar .navbar__items.navbar__items--center .navbar__brand{ + margin:0 +} +.navbar .navbar__items.navbar__items--right{ + justify-content:flex-end +} +.navbar .navbar__item{ + display:inline-block; + padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal) +} +.navbar .navbar__link{ + color:#1c1e21; + color:var(--ifm-navbar-link-color); + cursor:pointer; + font-weight:500; + font-weight:var(--ifm-font-weight-semibold); + padding:var(--ifm-navbar-item-padding-vertical) var(--ifm-navbar-item-padding-horizontal); + text-decoration:none +} +.navbar .navbar__link.navbar__link--active,.navbar .navbar__link:hover{ + color:#3578e5; + color:var(--ifm-navbar-link-hover-color) +} +.navbar.navbar--dark{ + --ifm-navbar-background-color:#303846; + --ifm-navbar-link-color:var(--ifm-color-white); + --ifm-navbar-link-hover-color:var(--ifm-color-primary); + --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1); + --ifm-navbar-search-input-color:var(--ifm-color-white); + --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5); + background-color:#fff; + background-color:var(--ifm-navbar-background-color) +} +.navbar.navbar--dark .navbar__brand,.navbar.navbar--dark .navbar__link{ + color:#1c1e21; + color:var(--ifm-navbar-link-color) +} +.navbar.navbar--dark .navbar__link:hover{ + color:#3578e5; + color:var(--ifm-navbar-link-hover-color) +} +.navbar.navbar--dark .navbar__search .navbar__search-input{ + background-color:#ebedf0; + background-color:var(--ifm-navbar-search-input-background-color); + background-image:url(data:image/svg+xml; + utf8,SVG_REPLACED); + background-image:var(--ifm-navbar-search-input-icon); + color:#444950; + color:var(--ifm-navbar-search-input-color) +} +.navbar.navbar--dark .navbar__search .navbar__search-input::-webkit-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--dark .navbar__search .navbar__search-input:-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--dark .navbar__search .navbar__search-input::-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--dark .navbar__search .navbar__search-input::placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--primary{ + --ifm-navbar-background-color:var(--ifm-color-primary); + --ifm-navbar-link-hover-color:var(--ifm-color-white); + --ifm-navbar-search-input-background-color:hsla(0,0%,100%,0.1); + --ifm-navbar-search-input-color:var(--ifm-color-emphasis-500); + --ifm-navbar-search-input-placeholder-color:hsla(0,0%,100%,0.5); + background-color:#fff; + background-color:var(--ifm-navbar-background-color) +} +.navbar.navbar--primary .navbar__link:hover{ + color:#3578e5; + color:var(--ifm-navbar-link-hover-color) +} +.navbar.navbar--primary .navbar__search .navbar__search-input{ + background-color:#ebedf0; + background-color:var(--ifm-navbar-search-input-background-color); + background-image:url(data:image/svg+xml; + utf8,SVG_REPLACED); + background-image:var(--ifm-navbar-search-input-icon); + color:#444950; + color:var(--ifm-navbar-search-input-color) +} +.navbar.navbar--primary .navbar__search .navbar__search-input::-webkit-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--primary .navbar__search .navbar__search-input:-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--primary .navbar__search .navbar__search-input::-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar.navbar--primary .navbar__search .navbar__search-input::placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar .navbar__search{ + padding-left:1rem; + padding-left:var(--ifm-navbar-padding-horizontal) +} +.navbar .navbar__search .navbar__search-input{ + -webkit-appearance:none; + -moz-appearance:none; + appearance:none; + background-color:#ebedf0; + background-color:var(--ifm-navbar-search-input-background-color); + background-image:url(data:image/svg+xml; + utf8,SVG_REPLACED); + background-image:var(--ifm-navbar-search-input-icon); + background-position-x:.75rem; + background-position-y:center; + background-repeat:no-repeat; + background-size:1rem 1rem; + border-radius:2rem; + border-width:0; + cursor:text; + color:#444950; + color:var(--ifm-navbar-search-input-color); + display:inline-block; + font-size:.9rem; + line-height:2rem; + outline:0; + padding:0 .5rem 0 2.25rem; + -webkit-transition:all .2s ease; + transition:all .2s ease; + -webkit-transition:all var(--ifm-transition-fast) ease; + transition:all var(--ifm-transition-fast) ease; + width:12.5rem +} +.navbar .navbar__search .navbar__search-input::-webkit-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar .navbar__search .navbar__search-input:-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar .navbar__search .navbar__search-input::-ms-input-placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} +.navbar .navbar__search .navbar__search-input::placeholder{ + color:#bec3c9; + color:var(--ifm-navbar-search-input-placeholder-color) +} + + +/******************************************************************************* +** Code Blocks Section +*******************************************************************************/ + +.code-with-header pre{ + border-radius:0 0 4px 4px +} +.code-with-response pre{ + border-radius:0 +} +.code-header{ + background:var(--ifm-code-background-dark); + color:#ccc; + padding:5px 15px; + border-radius:4px 4px 0 0; + font-weight:700; + border-bottom:1px solid #444 +} + +/******************************************************************************* +** Footer Section +*******************************************************************************/ + +.footer{ + border-top:1px solid var(--custom-border-color); + padding-bottom:80px +} + +/******************************************************************************* +** Tabs Section +*******************************************************************************/ + +.code-tabs .row { + display: flex; + flex-direction: row-reverse; +} + +.code-tabs__inner { +margin: 10px 0px 0px 00px; +} + +.nav-tabs > button.is-active, .nav-tabs > button:hover { +color: #000 !important; +background: transparent; +} + +.ButtonTabs > .nav-tabs { + border: none; +} + +.ButtonTabs > .nav-tabs > .button, +.ButtonTabs > .nav-tabs > .button.is-active { + box-shadow: none; + white-space: normal; +} + +.ButtonTabs .button.is-active, .ButtonTabs .button:hover, .ButtonTabs:hover .button.is-active:hover { + border: 2px solid var(--custom-primary); + box-shadow: var(--custom-shadow-lw); +} + +.button.button--info:not(.button-outline) { + --ifm-button-background-color: var(--ifm-color-info); +} +.ButtonTabs .button { + width: 100%; + display: block; + color: var(--custom-content-color); + margin-right: 10px; + margin-bottom: 8px; + border: 2px solid var(--ifm-button-background-color) + text-align: left; +} + +.row .col.ButtonTabs { + padding: 0; +} + +.copyButton { + background: #011627; + border: 1px solid #d6deeb; + border-radius: var(--ifm-global-radius); + color: #d6deeb; + cursor: pointer; + line-height: 12px; + opacity: 0; + outline: none; + padding: 4px 8px; + visibility: hidden; + -webkit-transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out,visibility 0.2s ease-in-out,bottom 0.2s ease-in-out; + float: right; +} + +.codeBlockWrapper:hover > .copyButton { + visibility: visible; + opacity: 1; +} + +/******************************************************************************* +** info-buttons Section +*******************************************************************************/ + +.info-buttons { + background-color: var(--custom-background-color-diff); + margin-top: 100px; + padding: 50px 0; + border-top: 1px solid var(--custom-border-color); +} + + +/********** Everything below here was main before adding goblin **************/ + +div.widgets { + text-align: center; +} + +#mentions, #fediverse { + border: none; + width: 100%; +} + +img.profile.photo { + width: 32px; + height: 32px; + border-radius: 50% 50%; +} + +aside { + background-color: wheat; + color: black; + padding: 1em; + border-radius: 0.5em; + margin: 1em; + border: dashed 3px #b78529; +} + +.me { + margin: auto; + text-align: left; + max-width: 720px; +} + +.me div { + margin: 2em; +} + +.me img { + border-radius: 50%; + float: right; + width: 20%; +} + +pre { + overflow: auto; + width: 100%; +} + +body.list .post header { + padding-top: 1em; + margin-bottom: 2em; + font-family: var(--font-sans) +} + +body.blogpost header { + max-width: 720px; + margin: auto; + text-align: left; + padding: 0 1em; + font-family: var(--font-sans) +} + +:where(:not(pre)>code) { + white-space: break-spaces; + word-break: break-word; +} + +body.blogpost hr { + height: 1px; + margin-right: 2em; + margin-left: 2em; + border: 0; + background: #333; + background-image: linear-gradient(to right, #ccc, #333, #ccc); +} + +body.blogpost div.draft { + border: solid red 1px; + background-color: pink; + color: black; + padding: 1em; +} + +body.blogpost div.draft a { + color: blue; +} + +body.blogpost header, +body.list main .post header { + background-repeat: repeat; + background-position: 50% 50%; + background-size: cover; + background-origin: padding-box; + background-attachment: scroll; + box-sizing: border-box; +} + +body.blogpost header.with-background, +body.list main .post header.with-background { + height: 520px; + margin: 0; + margin-bottom: 2em; + width: 100%; + max-width: initial; + position: relative; +} + +body.blogpost .byline { + margin-bottom: 1em; + padding-bottom: 1em; + border-bottom: solid 1px #e9e9e9; + font-size: 0.8em; +} + +div.subscribe, +div.share { + text-decoration: none; + color: #2a2a2a; + background-color: #2196f3; + text-align: center; + letter-spacing: 0.5px; + transition: 0.2s ease-out; + cursor: pointer; + outline: 0; + border: none; + border-radius: 2px; + display: inline-block; + height: 36px; + padding: 0 1rem; + text-transform: uppercase; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), + 0 3px 1px -2px rgba(0, 0, 0, 0.2); +} + +.post.moi { + background-color: var(--blue-10); + color: var(--gray-3); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 1rem; + border-radius: 1em; +} + +section.post.moi { + margin: 0; + padding: 0 1em; +} + +.post.moi div>img { + width: 3em; + height: 3em; + padding: 2em; + border-radius: 50%; +} + +.post.moi div p { + font-weight: 600; +} + +.post.moi div+div { + padding: 1em; +} + +.moi-links { + display: flex; + align-items: center; + justify-content: space-evenly; + flex-wrap: wrap; +} + +.post.moi div p+p { + font-weight: inherit; + font-style: italic; +} + +.post.moi a.email img, +.post.moi a.rss img, +.post.moi a.twitter img, +.post.moi a.medium img { + padding: 0.5em; + width: 32px; + height: 32px; +} + +body.blogpost figure img, main p img { + width: 100%; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); +} + +body.list main.main-wrapper, +body.blogpost main.main-wrapper { + margin: auto; + display: flex; + padding: 5em 1em 5em 1em; + flex-direction: column; + justify-content: center; + max-width: 720px; +} + +body.list main p, +body.blogpost main p { + margin-block-start: 1em; +} + +body main section { + padding-top: 0; + text-align: left; +} + +.author { + font-style: italic; +} + +body.list .post .description { + padding-bottom: 1em; +} + +body .menu { + font-family: var(--font-sans); + font-weight: 400; + color: #333; + color: var(--text-color); + padding: 1em; + text-align: center; + border-bottom: solid 1px #ccc; + border-bottom: solid 1px var(--block-quote-before-color); +} + +body .menu .search { + max-width: 720px; + margin: auto; + padding-top: 1em; +} + +body .menu .search form { + display: flex; + gap: 1em; +} + +body .menu .search input[type=search] { + width: 100%; + padding: 0.5em; + font-size: 1em; +} + +body .menu .menu-items { + margin: auto; + text-align: center; + max-width: 720px; + display: flex; + justify-content: space-evenly; +} + +body .menu a { + color: initial; + color: var(--text-color); +} + +figure { + text-align: center; +} + +figure img { + width: 100%; +} + +figure video { + width: 100%; +} + +body.list figure { + text-align: center; + margin: 1em -1em; + padding: 0; +} + +body.list figure img { + box-shadow: 0px 10px 10px -10px black; +} + +body.list figure video { + box-shadow: 0px 10px 10px -10px black; +} + +figcaption { + font-size: 0.7em; + font-weight: 600; + font-style: italic; +} + +blockquote { + font-style: italic; + position: relative; + quotes: "\201C""\201D"; +} + +div.podcast, +div.video { + margin: 1em 0em; + text-align: center; +} + +div.podcast audio, +div.video video { + display: block; + margin: 1em auto; + width: 100%; +} + +.widgets { + display: flex; + align-items: center; + justify-content: center; +} + +.webmentions .comments .reply img { + float: left; + margin-right: 1em; +} + +div.subscribe, +div.share { + margin: 1em; + display: flex; + align-items: center; +} + +div.subscribe a { + color: white; + filter: contrast(100); +} + +div.subscribe a img { + display: block; +} + +div.share { + background-color: #ff4081; + color: white; + text-align: center; + max-height: 36px; + height: 36px; +} + +.share svg { + pointer-events: none; +} + +div.widgets.source a { + margin: 1em; +} + +div.related.pages:empty { + display: none; +} + + +/************************************************************************** +** Some formatting tweaks after merging everything intentional... +**************************************************************************/ + + +code { + background-color: #f5f5f5; + color: #000; } + +.modal img { + max-width: 100%; } + +.navbar { + margin-bottom: 0; } + +.navbar-brand { + padding: 0; } + .navbar-brand img { + height: 100%; + padding: 15px; + width: auto; } + +.navbar-nav { + border-left: 1px #e7e7e7 solid; } + .navbar-nav li > a { + font-size: 13px; + font-weight: bold; } + .navbar-nav .active > a { + background-color: #f8f8f8; } + .navbar-nav .active > a:hover { + background-color: #f8f8f8; } + .navbar-nav .subscribe-button { + border-right: 1px #e7e7e7 solid; + margin-right: 10px; } + +.navbar-default .navbar-nav .current-item { + color: #434343; } + .navbar-default .navbar-nav .current-item:hover { + color: #434343; } + +.subheader { + border-bottom: 1px #e7e7e7 solid; + margin-bottom: 15px; } + .subheader h2 { + margin-bottom: 26px; + margin-top: 26px; + padding: 0; } + +.post { + margin-bottom: 50px; } + .post img { + max-width: 100%; + padding: 4px; + display: block; + margin-left: auto; + margin-right: auto; } + +.post-image { + border: 1px solid #ddd; + border-radius: 4px; + display: block; + padding: 4px; + width: 100%; } + .post-image div { + background-position: center; + background-size: cover; + height: 250px; + max-height: 350px; } + +.post-header { + margin-bottom: 10px; } + .post-header h2 { + margin-bottom: 0; } + +.post-meta ul li { + font-size: 13px; + padding-right: 20px; } +.post-meta a { + color: #777; } + +.author-image { + background-position: center center; + background-size: cover; + border-radius: 4px; + display: inline-block; + height: 18px; + vertical-align: top; + width: 18px; } + +.share { + margin-bottom: 30px; } + .share a { + color: #aaa; + transition: .5s all; } + .share a:hover, .share a:focus { + text-decoration: none; + transition: .5s all; } + .share a.share-twitter:hover { + color: #55acee; } + .share a.share-facebook:hover { + color: #3b5998; } + .share a.share-google-plus:hover { + color: #dc4e41; } + +.subscribe-panel { + margin: auto; + min-width: 300px; + width: 30%; } + +.site-footer { + font-size: 13px; + margin-bottom: 30px; } + .site-footer hr { + margin-bottom: 5px; } + .site-footer p { + margin: 0; } + +/************************************** +** Everything below here are my additions +***************************************/ + +/* tabs shortcode */ +#body .nav-tabs { +position: unset; +width: unset; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-pane { +padding: 3px 0px; +} + +.tab-pane { +padding: 0px 0px; +} + +.tab-content > .tab-pane.is-active { +display: block; +} + +.nav-tabs { +color: #0f0f0f; +list-style-type: none; +margin: 0; +padding: 0; +overflow: hidden; +} + +.nav-tabs > button { +color: #0f0f0f; +float: left; +display: block; +padding: 5px 10px; +font-size: 14px; +} + +pre { +display: block; +padding: 9.5px; +margin: 0px 0px 10px; +line-height: 1; +} + + + +/* highlight styles */ + +.highlight { + background-color: black; +} + +.highlight > pre > code { + color: #ffffff; + text-shadow: none; +} + +.code-header { + font-size: 1em; +} + +/* header button */ + +.navbar__items > .button, .hero .button { + font-size: 0.8em; +} + +.nav-tabs > .button { + padding: 2px 5px 5px 5px; +} + +/* misc fixes */ + +section > .container > .row > .col { + margin-top: 1em; + margin-bottom: 1em; +} + +.container .row .menu { + padding: 0; + border: solid 1px #ccc; + text-align: left; +} + +.hero .button { + margin: 0; +} + +.navbar > .navbar__inner > .navbar__items--right { + padding-right: 1em; +} + +.microblog .more { + padding-right: 1em; + padding-bottom: 1em; +} + +/* Styling for table of contents */ + +#TableOfContents { + border: 1px black solid; + display: inline-block; + padding-right: 40px; + padding-top: 5px; + padding-bottom: 5px; + background-color: floralwhite; + width: 400px; + margin-left: 40px; + margin-bottom: 10px; +} + +#TableOfContents ul { + padding-inline-start: 40px; +} + +#TableOfContents ul, +#TableOfContents ol { + padding-left: 40px; + margin-bottom: 10px; +} + +/* Adjusts links within the same page so as to not be covered by the header menu */ + +:target::before { + content: ""; + display: block; + height: calc(1em + var(--ifm-navbar-height)); /* fixed header height*/ + margin: calc(-1em * (1em + var(--ifm-navbar-height))) 0 0; /* negative fixed header height */ +} + +/* Adjusting cal-heatmap stuff */ + +div#ch-tooltip { + height: 2em; +} + +.cal-heatmap-legend { + justify-content: center; + display: flex; +} + +/* Adding pretty quote boxes */ + +.quote-box { + text-align: left; + color: #3f3f5a; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding-left: 5em; +} + +.quote-box > blockquote { + font-size: 1.5rem; + max-width: 600px; + line-height: 1.4; + position: relative; + padding: .5rem; + border-left: none; + + margin: auto; +} + +.quote-box > blockquote:before, +.quote-box > blockquote:after { + position: absolute; + color: #ccc; + font-size: 8rem; + width: 4rem; + height: 4rem; +} + +.quote-box > blockquote:before { + content: '“'; + left: -5rem; + top: -2rem; +} + +.quote-box > blockquote:after { + content: 'â€'; + right: -5rem; + bottom: 1rem; +} + +.quote-box > cite { + line-height: 3; + text-align: right; + font-size: 2rem; + margin: auto; +} + +.quote-box > cite:before { + content: '- '; + font-size: 2rem; +} + +/* Infofield css */ + +.info-field h2 { + font-size: 1.2em; + border-bottom-style: double; + font-weight: bold; +} + +.info-field h3 { + font-size: 1em; + border-bottom-style: ridge; +} + +.entry { + display: grid; + grid-template-columns: auto max-content; + grid-template-areas: "key value"; + + align-items: end; + gap: 0 .25rem; +} + +.value { + grid-area: value; +} + +.key { + grid-area: key; + position: relative; + overflow: hidden; + white-space: nowrap; +} + +.key::after { + content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " + ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . " + ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; + position: absolute; + text-align: right; +} + + /* Stuff taken from ghost css */ + + :after, :before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + + /******navbar*****/ +/* :root { + --ifm-navbar-height: 2rem; + --ifm-navbar-item-padding-vertical: 0.25rem; +} + +.navbar { + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} + +.navbar { + background-color: #fff; + background-color: var(--ifm-navbar-background-color); + box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); + box-shadow: var(--ifm-navbar-shadow); + box-sizing: border-box; + height: var(--ifm-navbar-height); + padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal); +} */ + + +/***contact****/ + +.info-field h1, +.info-field h2, +.info-field h3 { + margin-top: 20px; + margin-bottom: 10px; +} + +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +/******front page******/ + + +.cal-heatmap { + direction: rtl; + display: block; + overflow: hidden; +} + +.cal-heatmap > svg { + direction: ltr; + margin-left: auto; + margin-right: auto; +} + +/****** blog ********/ + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +.list-inline { + padding-left: 0; + margin-left: -5px; + list-style: none; +} + +.page-title { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} + +.page-title .small, +.page-title small { + font-size: 65%; + font-weight: 400; + line-height: 1; + color: #777; +} + +.MathJax, .MathJax_Display, .MJXc-display, .MathJax_SVG_Display { + overflow-x: auto; + overflow-y: hidden; +} + +/******** copied over responsive stuff ******/ +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; } + +/**********responsive burger menu*********/ + +ul.navbar-menu { + display: flex; + list-style: none; + margin-top: auto; + margin-bottom: auto; +} + +ul.navbar-menu li { + margin-top: auto; + margin-bottom: auto; +} + +li.navbar-menu-item > .button { + font-size: inherit; +} + +.navbar .menu-btn { + display: none; +} + +/******************************************************************************* +******************************************************************************** +** Media specific css (max-width) +******************************************************************************** +*******************************************************************************/ + +@media (max-width: 400px) { + + /***************************************************************************** + ** Button Section + *****************************************************************************/ + + .button.button-secondary, + .button.button-primary { + width: 100%; + margin-left: 0; + margin-right: 0; + } +} + +@media (max-width:600px){ + + /***************************************************************************** + ** Footer Section + *****************************************************************************/ + + .row .col { + padding-top: var(--ifm-col-spacing-vertical); + padding-bottom: var(--ifm-col-spacing-vertical); + } + + .row .col.col.col{ + --ifm-col-width:100%; + flex-basis:var(--ifm-col-width); + margin-left:0; + max-width:var(--ifm-col-width) + } + + /***************************************************************************** + ** Footer Section + *****************************************************************************/ + .footer{ + --ifm-footer-padding-horizontal:0; + padding:var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal) + } + + .footer .footer__col{ + margin-bottom:3rem; + margin-bottom:calc(var(--ifm-spacing-vertical)*3) + } + + .footer .footer__link-item{ + display:block + } + + /***************************************************************************** + ** Info-field Section + *****************************************************************************/ + + .info-field > div { + width: 100%; + } + + .entry { + display: block; + margin-bottom: 1em; + } +} + +@media (max-width:992px) { + + /***************************************************************************** + ** Flex Section + *****************************************************************************/ + + .row { + display: block; + } + + /***************************************************************************** + ** Side Menu Section + *****************************************************************************/ + .side-menu { + width: 100%; + } + + /***************************************************************************** + ** Navbar Section + *****************************************************************************/ + + .navbar ul { + margin: 0; + padding: 0; + list-style: none; + overflow: hidden; + background-color: #fff; + } + + .navbar li a { + display: block; + padding: 20px 20px; + text-decoration: none; + } + + .navbar li a:hover, + .navbar .menu-btn:hover { + background-color: #f4f4f4; + } + + /* menu */ + + .navbar .navbar-menu { + clear: both; + max-height: 0; + transition: max-height .2s ease-out; + } + + /* menu icon */ + + .navbar .menu-icon { + cursor: pointer; + display: inline-block; + float: right; + padding-top: 5px; + padding-bottom: 10px; + position: relative; + user-select: none; + } + + .navbar .menu-icon .navicon { + background: #333; + display: inline-flex; + height: 2px; + position: relative; + transition: background .2s ease-out; + width: 18px; + } + + .navbar .menu-icon .navicon:before, + .navbar .menu-icon .navicon:after { + background: #333; + content: ''; + display: block; + height: 100%; + position: absolute; + transition: all .2s ease-out; + width: 100%; + } + + .navbar .menu-icon .navicon:before { + top: 5px; + } + + .navbar .menu-icon .navicon:after { + top: -5px; + } + + /* menu btn */ + + .navbar .menu-btn:checked ~ .navbar-menu { + max-height: 240px; + } + + .navbar .menu-btn:checked ~ .menu-icon .navicon { + background: transparent; + } + + .navbar .menu-btn:checked ~ .menu-icon .navicon:before { + transform: rotate(-45deg); + } + + .navbar .menu-btn:checked ~ .menu-icon .navicon:after { + transform: rotate(45deg); + } + + .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, + .navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { + top: 0; + } + + /****** my stuff ******/ + .navbar .navbar-menu { + display: block; + } + + .navbar .navbar__inner { + display: block; + } + + .navbar .navbar__inner .navbar__items--left { + display: block; + float: left; + } + + .navbar .navbar__inner .navbar__items--right { + display: block; + } + + .navbar__brand strong{ + font-family:var(--ifm-heading-font-family); + font-size:1.5rem; + font-weight:700; + letter-spacing:.03rem + } + + .navbar .navbar__link{ + font-weight:700 + } + + /***************************************************************************** + ** Titled-side section + *****************************************************************************/ + + .titled-side .container .titled-side__inner .titled-side--title { + max-width: 100%; + } + + .titled-side .container .titled-side__inner .titled-side--content { + margin-left: auto; + margin-right: auto; + } +} + + + + +/******************************************************************************* +******************************************************************************** +** Media specific css (min-width) +******************************************************************************** +*******************************************************************************/ + +@media (min-width: 768px) { + + /***************************************************************************** + ** Flex Section + *****************************************************************************/ + + .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { + float: left; } + + .col-sm-12 { + width: 100%; } + + .col-sm-11 { + width: 91.66666667%; } + + .col-sm-10 { + width: 83.33333333%; } + + .col-sm-9 { + width: 75%; } + + .col-sm-8 { + width: 66.66666667%; } + + .col-sm-7 { + width: 58.33333333%; } + + .col-sm-6 { + width: 50%; } + + .col-sm-5 { + width: 41.66666667%; } + + .col-sm-4 { + width: 33.33333333%; } + + .col-sm-3 { + width: 25%; } + + .col-sm-2 { + width: 16.66666667%; } + + .col-sm-1 { + width: 8.33333333%; } + + .col-sm-pull-12 { + right: 100%; } + + .col-sm-pull-11 { + right: 91.66666667%; } + + .col-sm-pull-10 { + right: 83.33333333%; } + + .col-sm-pull-9 { + right: 75%; } + + .col-sm-pull-8 { + right: 66.66666667%; } + + .col-sm-pull-7 { + right: 58.33333333%; } + + .col-sm-pull-6 { + right: 50%; } + + .col-sm-pull-5 { + right: 41.66666667%; } + + .col-sm-pull-4 { + right: 33.33333333%; } + + .col-sm-pull-3 { + right: 25%; } + + .col-sm-pull-2 { + right: 16.66666667%; } + + .col-sm-pull-1 { + right: 8.33333333%; } + + .col-sm-pull-0 { + right: auto; } + + .col-sm-push-12 { + left: 100%; } + + .col-sm-push-11 { + left: 91.66666667%; } + + .col-sm-push-10 { + left: 83.33333333%; } + + .col-sm-push-9 { + left: 75%; } + + .col-sm-push-8 { + left: 66.66666667%; } + + .col-sm-push-7 { + left: 58.33333333%; } + + .col-sm-push-6 { + left: 50%; } + + .col-sm-push-5 { + left: 41.66666667%; } + + .col-sm-push-4 { + left: 33.33333333%; } + + .col-sm-push-3 { + left: 25%; } + + .col-sm-push-2 { + left: 16.66666667%; } + + .col-sm-push-1 { + left: 8.33333333%; } + + .col-sm-push-0 { + left: auto; } + + .col-sm-offset-12 { + margin-left: 100%; } + + .col-sm-offset-11 { + margin-left: 91.66666667%; } + + .col-sm-offset-10 { + margin-left: 83.33333333%; } + + .col-sm-offset-9 { + margin-left: 75%; } + + .col-sm-offset-8 { + margin-left: 66.66666667%; } + + .col-sm-offset-7 { + margin-left: 58.33333333%; } + + .col-sm-offset-6 { + margin-left: 50%; } + + .col-sm-offset-5 { + margin-left: 41.66666667%; } + + .col-sm-offset-4 { + margin-left: 33.33333333%; } + + .col-sm-offset-3 { + margin-left: 25%; } + + .col-sm-offset-2 { + margin-left: 16.66666667%; } + + .col-sm-offset-1 { + margin-left: 8.33333333%; } + + .col-sm-offset-0 { + margin-left: 0; + } + + /***************************************************************************** + ** Optimize Screen Section + *****************************************************************************/ + + @media screen { + body, + html { + text-rendering: optimizeLegibility; + } + } +} + +@media (min-width: 992px) { + + /***************************************************************************** + ** Flex section + *****************************************************************************/ + + .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { + 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; + } + + /***************************************************************************** + ** Container section + *****************************************************************************/ + + .container { + width: 970px; + } +} + +@media (min-width: 1200px) { + + /***************************************************************************** + ** Flex section + *****************************************************************************/ + + .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { + float: left; } + + .col-lg-12 { + width: 100%; } + + .col-lg-11 { + width: 91.66666667%; } + + .col-lg-10 { + width: 83.33333333%; } + + .col-lg-9 { + width: 75%; } + + .col-lg-8 { + width: 66.66666667%; } + + .col-lg-7 { + width: 58.33333333%; } + + .col-lg-6 { + width: 50%; } + + .col-lg-5 { + width: 41.66666667%; } + + .col-lg-4 { + width: 33.33333333%; } + + .col-lg-3 { + width: 25%; } + + .col-lg-2 { + width: 16.66666667%; } + + .col-lg-1 { + width: 8.33333333%; } + + .col-lg-pull-12 { + right: 100%; } + + .col-lg-pull-11 { + right: 91.66666667%; } + + .col-lg-pull-10 { + right: 83.33333333%; } + + .col-lg-pull-9 { + right: 75%; } + + .col-lg-pull-8 { + right: 66.66666667%; } + + .col-lg-pull-7 { + right: 58.33333333%; } + + .col-lg-pull-6 { + right: 50%; } + + .col-lg-pull-5 { + right: 41.66666667%; } + + .col-lg-pull-4 { + right: 33.33333333%; } + + .col-lg-pull-3 { + right: 25%; } + + .col-lg-pull-2 { + right: 16.66666667%; } + + .col-lg-pull-1 { + right: 8.33333333%; } + + .col-lg-pull-0 { + right: auto; } + + .col-lg-push-12 { + left: 100%; } + + .col-lg-push-11 { + left: 91.66666667%; } + + .col-lg-push-10 { + left: 83.33333333%; } + + .col-lg-push-9 { + left: 75%; } + + .col-lg-push-8 { + left: 66.66666667%; } + + .col-lg-push-7 { + left: 58.33333333%; } + + .col-lg-push-6 { + left: 50%; } + + .col-lg-push-5 { + left: 41.66666667%; } + + .col-lg-push-4 { + left: 33.33333333%; } + + .col-lg-push-3 { + left: 25%; } + + .col-lg-push-2 { + left: 16.66666667%; } + + .col-lg-push-1 { + left: 8.33333333%; } + + .col-lg-push-0 { + left: auto; } + + .col-lg-offset-12 { + margin-left: 100%; } + + .col-lg-offset-11 { + margin-left: 91.66666667%; } + + .col-lg-offset-10 { + margin-left: 83.33333333%; } + + .col-lg-offset-9 { + margin-left: 75%; } + + .col-lg-offset-8 { + margin-left: 66.66666667%; } + + .col-lg-offset-7 { + margin-left: 58.33333333%; } + + .col-lg-offset-6 { + margin-left: 50%; } + + .col-lg-offset-5 { + margin-left: 41.66666667%; } + + .col-lg-offset-4 { + margin-left: 33.33333333%; } + + .col-lg-offset-3 { + margin-left: 25%; } + + .col-lg-offset-2 { + margin-left: 16.66666667%; } + + .col-lg-offset-1 { + margin-left: 8.33333333%; } + + .col-lg-offset-0 { + margin-left: 0; } + + /***************************************************************************** + ** Container section + *****************************************************************************/ + + .container { + width: 1150px; + } +} diff --git a/assets/css/primer.css b/static/css/primer.css similarity index 100% rename from assets/css/primer.css rename to static/css/primer.css diff --git a/assets/css/pseudocode.css b/static/css/pseudocode.css similarity index 100% rename from assets/css/pseudocode.css rename to static/css/pseudocode.css