5449 lines
197 KiB
HTML
5449 lines
197 KiB
HTML
|
{{define "sign_in.html"}}
|
||
|
<!DOCTYPE html>
|
||
|
<html lang="en" charset="utf-8">
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||
|
<title>Sign In</title>
|
||
|
<link rel="stylesheet" href="{{.ProxyPrefix}}/static/css/bulma.min.css">
|
||
|
|
||
|
<style>
|
||
|
body {
|
||
|
height: 100vh;
|
||
|
}
|
||
|
.sign-in-box {
|
||
|
max-width: 400px;
|
||
|
margin: 1.25rem auto;
|
||
|
}
|
||
|
.logo-box {
|
||
|
margin: 1.5rem 3rem;
|
||
|
}
|
||
|
.alert {
|
||
|
padding: 5px;
|
||
|
background-color: #f44336; /* Red */
|
||
|
color: white;
|
||
|
margin-bottom: 5px;
|
||
|
border-radius: 5px
|
||
|
}
|
||
|
/* The close button */
|
||
|
.closebtn {
|
||
|
margin-left: 10px;
|
||
|
color: white;
|
||
|
font-weight: bold;
|
||
|
float: right;
|
||
|
font-size: 22px;
|
||
|
line-height: 20px;
|
||
|
cursor: pointer;
|
||
|
transition: 0.3s;
|
||
|
}
|
||
|
/* When moving the mouse over the close button */
|
||
|
.closebtn:hover {
|
||
|
color: black;
|
||
|
}
|
||
|
footer a {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
</style>
|
||
|
|
||
|
<!-- Load dark reader's generated css as of 1/15/24 -->
|
||
|
<style>
|
||
|
/*! Dark reader generated CSS | Licensed under MIT https://github.com/darkreader/darkreader/blob/main/LICENSE */
|
||
|
|
||
|
/* User-Agent Style */
|
||
|
html {
|
||
|
background-color: #242525 !important;
|
||
|
}
|
||
|
html {
|
||
|
color-scheme: dark !important;
|
||
|
}
|
||
|
html, body {
|
||
|
background-color: #242525;
|
||
|
}
|
||
|
html, body {
|
||
|
border-color: #776f62;
|
||
|
color: #e5e0d8;
|
||
|
}
|
||
|
a {
|
||
|
color: #4791e6;
|
||
|
}
|
||
|
table {
|
||
|
border-color: #5c6060;
|
||
|
}
|
||
|
::placeholder {
|
||
|
color: #b2aa9e;
|
||
|
}
|
||
|
input:-webkit-autofill,
|
||
|
textarea:-webkit-autofill,
|
||
|
select:-webkit-autofill {
|
||
|
background-color: #484a12 !important;
|
||
|
color: #e5e0d8 !important;
|
||
|
}
|
||
|
::-webkit-scrollbar {
|
||
|
background-color: #2b2d2d;
|
||
|
color: #aca496;
|
||
|
}
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background-color: #4e5151;
|
||
|
}
|
||
|
::-webkit-scrollbar-thumb:hover {
|
||
|
background-color: #5f6364;
|
||
|
}
|
||
|
::-webkit-scrollbar-thumb:active {
|
||
|
background-color: #515455;
|
||
|
}
|
||
|
::-webkit-scrollbar-corner {
|
||
|
background-color: #242525;
|
||
|
}
|
||
|
* {
|
||
|
scrollbar-color: #4e5151 #2b2d2d;
|
||
|
}
|
||
|
::selection {
|
||
|
background-color: #15539c !important;
|
||
|
color: #e5e0d8 !important;
|
||
|
}
|
||
|
::-moz-selection {
|
||
|
background-color: #15539c !important;
|
||
|
color: #e5e0d8 !important;
|
||
|
}
|
||
|
|
||
|
/* Variables Style */
|
||
|
:root {
|
||
|
--darkreader-neutral-background: #1f2020;
|
||
|
--darkreader-neutral-text: #d6d0c6;
|
||
|
--darkreader-selection-background: #15539c;
|
||
|
--darkreader-selection-text: #e5e0d8;
|
||
|
}
|
||
|
|
||
|
/* Modified CSS */
|
||
|
.button,
|
||
|
.file-cta,
|
||
|
.file-name,
|
||
|
.input,
|
||
|
.pagination-ellipsis,
|
||
|
.pagination-link,
|
||
|
.pagination-next,
|
||
|
.pagination-previous,
|
||
|
.select select,
|
||
|
.textarea {
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button:active,
|
||
|
.button:focus,
|
||
|
.file-cta:active,
|
||
|
.file-cta:focus,
|
||
|
.file-name:active,
|
||
|
.file-name:focus,
|
||
|
.input:active,
|
||
|
.input:focus,
|
||
|
.is-active.button,
|
||
|
.is-active.file-cta,
|
||
|
.is-active.file-name,
|
||
|
.is-active.input,
|
||
|
.is-active.pagination-ellipsis,
|
||
|
.is-active.pagination-link,
|
||
|
.is-active.pagination-next,
|
||
|
.is-active.pagination-previous,
|
||
|
.is-active.textarea,
|
||
|
.is-focused.button,
|
||
|
.is-focused.file-cta,
|
||
|
.is-focused.file-name,
|
||
|
.is-focused.input,
|
||
|
.is-focused.pagination-ellipsis,
|
||
|
.is-focused.pagination-link,
|
||
|
.is-focused.pagination-next,
|
||
|
.is-focused.pagination-previous,
|
||
|
.is-focused.textarea,
|
||
|
.pagination-ellipsis:active,
|
||
|
.pagination-ellipsis:focus,
|
||
|
.pagination-link:active,
|
||
|
.pagination-link:focus,
|
||
|
.pagination-next:active,
|
||
|
.pagination-next:focus,
|
||
|
.pagination-previous:active,
|
||
|
.pagination-previous:focus,
|
||
|
.select select.is-active,
|
||
|
.select select.is-focused,
|
||
|
.select select:active,
|
||
|
.select select:focus,
|
||
|
.textarea:active,
|
||
|
.textarea:focus {
|
||
|
outline-color: currentcolor;
|
||
|
}
|
||
|
.navbar-link:not(.is-arrowless)::after,
|
||
|
.select:not(.is-multiple):not(.is-loading)::after {
|
||
|
border-color: currentcolor currentcolor transparent transparent;
|
||
|
}
|
||
|
.delete,
|
||
|
.modal-close {
|
||
|
background-color: rgba(21, 20, 20, 0.2);
|
||
|
border-color: currentcolor;
|
||
|
outline-color: currentcolor;
|
||
|
}
|
||
|
.delete::after,
|
||
|
.delete::before,
|
||
|
.modal-close::after,
|
||
|
.modal-close::before {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.delete:focus,
|
||
|
.delete:hover,
|
||
|
.modal-close:focus,
|
||
|
.modal-close:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.3);
|
||
|
}
|
||
|
.delete:active,
|
||
|
.modal-close:active {
|
||
|
background-color: rgba(21, 20, 20, 0.4);
|
||
|
}
|
||
|
.button.is-loading::after,
|
||
|
.control.is-loading::after,
|
||
|
.loader,
|
||
|
.select.is-loading::after {
|
||
|
border-color: transparent transparent rgb(68, 71, 71) rgb(68, 71, 71);
|
||
|
}
|
||
|
.navbar-burger {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
border-color: currentcolor;
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
ul {
|
||
|
list-style-image: none;
|
||
|
}
|
||
|
iframe {
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
html {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
body {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
a {
|
||
|
color: rgb(101, 139, 189);
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
a strong {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
a:hover {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
code {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(221, 70, 98);
|
||
|
}
|
||
|
hr {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
strong {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
fieldset {
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
pre {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
pre code {
|
||
|
background-color: transparent;
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
table th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.box {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
|
||
|
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
a.box:focus,
|
||
|
a.box:hover {
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
|
||
|
rgb(59, 72, 139) 0px 0px 0px 1px;
|
||
|
}
|
||
|
a.box:active {
|
||
|
box-shadow: rgba(21, 20, 20, 0.2) 0px 1px 2px inset,
|
||
|
rgb(59, 72, 139) 0px 0px 0px 1px;
|
||
|
}
|
||
|
.button {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.button.is-hovered,
|
||
|
.button:hover {
|
||
|
border-color: rgb(78, 82, 82);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-focused,
|
||
|
.button:focus {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-focused:not(:active),
|
||
|
.button:focus:not(:active) {
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-active,
|
||
|
.button:active {
|
||
|
border-color: rgb(120, 111, 99);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-text {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
color: rgb(185, 177, 166);
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.button.is-text.is-focused,
|
||
|
.button.is-text.is-hovered,
|
||
|
.button.is-text:focus,
|
||
|
.button.is-text:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-text.is-active,
|
||
|
.button.is-text:active {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-text[disabled],
|
||
|
fieldset[disabled] .button.is-text {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-ghost {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
border-color: transparent;
|
||
|
color: rgb(101, 139, 189);
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.button.is-ghost.is-hovered,
|
||
|
.button.is-ghost:hover {
|
||
|
color: rgb(101, 139, 189);
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.button.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white.is-hovered,
|
||
|
.button.is-white:hover {
|
||
|
background-color: rgb(39, 40, 40);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white.is-focused,
|
||
|
.button.is-white:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white.is-focused:not(:active),
|
||
|
.button.is-white:focus:not(:active) {
|
||
|
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-white.is-active,
|
||
|
.button.is-white:active {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white[disabled],
|
||
|
fieldset[disabled] .button.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-white.is-inverted {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-white.is-inverted.is-hovered,
|
||
|
.button.is-white.is-inverted:hover {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
}
|
||
|
.button.is-white.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-white.is-inverted {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-white.is-loading::after {
|
||
|
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !important;
|
||
|
}
|
||
|
.button.is-white.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-white.is-outlined.is-focused,
|
||
|
.button.is-white.is-outlined.is-hovered,
|
||
|
.button.is-white.is-outlined:focus,
|
||
|
.button.is-white.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-white.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-white.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-white.is-outlined.is-loading:focus::after,
|
||
|
.button.is-white.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !important;
|
||
|
}
|
||
|
.button.is-white.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-white.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-white.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-white.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-white.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-white.is-inverted.is-outlined:focus,
|
||
|
.button.is-white.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-white.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-white.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-white.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
box-shadow: none;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black.is-hovered,
|
||
|
.button.is-black:hover {
|
||
|
background-color: rgb(16, 16, 15);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black.is-focused,
|
||
|
.button.is-black:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black.is-focused:not(:active),
|
||
|
.button.is-black:focus:not(:active) {
|
||
|
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-black.is-active,
|
||
|
.button.is-black:active {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black[disabled],
|
||
|
fieldset[disabled] .button.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-black.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black.is-inverted.is-hovered,
|
||
|
.button.is-black.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-black.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-black.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-black.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black.is-outlined.is-focused,
|
||
|
.button.is-black.is-outlined.is-hovered,
|
||
|
.button.is-black.is-outlined:focus,
|
||
|
.button.is-black.is-outlined:hover {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !important;
|
||
|
}
|
||
|
.button.is-black.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-black.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-black.is-outlined.is-loading:focus::after,
|
||
|
.button.is-black.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-black.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-black.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
box-shadow: none;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-black.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-black.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-black.is-inverted.is-outlined:focus,
|
||
|
.button.is-black.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-black.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-black.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !important;
|
||
|
}
|
||
|
.button.is-black.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-hovered,
|
||
|
.button.is-light:hover {
|
||
|
background-color: rgb(45, 46, 46);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-focused,
|
||
|
.button.is-light:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-focused:not(:active),
|
||
|
.button.is-light:focus:not(:active) {
|
||
|
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-light.is-active,
|
||
|
.button.is-light:active {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light[disabled],
|
||
|
fieldset[disabled] .button.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-light.is-inverted {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-light.is-inverted.is-hovered,
|
||
|
.button.is-light.is-inverted:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-light.is-inverted {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-light.is-loading::after {
|
||
|
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
|
||
|
}
|
||
|
.button.is-light.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-light.is-outlined.is-focused,
|
||
|
.button.is-light.is-outlined.is-hovered,
|
||
|
.button.is-light.is-outlined:focus,
|
||
|
.button.is-light.is-outlined:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(61, 63, 63) rgb(61, 63, 63) !important;
|
||
|
}
|
||
|
.button.is-light.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-light.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-light.is-outlined.is-loading:focus::after,
|
||
|
.button.is-light.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
|
||
|
}
|
||
|
.button.is-light.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-light.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
box-shadow: none;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-light.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-light.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-light.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-light.is-inverted.is-outlined:focus,
|
||
|
.button.is-light.is-inverted.is-outlined:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-light.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-light.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(61, 63, 63) rgb(61, 63, 63) !important;
|
||
|
}
|
||
|
.button.is-light.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
box-shadow: none;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark.is-hovered,
|
||
|
.button.is-dark:hover {
|
||
|
background-color: rgb(46, 48, 48);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark.is-focused,
|
||
|
.button.is-dark:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark.is-focused:not(:active),
|
||
|
.button.is-dark:focus:not(:active) {
|
||
|
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-dark.is-active,
|
||
|
.button.is-dark:active {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark[disabled],
|
||
|
fieldset[disabled] .button.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-dark.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-dark.is-inverted.is-hovered,
|
||
|
.button.is-dark.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-dark.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-dark.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-dark.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-dark.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-dark.is-outlined.is-focused,
|
||
|
.button.is-dark.is-outlined.is-hovered,
|
||
|
.button.is-dark.is-outlined:focus,
|
||
|
.button.is-dark.is-outlined:hover {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(126, 117, 103) rgb(126, 117, 103) !important;
|
||
|
}
|
||
|
.button.is-dark.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-dark.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-dark.is-outlined.is-loading:focus::after,
|
||
|
.button.is-dark.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-dark.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-dark.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
box-shadow: none;
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-dark.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-dark.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-dark.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-dark.is-inverted.is-outlined:focus,
|
||
|
.button.is-dark.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-dark.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(126, 117, 103) rgb(126, 117, 103) !important;
|
||
|
}
|
||
|
.button.is-dark.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-hovered,
|
||
|
.button.is-primary:hover {
|
||
|
background-color: rgb(26, 152, 130);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-focused,
|
||
|
.button.is-primary:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-focused:not(:active),
|
||
|
.button.is-primary:focus:not(:active) {
|
||
|
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-primary.is-active,
|
||
|
.button.is-primary:active {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary[disabled],
|
||
|
fieldset[disabled] .button.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-primary.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.button.is-primary.is-inverted.is-hovered,
|
||
|
.button.is-primary.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-primary.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-primary.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.button.is-primary.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-primary.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.button.is-primary.is-outlined.is-focused,
|
||
|
.button.is-primary.is-outlined.is-hovered,
|
||
|
.button.is-primary.is-outlined:focus,
|
||
|
.button.is-primary.is-outlined:hover {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(29, 183, 157) rgb(29, 183, 157) !important;
|
||
|
}
|
||
|
.button.is-primary.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-primary.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-primary.is-outlined.is-loading:focus::after,
|
||
|
.button.is-primary.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-primary.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-primary.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
box-shadow: none;
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.button.is-primary.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-primary.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-primary.is-inverted.is-outlined:focus,
|
||
|
.button.is-primary.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-primary.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(29, 183, 157) rgb(29, 183, 157) !important;
|
||
|
}
|
||
|
.button.is-primary.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-primary.is-light {
|
||
|
background-color: rgb(19, 69, 62);
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.button.is-primary.is-light.is-hovered,
|
||
|
.button.is-primary.is-light:hover {
|
||
|
background-color: rgb(19, 76, 68);
|
||
|
border-color: transparent;
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.button.is-primary.is-light.is-active,
|
||
|
.button.is-primary.is-light:active {
|
||
|
background-color: rgb(20, 83, 74);
|
||
|
border-color: transparent;
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.button.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-hovered,
|
||
|
.button.is-link:hover {
|
||
|
background-color: rgb(60, 75, 144);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-focused,
|
||
|
.button.is-link:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-focused:not(:active),
|
||
|
.button.is-link:focus:not(:active) {
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-link.is-active,
|
||
|
.button.is-link:active {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link[disabled],
|
||
|
fieldset[disabled] .button.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-link.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.button.is-link.is-inverted.is-hovered,
|
||
|
.button.is-link.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-link.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-link.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.button.is-link.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-link.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.button.is-link.is-outlined.is-focused,
|
||
|
.button.is-link.is-outlined.is-hovered,
|
||
|
.button.is-link.is-outlined:focus,
|
||
|
.button.is-link.is-outlined:hover {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(54, 66, 126) rgb(54, 66, 126) !important;
|
||
|
}
|
||
|
.button.is-link.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-link.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-link.is-outlined.is-loading:focus::after,
|
||
|
.button.is-link.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-link.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-link.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
box-shadow: none;
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.button.is-link.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-link.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-link.is-inverted.is-outlined:focus,
|
||
|
.button.is-link.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-link.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-link.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(54, 66, 126) rgb(54, 66, 126) !important;
|
||
|
}
|
||
|
.button.is-link.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-link.is-light {
|
||
|
background-color: rgb(41, 42, 43);
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.button.is-link.is-light.is-hovered,
|
||
|
.button.is-link.is-light:hover {
|
||
|
background-color: rgb(44, 46, 46);
|
||
|
border-color: transparent;
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.button.is-link.is-light.is-active,
|
||
|
.button.is-link.is-light:active {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
border-color: transparent;
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.button.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-hovered,
|
||
|
.button.is-info:hover {
|
||
|
background-color: rgb(56, 110, 153);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-focused,
|
||
|
.button.is-info:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-focused:not(:active),
|
||
|
.button.is-info:focus:not(:active) {
|
||
|
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-info.is-active,
|
||
|
.button.is-info:active {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info[disabled],
|
||
|
fieldset[disabled] .button.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-info.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.button.is-info.is-inverted.is-hovered,
|
||
|
.button.is-info.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-info.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-info.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.button.is-info.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-info.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.button.is-info.is-outlined.is-focused,
|
||
|
.button.is-info.is-outlined.is-hovered,
|
||
|
.button.is-info.is-outlined:focus,
|
||
|
.button.is-info.is-outlined:hover {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(51, 96, 133) rgb(51, 96, 133) !important;
|
||
|
}
|
||
|
.button.is-info.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-info.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-info.is-outlined.is-loading:focus::after,
|
||
|
.button.is-info.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-info.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-info.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
box-shadow: none;
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.button.is-info.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-info.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-info.is-inverted.is-outlined:focus,
|
||
|
.button.is-info.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-info.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-info.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(51, 96, 133) rgb(51, 96, 133) !important;
|
||
|
}
|
||
|
.button.is-info.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-info.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.button.is-info.is-light.is-hovered,
|
||
|
.button.is-info.is-light:hover {
|
||
|
background-color: rgb(44, 46, 46);
|
||
|
border-color: transparent;
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.button.is-info.is-light.is-active,
|
||
|
.button.is-info.is-light:active {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
border-color: transparent;
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.button.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-hovered,
|
||
|
.button.is-success:hover {
|
||
|
background-color: rgb(66, 151, 118);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-focused,
|
||
|
.button.is-success:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-focused:not(:active),
|
||
|
.button.is-success:focus:not(:active) {
|
||
|
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-success.is-active,
|
||
|
.button.is-success:active {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success[disabled],
|
||
|
fieldset[disabled] .button.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-success.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.button.is-success.is-inverted.is-hovered,
|
||
|
.button.is-success.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-success.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-success.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.button.is-success.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-success.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.button.is-success.is-outlined.is-focused,
|
||
|
.button.is-success.is-outlined.is-hovered,
|
||
|
.button.is-success.is-outlined:focus,
|
||
|
.button.is-success.is-outlined:hover {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(59, 132, 96) rgb(59, 132, 96) !important;
|
||
|
}
|
||
|
.button.is-success.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-success.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-success.is-outlined.is-loading:focus::after,
|
||
|
.button.is-success.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-success.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-success.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
box-shadow: none;
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.button.is-success.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-success.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-success.is-inverted.is-outlined:focus,
|
||
|
.button.is-success.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-success.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-success.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(59, 132, 96) rgb(59, 132, 96) !important;
|
||
|
}
|
||
|
.button.is-success.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-success.is-light {
|
||
|
background-color: rgb(30, 56, 46);
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.button.is-success.is-light.is-hovered,
|
||
|
.button.is-success.is-light:hover {
|
||
|
background-color: rgb(32, 61, 49);
|
||
|
border-color: transparent;
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.button.is-success.is-light.is-active,
|
||
|
.button.is-success.is-light:active {
|
||
|
background-color: rgb(34, 67, 54);
|
||
|
border-color: transparent;
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.button.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-hovered,
|
||
|
.button.is-warning:hover {
|
||
|
background-color: rgb(100, 78, 18);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-focused,
|
||
|
.button.is-warning:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-focused:not(:active),
|
||
|
.button.is-warning:focus:not(:active) {
|
||
|
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-warning.is-active,
|
||
|
.button.is-warning:active {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning[disabled],
|
||
|
fieldset[disabled] .button.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-warning.is-inverted {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.button.is-warning.is-inverted.is-hovered,
|
||
|
.button.is-warning.is-inverted:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-warning.is-inverted {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.button.is-warning.is-loading::after {
|
||
|
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
|
||
|
}
|
||
|
.button.is-warning.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.button.is-warning.is-outlined.is-focused,
|
||
|
.button.is-warning.is-outlined.is-hovered,
|
||
|
.button.is-warning.is-outlined:focus,
|
||
|
.button.is-warning.is-outlined:hover {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(136, 105, 21) rgb(136, 105, 21) !important;
|
||
|
}
|
||
|
.button.is-warning.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-warning.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-warning.is-outlined.is-loading:focus::after,
|
||
|
.button.is-warning.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
|
||
|
}
|
||
|
.button.is-warning.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-warning.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
box-shadow: none;
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.button.is-warning.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-warning.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-warning.is-inverted.is-outlined:focus,
|
||
|
.button.is-warning.is-inverted.is-outlined:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-warning.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(136, 105, 21) rgb(136, 105, 21) !important;
|
||
|
}
|
||
|
.button.is-warning.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
box-shadow: none;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.button.is-warning.is-light {
|
||
|
background-color: rgb(55, 45, 16);
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.button.is-warning.is-light.is-hovered,
|
||
|
.button.is-warning.is-light:hover {
|
||
|
background-color: rgb(61, 49, 16);
|
||
|
border-color: transparent;
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.button.is-warning.is-light.is-active,
|
||
|
.button.is-warning.is-light:active {
|
||
|
background-color: rgb(66, 53, 16);
|
||
|
border-color: transparent;
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.button.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-hovered,
|
||
|
.button.is-danger:hover {
|
||
|
background-color: rgb(155, 30, 54);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-focused,
|
||
|
.button.is-danger:focus {
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-focused:not(:active),
|
||
|
.button.is-danger:focus:not(:active) {
|
||
|
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.button.is-danger.is-active,
|
||
|
.button.is-danger:active {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger[disabled],
|
||
|
fieldset[disabled] .button.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-danger.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.button.is-danger.is-inverted.is-hovered,
|
||
|
.button.is-danger.is-inverted:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
}
|
||
|
.button.is-danger.is-inverted[disabled],
|
||
|
fieldset[disabled] .button.is-danger.is-inverted {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.button.is-danger.is-loading::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-danger.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.button.is-danger.is-outlined.is-focused,
|
||
|
.button.is-danger.is-outlined.is-hovered,
|
||
|
.button.is-danger.is-outlined:focus,
|
||
|
.button.is-danger.is-outlined:hover {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-outlined.is-loading::after {
|
||
|
border-color: transparent transparent rgb(141, 28, 49) rgb(141, 28, 49) !important;
|
||
|
}
|
||
|
.button.is-danger.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-danger.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-danger.is-outlined.is-loading:focus::after,
|
||
|
.button.is-danger.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
|
||
|
}
|
||
|
.button.is-danger.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-danger.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
box-shadow: none;
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.button.is-danger.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-inverted.is-outlined.is-focused,
|
||
|
.button.is-danger.is-inverted.is-outlined.is-hovered,
|
||
|
.button.is-danger.is-inverted.is-outlined:focus,
|
||
|
.button.is-danger.is-inverted.is-outlined:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after,
|
||
|
.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after,
|
||
|
.button.is-danger.is-inverted.is-outlined.is-loading:focus::after,
|
||
|
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after {
|
||
|
border-color: transparent transparent rgb(141, 28, 49) rgb(141, 28, 49) !important;
|
||
|
}
|
||
|
.button.is-danger.is-inverted.is-outlined[disabled],
|
||
|
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
|
||
|
background-color: transparent;
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
box-shadow: none;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.button.is-danger.is-light {
|
||
|
background-color: rgb(64, 18, 27);
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.button.is-danger.is-light.is-hovered,
|
||
|
.button.is-danger.is-light:hover {
|
||
|
background-color: rgb(70, 19, 28);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.button.is-danger.is-light.is-active,
|
||
|
.button.is-danger.is-light:active {
|
||
|
background-color: rgb(76, 20, 30);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.button[disabled],
|
||
|
fieldset[disabled] .button {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.button.is-loading {
|
||
|
color: transparent !important;
|
||
|
}
|
||
|
.button.is-static {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
color: rgb(157, 147, 133);
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.content h1,
|
||
|
.content h2,
|
||
|
.content h3,
|
||
|
.content h4,
|
||
|
.content h5,
|
||
|
.content h6 {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.content blockquote {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-left-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.content ul {
|
||
|
list-style-image: none;
|
||
|
}
|
||
|
.content table td,
|
||
|
.content table th {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.content table th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.content table thead td,
|
||
|
.content table thead th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.content table tfoot td,
|
||
|
.content table tfoot th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.icon-text {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.notification {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.notification a:not(.button):not(.dropdown-item) {
|
||
|
color: currentcolor;
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.notification strong {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.notification code,
|
||
|
.notification pre {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
background-image: none;
|
||
|
}
|
||
|
.notification pre code {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
}
|
||
|
.notification .content,
|
||
|
.notification .subtitle,
|
||
|
.notification .title {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.notification.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.notification.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.notification.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-primary.is-light {
|
||
|
background-color: rgb(19, 69, 62);
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.notification.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-link.is-light {
|
||
|
background-color: rgb(41, 42, 43);
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.notification.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-info.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.notification.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-success.is-light {
|
||
|
background-color: rgb(30, 56, 46);
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.notification.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.notification.is-warning.is-light {
|
||
|
background-color: rgb(55, 45, 16);
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.notification.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.notification.is-danger.is-light {
|
||
|
background-color: rgb(64, 18, 27);
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.progress {
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
.progress::-webkit-progress-bar {
|
||
|
background-color: rgb(45, 47, 47);
|
||
|
}
|
||
|
.progress::-webkit-progress-value {
|
||
|
background-color: rgb(66, 68, 69);
|
||
|
}
|
||
|
.progress::-moz-progress-bar {
|
||
|
background-color: rgb(66, 68, 69);
|
||
|
}
|
||
|
.progress.is-white::-webkit-progress-value {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.progress.is-white::-moz-progress-bar {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.progress.is-white:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(36, 37, 37) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-black::-webkit-progress-value {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
}
|
||
|
.progress.is-black::-moz-progress-bar {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
}
|
||
|
.progress.is-black:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(21, 20, 20) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-light::-webkit-progress-value {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.progress.is-light::-moz-progress-bar {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.progress.is-light:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(41, 42, 42) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-dark::-webkit-progress-value {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
}
|
||
|
.progress.is-dark::-moz-progress-bar {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
}
|
||
|
.progress.is-dark:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(52, 53, 54) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-primary::-webkit-progress-value {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
}
|
||
|
.progress.is-primary::-moz-progress-bar {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
}
|
||
|
.progress.is-primary:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(27, 161, 137) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-link::-webkit-progress-value {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
}
|
||
|
.progress.is-link::-moz-progress-bar {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
}
|
||
|
.progress.is-link:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(59, 72, 139) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-info::-webkit-progress-value {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
}
|
||
|
.progress.is-info::-moz-progress-bar {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
}
|
||
|
.progress.is-info:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(55, 106, 148) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-success::-webkit-progress-value {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
}
|
||
|
.progress.is-success::-moz-progress-bar {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
}
|
||
|
.progress.is-success:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(64, 146, 115) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-warning::-webkit-progress-value {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
}
|
||
|
.progress.is-warning::-moz-progress-bar {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
}
|
||
|
.progress.is-warning:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(95, 74, 18) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress.is-danger::-webkit-progress-value {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
}
|
||
|
.progress.is-danger::-moz-progress-bar {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
}
|
||
|
.progress.is-danger:indeterminate {
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(148, 29, 51) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress:indeterminate {
|
||
|
background-color: rgb(45, 47, 47);
|
||
|
background-image: linear-gradient(to right,
|
||
|
rgb(66, 68, 69) 30%,
|
||
|
rgb(45, 47, 47) 30%);
|
||
|
}
|
||
|
.progress:indeterminate::-webkit-progress-bar {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.progress:indeterminate::-moz-progress-bar {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.table {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.table td,
|
||
|
.table th {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.table td.is-white,
|
||
|
.table th.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.table td.is-black,
|
||
|
.table th.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-light,
|
||
|
.table th.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.table td.is-dark,
|
||
|
.table th.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-primary,
|
||
|
.table th.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-link,
|
||
|
.table th.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-info,
|
||
|
.table th.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-success,
|
||
|
.table th.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-warning,
|
||
|
.table th.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.table td.is-danger,
|
||
|
.table th.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-selected,
|
||
|
.table th.is-selected {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table td.is-selected a,
|
||
|
.table td.is-selected strong,
|
||
|
.table th.is-selected a,
|
||
|
.table th.is-selected strong {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.table th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.table tr.is-selected {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.table tr.is-selected a,
|
||
|
.table tr.is-selected strong {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.table tr.is-selected td,
|
||
|
.table tr.is-selected th {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.table thead {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.table thead td,
|
||
|
.table thead th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.table tfoot {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.table tfoot td,
|
||
|
.table tfoot th {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.table tbody {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.table.is-hoverable tbody tr:not(.is-selected):hover {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.tag:not(body) {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.tag:not(body).is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.tag:not(body).is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.tag:not(body).is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-primary.is-light {
|
||
|
background-color: rgb(19, 69, 62);
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.tag:not(body).is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-link.is-light {
|
||
|
background-color: rgb(41, 42, 43);
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.tag:not(body).is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-info.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.tag:not(body).is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-success.is-light {
|
||
|
background-color: rgb(30, 56, 46);
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.tag:not(body).is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.tag:not(body).is-warning.is-light {
|
||
|
background-color: rgb(55, 45, 16);
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.tag:not(body).is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tag:not(body).is-danger.is-light {
|
||
|
background-color: rgb(64, 18, 27);
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.tag:not(body).is-delete::after,
|
||
|
.tag:not(body).is-delete::before {
|
||
|
background-color: currentcolor;
|
||
|
}
|
||
|
.tag:not(body).is-delete:focus,
|
||
|
.tag:not(body).is-delete:hover {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
}
|
||
|
.tag:not(body).is-delete:active {
|
||
|
background-color: rgb(55, 57, 57);
|
||
|
}
|
||
|
a.tag:hover {
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.title {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.title strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.subtitle {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.subtitle strong {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.number {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.input,
|
||
|
.select select,
|
||
|
.textarea {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.input::placeholder,
|
||
|
.select select::placeholder,
|
||
|
.textarea::placeholder {
|
||
|
color: rgba(197, 190, 179, 0.3);
|
||
|
}
|
||
|
.input::-webkit-input-placeholder,
|
||
|
.select select::-webkit-input-placeholder,
|
||
|
.textarea::-webkit-input-placeholder {
|
||
|
color: rgba(197, 190, 179, 0.3);
|
||
|
}
|
||
|
.input:-moz-placeholder,
|
||
|
.select select:-moz-placeholder,
|
||
|
.textarea:-moz-placeholder {
|
||
|
color: rgba(197, 190, 179, 0.3);
|
||
|
}
|
||
|
.input:hover,
|
||
|
.is-hovered.input,
|
||
|
.is-hovered.textarea,
|
||
|
.select select.is-hovered,
|
||
|
.select select:hover,
|
||
|
.textarea:hover {
|
||
|
border-color: rgb(78, 82, 82);
|
||
|
}
|
||
|
.input:active,
|
||
|
.input:focus,
|
||
|
.is-active.input,
|
||
|
.is-active.textarea,
|
||
|
.is-focused.input,
|
||
|
.is-focused.textarea,
|
||
|
.select select.is-active,
|
||
|
.select select.is-focused,
|
||
|
.select select:active,
|
||
|
.select select:focus,
|
||
|
.textarea:active,
|
||
|
.textarea:focus {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.input[disabled],
|
||
|
.select fieldset[disabled] select,
|
||
|
.select select[disabled],
|
||
|
.textarea[disabled],
|
||
|
fieldset[disabled] .input,
|
||
|
fieldset[disabled] .select select,
|
||
|
fieldset[disabled] .textarea {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
box-shadow: none;
|
||
|
color: rgb(157, 147, 133);
|
||
|
}
|
||
|
.input[disabled]::placeholder,
|
||
|
.select fieldset[disabled] select::placeholder,
|
||
|
.select select[disabled]::placeholder,
|
||
|
.textarea[disabled]::placeholder,
|
||
|
fieldset[disabled] .input::placeholder,
|
||
|
fieldset[disabled] .select select::placeholder,
|
||
|
fieldset[disabled] .textarea::placeholder {
|
||
|
color: rgba(157, 147, 133, 0.3);
|
||
|
}
|
||
|
.input[disabled]::-webkit-input-placeholder,
|
||
|
.select fieldset[disabled] select::-webkit-input-placeholder,
|
||
|
.select select[disabled]::-webkit-input-placeholder,
|
||
|
.textarea[disabled]::-webkit-input-placeholder,
|
||
|
fieldset[disabled] .input::-webkit-input-placeholder,
|
||
|
fieldset[disabled] .select select::-webkit-input-placeholder,
|
||
|
fieldset[disabled] .textarea::-webkit-input-placeholder {
|
||
|
color: rgba(157, 147, 133, 0.3);
|
||
|
}
|
||
|
.input[disabled]:-moz-placeholder,
|
||
|
.select fieldset[disabled] select:-moz-placeholder,
|
||
|
.select select[disabled]:-moz-placeholder,
|
||
|
.textarea[disabled]:-moz-placeholder,
|
||
|
fieldset[disabled] .input:-moz-placeholder,
|
||
|
fieldset[disabled] .select select:-moz-placeholder,
|
||
|
fieldset[disabled] .textarea:-moz-placeholder {
|
||
|
color: rgba(157, 147, 133, 0.3);
|
||
|
}
|
||
|
.input,
|
||
|
.textarea {
|
||
|
box-shadow: rgba(21, 20, 20, 0.05) 0px 0.0625em 0.125em inset;
|
||
|
}
|
||
|
.input[readonly],
|
||
|
.textarea[readonly] {
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.is-white.input,
|
||
|
.is-white.textarea {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.is-white.input:active,
|
||
|
.is-white.input:focus,
|
||
|
.is-white.is-active.input,
|
||
|
.is-white.is-active.textarea,
|
||
|
.is-white.is-focused.input,
|
||
|
.is-white.is-focused.textarea,
|
||
|
.is-white.textarea:active,
|
||
|
.is-white.textarea:focus {
|
||
|
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-black.input,
|
||
|
.is-black.textarea {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.is-black.input:active,
|
||
|
.is-black.input:focus,
|
||
|
.is-black.is-active.input,
|
||
|
.is-black.is-active.textarea,
|
||
|
.is-black.is-focused.input,
|
||
|
.is-black.is-focused.textarea,
|
||
|
.is-black.textarea:active,
|
||
|
.is-black.textarea:focus {
|
||
|
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-light.input,
|
||
|
.is-light.textarea {
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.is-light.input:active,
|
||
|
.is-light.input:focus,
|
||
|
.is-light.is-active.input,
|
||
|
.is-light.is-active.textarea,
|
||
|
.is-light.is-focused.input,
|
||
|
.is-light.is-focused.textarea,
|
||
|
.is-light.textarea:active,
|
||
|
.is-light.textarea:focus {
|
||
|
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-dark.input,
|
||
|
.is-dark.textarea {
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.is-dark.input:active,
|
||
|
.is-dark.input:focus,
|
||
|
.is-dark.is-active.input,
|
||
|
.is-dark.is-active.textarea,
|
||
|
.is-dark.is-focused.input,
|
||
|
.is-dark.is-focused.textarea,
|
||
|
.is-dark.textarea:active,
|
||
|
.is-dark.textarea:focus {
|
||
|
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-primary.input,
|
||
|
.is-primary.textarea {
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
}
|
||
|
.is-primary.input:active,
|
||
|
.is-primary.input:focus,
|
||
|
.is-primary.is-active.input,
|
||
|
.is-primary.is-active.textarea,
|
||
|
.is-primary.is-focused.input,
|
||
|
.is-primary.is-focused.textarea,
|
||
|
.is-primary.textarea:active,
|
||
|
.is-primary.textarea:focus {
|
||
|
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-link.input,
|
||
|
.is-link.textarea {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.is-link.input:active,
|
||
|
.is-link.input:focus,
|
||
|
.is-link.is-active.input,
|
||
|
.is-link.is-active.textarea,
|
||
|
.is-link.is-focused.input,
|
||
|
.is-link.is-focused.textarea,
|
||
|
.is-link.textarea:active,
|
||
|
.is-link.textarea:focus {
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-info.input,
|
||
|
.is-info.textarea {
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
}
|
||
|
.is-info.input:active,
|
||
|
.is-info.input:focus,
|
||
|
.is-info.is-active.input,
|
||
|
.is-info.is-active.textarea,
|
||
|
.is-info.is-focused.input,
|
||
|
.is-info.is-focused.textarea,
|
||
|
.is-info.textarea:active,
|
||
|
.is-info.textarea:focus {
|
||
|
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-success.input,
|
||
|
.is-success.textarea {
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
}
|
||
|
.is-success.input:active,
|
||
|
.is-success.input:focus,
|
||
|
.is-success.is-active.input,
|
||
|
.is-success.is-active.textarea,
|
||
|
.is-success.is-focused.input,
|
||
|
.is-success.is-focused.textarea,
|
||
|
.is-success.textarea:active,
|
||
|
.is-success.textarea:focus {
|
||
|
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-warning.input,
|
||
|
.is-warning.textarea {
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
}
|
||
|
.is-warning.input:active,
|
||
|
.is-warning.input:focus,
|
||
|
.is-warning.is-active.input,
|
||
|
.is-warning.is-active.textarea,
|
||
|
.is-warning.is-focused.input,
|
||
|
.is-warning.is-focused.textarea,
|
||
|
.is-warning.textarea:active,
|
||
|
.is-warning.textarea:focus {
|
||
|
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.is-danger.input,
|
||
|
.is-danger.textarea {
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
}
|
||
|
.is-danger.input:active,
|
||
|
.is-danger.input:focus,
|
||
|
.is-danger.is-active.input,
|
||
|
.is-danger.is-active.textarea,
|
||
|
.is-danger.is-focused.input,
|
||
|
.is-danger.is-focused.textarea,
|
||
|
.is-danger.textarea:active,
|
||
|
.is-danger.textarea:focus {
|
||
|
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.input.is-static {
|
||
|
background-color: transparent;
|
||
|
border-color: transparent;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
.checkbox:hover,
|
||
|
.radio:hover {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.checkbox input[disabled],
|
||
|
.checkbox[disabled],
|
||
|
.radio input[disabled],
|
||
|
.radio[disabled],
|
||
|
fieldset[disabled] .checkbox,
|
||
|
fieldset[disabled] .radio {
|
||
|
color: rgb(157, 147, 133);
|
||
|
}
|
||
|
.select:not(.is-multiple):not(.is-loading)::after {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.select select {
|
||
|
outline-color: currentcolor;
|
||
|
}
|
||
|
.select select[disabled]:hover,
|
||
|
fieldset[disabled] .select select:hover {
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.select:not(.is-multiple):not(.is-loading):hover::after {
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.select.is-white:not(:hover)::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.select.is-white select {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.select.is-white select.is-hovered,
|
||
|
.select.is-white select:hover {
|
||
|
border-color: rgb(62, 64, 64);
|
||
|
}
|
||
|
.select.is-white select.is-active,
|
||
|
.select.is-white select.is-focused,
|
||
|
.select.is-white select:active,
|
||
|
.select.is-white select:focus {
|
||
|
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-black:not(:hover)::after {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.select.is-black select {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.select.is-black select.is-hovered,
|
||
|
.select.is-black select:hover {
|
||
|
border-color: rgb(143, 132, 117);
|
||
|
}
|
||
|
.select.is-black select.is-active,
|
||
|
.select.is-black select.is-focused,
|
||
|
.select.is-black select:active,
|
||
|
.select.is-black select:focus {
|
||
|
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-light:not(:hover)::after {
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.select.is-light select {
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.select.is-light select.is-hovered,
|
||
|
.select.is-light select:hover {
|
||
|
border-color: rgb(64, 67, 67);
|
||
|
}
|
||
|
.select.is-light select.is-active,
|
||
|
.select.is-light select.is-focused,
|
||
|
.select.is-light select:active,
|
||
|
.select.is-light select:focus {
|
||
|
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-dark:not(:hover)::after {
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.select.is-dark select {
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.select.is-dark select.is-hovered,
|
||
|
.select.is-dark select:hover {
|
||
|
border-color: rgb(130, 121, 107);
|
||
|
}
|
||
|
.select.is-dark select.is-active,
|
||
|
.select.is-dark select.is-focused,
|
||
|
.select.is-dark select:active,
|
||
|
.select.is-dark select:focus {
|
||
|
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-primary:not(:hover)::after {
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
}
|
||
|
.select.is-primary select {
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
}
|
||
|
.select.is-primary select.is-hovered,
|
||
|
.select.is-primary select:hover {
|
||
|
border-color: rgb(30, 190, 161);
|
||
|
}
|
||
|
.select.is-primary select.is-active,
|
||
|
.select.is-primary select.is-focused,
|
||
|
.select.is-primary select:active,
|
||
|
.select.is-primary select:focus {
|
||
|
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-link:not(:hover)::after {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.select.is-link select {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.select.is-link select.is-hovered,
|
||
|
.select.is-link select:hover {
|
||
|
border-color: rgb(56, 69, 131);
|
||
|
}
|
||
|
.select.is-link select.is-active,
|
||
|
.select.is-link select.is-focused,
|
||
|
.select.is-link select:active,
|
||
|
.select.is-link select:focus {
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-info:not(:hover)::after {
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
}
|
||
|
.select.is-info select {
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
}
|
||
|
.select.is-info select.is-hovered,
|
||
|
.select.is-info select:hover {
|
||
|
border-color: rgb(53, 100, 138);
|
||
|
}
|
||
|
.select.is-info select.is-active,
|
||
|
.select.is-info select.is-focused,
|
||
|
.select.is-info select:active,
|
||
|
.select.is-info select:focus {
|
||
|
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-success:not(:hover)::after {
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
}
|
||
|
.select.is-success select {
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
}
|
||
|
.select.is-success select.is-hovered,
|
||
|
.select.is-success select:hover {
|
||
|
border-color: rgb(61, 137, 99);
|
||
|
}
|
||
|
.select.is-success select.is-active,
|
||
|
.select.is-success select.is-focused,
|
||
|
.select.is-success select:active,
|
||
|
.select.is-success select:focus {
|
||
|
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-warning:not(:hover)::after {
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
}
|
||
|
.select.is-warning select {
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
}
|
||
|
.select.is-warning select.is-hovered,
|
||
|
.select.is-warning select:hover {
|
||
|
border-color: rgb(143, 110, 21);
|
||
|
}
|
||
|
.select.is-warning select.is-active,
|
||
|
.select.is-warning select.is-focused,
|
||
|
.select.is-warning select:active,
|
||
|
.select.is-warning select:focus {
|
||
|
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-danger:not(:hover)::after {
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
}
|
||
|
.select.is-danger select {
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
}
|
||
|
.select.is-danger select.is-hovered,
|
||
|
.select.is-danger select:hover {
|
||
|
border-color: rgb(147, 29, 51);
|
||
|
}
|
||
|
.select.is-danger select.is-active,
|
||
|
.select.is-danger select.is-focused,
|
||
|
.select.is-danger select:active,
|
||
|
.select.is-danger select:focus {
|
||
|
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
|
||
|
}
|
||
|
.select.is-disabled::after {
|
||
|
border-color: rgb(106, 98, 87) !important;
|
||
|
}
|
||
|
.file.is-white .file-cta {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.file.is-white.is-hovered .file-cta,
|
||
|
.file.is-white:hover .file-cta {
|
||
|
background-color: rgb(39, 40, 40);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.file.is-white.is-focused .file-cta,
|
||
|
.file.is-white:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.file.is-white.is-active .file-cta,
|
||
|
.file.is-white:active .file-cta {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
border-color: transparent;
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.file.is-black .file-cta {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-black.is-hovered .file-cta,
|
||
|
.file.is-black:hover .file-cta {
|
||
|
background-color: rgb(16, 16, 15);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-black.is-focused .file-cta,
|
||
|
.file.is-black:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-black.is-active .file-cta,
|
||
|
.file.is-black:active .file-cta {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-light .file-cta {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-light.is-hovered .file-cta,
|
||
|
.file.is-light:hover .file-cta {
|
||
|
background-color: rgb(45, 46, 46);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-light.is-focused .file-cta,
|
||
|
.file.is-light:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0.5em;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-light.is-active .file-cta,
|
||
|
.file.is-light:active .file-cta {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-dark .file-cta {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-dark.is-hovered .file-cta,
|
||
|
.file.is-dark:hover .file-cta {
|
||
|
background-color: rgb(46, 48, 48);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-dark.is-focused .file-cta,
|
||
|
.file.is-dark:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-dark.is-active .file-cta,
|
||
|
.file.is-dark:active .file-cta {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-primary .file-cta {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-primary.is-hovered .file-cta,
|
||
|
.file.is-primary:hover .file-cta {
|
||
|
background-color: rgb(26, 152, 130);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-primary.is-focused .file-cta,
|
||
|
.file.is-primary:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-primary.is-active .file-cta,
|
||
|
.file.is-primary:active .file-cta {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-link .file-cta {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-link.is-hovered .file-cta,
|
||
|
.file.is-link:hover .file-cta {
|
||
|
background-color: rgb(60, 75, 144);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-link.is-focused .file-cta,
|
||
|
.file.is-link:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-link.is-active .file-cta,
|
||
|
.file.is-link:active .file-cta {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-info .file-cta {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-info.is-hovered .file-cta,
|
||
|
.file.is-info:hover .file-cta {
|
||
|
background-color: rgb(56, 110, 153);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-info.is-focused .file-cta,
|
||
|
.file.is-info:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-info.is-active .file-cta,
|
||
|
.file.is-info:active .file-cta {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-success .file-cta {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-success.is-hovered .file-cta,
|
||
|
.file.is-success:hover .file-cta {
|
||
|
background-color: rgb(66, 151, 118);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-success.is-focused .file-cta,
|
||
|
.file.is-success:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-success.is-active .file-cta,
|
||
|
.file.is-success:active .file-cta {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-warning .file-cta {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-warning.is-hovered .file-cta,
|
||
|
.file.is-warning:hover .file-cta {
|
||
|
background-color: rgb(100, 78, 18);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-warning.is-focused .file-cta,
|
||
|
.file.is-warning:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0.5em;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-warning.is-active .file-cta,
|
||
|
.file.is-warning:active .file-cta {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
border-color: transparent;
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.file.is-danger .file-cta {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-danger.is-hovered .file-cta,
|
||
|
.file.is-danger:hover .file-cta {
|
||
|
background-color: rgb(155, 30, 54);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-danger.is-focused .file-cta,
|
||
|
.file.is-danger:focus .file-cta {
|
||
|
border-color: transparent;
|
||
|
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0.5em;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file.is-danger.is-active .file-cta,
|
||
|
.file.is-danger:active .file-cta {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
border-color: transparent;
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.file-label:hover .file-cta {
|
||
|
background-color: rgb(45, 46, 46);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.file-label:hover .file-name {
|
||
|
border-color: rgb(70, 73, 72);
|
||
|
}
|
||
|
.file-label:active .file-cta {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.file-label:active .file-name {
|
||
|
border-color: rgb(71, 74, 74);
|
||
|
}
|
||
|
.file-input {
|
||
|
outline-color: currentcolor;
|
||
|
}
|
||
|
.file-cta,
|
||
|
.file-name {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.file-cta {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.file-name {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.label {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.help.is-white {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.help.is-black {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.help.is-light {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.help.is-dark {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.help.is-primary {
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.help.is-link {
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.help.is-info {
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.help.is-success {
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.help.is-warning {
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.help.is-danger {
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.control.has-icons-left .input:focus ~ .icon,
|
||
|
.control.has-icons-left .select:focus ~ .icon,
|
||
|
.control.has-icons-right .input:focus ~ .icon,
|
||
|
.control.has-icons-right .select:focus ~ .icon {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.control.has-icons-left .icon,
|
||
|
.control.has-icons-right .icon {
|
||
|
color: rgb(207, 201, 191);
|
||
|
}
|
||
|
.breadcrumb a {
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.breadcrumb a:hover {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.breadcrumb li.is-active a {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.breadcrumb li + li::before {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.card {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
|
||
|
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.card-header {
|
||
|
background-color: transparent;
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.125em 0.25em;
|
||
|
}
|
||
|
.card-header-title {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.card-header-icon {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
border-color: currentcolor;
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.card-content {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.card-footer {
|
||
|
background-color: transparent;
|
||
|
border-top-color: rgb(63, 66, 66);
|
||
|
}
|
||
|
.card-footer-item:not(:last-child) {
|
||
|
border-right-color: rgb(63, 66, 66);
|
||
|
}
|
||
|
.dropdown-content {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
|
||
|
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
|
||
|
}
|
||
|
.dropdown-item {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
a.dropdown-item:hover,
|
||
|
button.dropdown-item:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
a.dropdown-item.is-active,
|
||
|
button.dropdown-item.is-active {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.dropdown-divider {
|
||
|
background-color: rgb(45, 47, 47);
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
.media .media {
|
||
|
border-top-color: rgba(68, 71, 71, 0.5);
|
||
|
}
|
||
|
.media + .media {
|
||
|
border-top-color: rgba(68, 71, 71, 0.5);
|
||
|
}
|
||
|
.menu-list a {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.menu-list a:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.menu-list a.is-active {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.menu-list li ul {
|
||
|
border-left-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.menu-label {
|
||
|
color: rgb(157, 147, 133);
|
||
|
}
|
||
|
.message {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.message strong {
|
||
|
color: currentcolor;
|
||
|
}
|
||
|
.message a:not(.button):not(.tag):not(.dropdown-item) {
|
||
|
color: currentcolor;
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.message.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.message.is-white .message-header {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.message.is-white .message-body {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.message.is-black {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.message.is-black .message-header {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-black .message-body {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.message.is-light {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.message.is-light .message-header {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.message.is-light .message-body {
|
||
|
border-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.message.is-dark {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.message.is-dark .message-header {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-dark .message-body {
|
||
|
border-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.message.is-primary {
|
||
|
background-color: rgb(19, 69, 62);
|
||
|
}
|
||
|
.message.is-primary .message-header {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-primary .message-body {
|
||
|
border-color: rgb(29, 183, 157);
|
||
|
color: rgb(119, 242, 218);
|
||
|
}
|
||
|
.message.is-link {
|
||
|
background-color: rgb(41, 42, 43);
|
||
|
}
|
||
|
.message.is-link .message-header {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-link .message-body {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(117, 151, 194);
|
||
|
}
|
||
|
.message.is-info {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.message.is-info .message-header {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-info .message-body {
|
||
|
border-color: rgb(51, 96, 133);
|
||
|
color: rgb(125, 172, 205);
|
||
|
}
|
||
|
.message.is-success {
|
||
|
background-color: rgb(30, 56, 46);
|
||
|
}
|
||
|
.message.is-success .message-header {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-success .message-body {
|
||
|
border-color: rgb(59, 132, 96);
|
||
|
color: rgb(142, 209, 173);
|
||
|
}
|
||
|
.message.is-warning {
|
||
|
background-color: rgb(55, 45, 16);
|
||
|
}
|
||
|
.message.is-warning .message-header {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.message.is-warning .message-body {
|
||
|
border-color: rgb(136, 105, 21);
|
||
|
color: rgb(245, 208, 111);
|
||
|
}
|
||
|
.message.is-danger {
|
||
|
background-color: rgb(64, 18, 27);
|
||
|
}
|
||
|
.message.is-danger .message-header {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message.is-danger .message-body {
|
||
|
border-color: rgb(141, 28, 49);
|
||
|
color: rgb(223, 79, 104);
|
||
|
}
|
||
|
.message-header {
|
||
|
background-color: rgb(66, 68, 69);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.message-body {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.message-body code,
|
||
|
.message-body pre {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.message-body pre code {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.modal-background {
|
||
|
background-color: rgba(21, 20, 20, 0.86);
|
||
|
}
|
||
|
.modal-close {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
}
|
||
|
.modal-card-foot,
|
||
|
.modal-card-head {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.modal-card-head {
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.modal-card-title {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.modal-card-foot {
|
||
|
border-top-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.modal-card-body {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.navbar {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
.navbar.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-brand .navbar-link,
|
||
|
.navbar.is-white .navbar-brand > .navbar-item {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-white .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-white .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-white .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-white .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-white .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.navbar.is-white .navbar-burger {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-white .navbar-end .navbar-link,
|
||
|
.navbar.is-white .navbar-end > .navbar-item,
|
||
|
.navbar.is-white .navbar-start .navbar-link,
|
||
|
.navbar.is-white .navbar-start > .navbar-item {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-white .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-white .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-white .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-white .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-white .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-white .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-white .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-white .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-white .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-white .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-white .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-end .navbar-link::after,
|
||
|
.navbar.is-white .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-brand .navbar-link,
|
||
|
.navbar.is-black .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-black .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-black .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-black .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-black .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-black .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-black .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-black .navbar-end .navbar-link,
|
||
|
.navbar.is-black .navbar-end > .navbar-item,
|
||
|
.navbar.is-black .navbar-start .navbar-link,
|
||
|
.navbar.is-black .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-black .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-black .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-black .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-black .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-black .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-black .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-black .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-black .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-black .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-black .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-black .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-end .navbar-link::after,
|
||
|
.navbar.is-black .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-brand .navbar-link,
|
||
|
.navbar.is-light .navbar-brand > .navbar-item {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-light .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-light .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-light .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-light .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-light .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-brand .navbar-link::after {
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-burger {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-light .navbar-end .navbar-link,
|
||
|
.navbar.is-light .navbar-end > .navbar-item,
|
||
|
.navbar.is-light .navbar-start .navbar-link,
|
||
|
.navbar.is-light .navbar-start > .navbar-item {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-light .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-light .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-light .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-light .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-light .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-light .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-light .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-light .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-light .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-light .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-light .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-end .navbar-link::after,
|
||
|
.navbar.is-light .navbar-start .navbar-link::after {
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-brand .navbar-link,
|
||
|
.navbar.is-dark .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-dark .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-dark .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-dark .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-dark .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-dark .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-dark .navbar-end .navbar-link,
|
||
|
.navbar.is-dark .navbar-end > .navbar-item,
|
||
|
.navbar.is-dark .navbar-start .navbar-link,
|
||
|
.navbar.is-dark .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-dark .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-dark .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-dark .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-dark .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-dark .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-dark .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-dark .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-dark .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-dark .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-dark .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-end .navbar-link::after,
|
||
|
.navbar.is-dark .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-brand .navbar-link,
|
||
|
.navbar.is-primary .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-primary .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-primary .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-primary .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-primary .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-primary .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-primary .navbar-end .navbar-link,
|
||
|
.navbar.is-primary .navbar-end > .navbar-item,
|
||
|
.navbar.is-primary .navbar-start .navbar-link,
|
||
|
.navbar.is-primary .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-primary .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-primary .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-primary .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-primary .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-primary .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-primary .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-primary .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-primary .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-primary .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-primary .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-end .navbar-link::after,
|
||
|
.navbar.is-primary .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-brand .navbar-link,
|
||
|
.navbar.is-link .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-link .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-link .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-link .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-link .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-link .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-link .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-link .navbar-end .navbar-link,
|
||
|
.navbar.is-link .navbar-end > .navbar-item,
|
||
|
.navbar.is-link .navbar-start .navbar-link,
|
||
|
.navbar.is-link .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-link .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-link .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-link .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-link .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-link .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-link .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-link .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-link .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-link .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-link .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-link .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-end .navbar-link::after,
|
||
|
.navbar.is-link .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-brand .navbar-link,
|
||
|
.navbar.is-info .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-info .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-info .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-info .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-info .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-info .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-info .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-info .navbar-end .navbar-link,
|
||
|
.navbar.is-info .navbar-end > .navbar-item,
|
||
|
.navbar.is-info .navbar-start .navbar-link,
|
||
|
.navbar.is-info .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-info .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-info .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-info .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-info .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-info .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-info .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-info .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-info .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-info .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-info .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-info .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-end .navbar-link::after,
|
||
|
.navbar.is-info .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-brand .navbar-link,
|
||
|
.navbar.is-success .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-success .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-success .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-success .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-success .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-success .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-success .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-success .navbar-end .navbar-link,
|
||
|
.navbar.is-success .navbar-end > .navbar-item,
|
||
|
.navbar.is-success .navbar-start .navbar-link,
|
||
|
.navbar.is-success .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-success .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-success .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-success .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-success .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-success .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-success .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-success .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-success .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-success .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-success .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-success .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-end .navbar-link::after,
|
||
|
.navbar.is-success .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-brand .navbar-link,
|
||
|
.navbar.is-warning .navbar-brand > .navbar-item {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-warning .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-warning .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-warning .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-warning .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-warning .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-brand .navbar-link::after {
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-burger {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-warning .navbar-end .navbar-link,
|
||
|
.navbar.is-warning .navbar-end > .navbar-item,
|
||
|
.navbar.is-warning .navbar-start .navbar-link,
|
||
|
.navbar.is-warning .navbar-start > .navbar-item {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-warning .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-warning .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-warning .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-warning .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-warning .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-warning .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-warning .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-warning .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-warning .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-warning .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-end .navbar-link::after,
|
||
|
.navbar.is-warning .navbar-start .navbar-link::after {
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
}
|
||
|
.navbar.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-brand .navbar-link,
|
||
|
.navbar.is-danger .navbar-brand > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-brand .navbar-link.is-active,
|
||
|
.navbar.is-danger .navbar-brand .navbar-link:focus,
|
||
|
.navbar.is-danger .navbar-brand .navbar-link:hover,
|
||
|
.navbar.is-danger .navbar-brand > a.navbar-item.is-active,
|
||
|
.navbar.is-danger .navbar-brand > a.navbar-item:focus,
|
||
|
.navbar.is-danger .navbar-brand > a.navbar-item:hover {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-brand .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-burger {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-danger .navbar-end .navbar-link,
|
||
|
.navbar.is-danger .navbar-end > .navbar-item,
|
||
|
.navbar.is-danger .navbar-start .navbar-link,
|
||
|
.navbar.is-danger .navbar-start > .navbar-item {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-end .navbar-link.is-active,
|
||
|
.navbar.is-danger .navbar-end .navbar-link:focus,
|
||
|
.navbar.is-danger .navbar-end .navbar-link:hover,
|
||
|
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
|
||
|
.navbar.is-danger .navbar-end > a.navbar-item:focus,
|
||
|
.navbar.is-danger .navbar-end > a.navbar-item:hover,
|
||
|
.navbar.is-danger .navbar-start .navbar-link.is-active,
|
||
|
.navbar.is-danger .navbar-start .navbar-link:focus,
|
||
|
.navbar.is-danger .navbar-start .navbar-link:hover,
|
||
|
.navbar.is-danger .navbar-start > a.navbar-item.is-active,
|
||
|
.navbar.is-danger .navbar-start > a.navbar-item:focus,
|
||
|
.navbar.is-danger .navbar-start > a.navbar-item:hover {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-end .navbar-link::after,
|
||
|
.navbar.is-danger .navbar-start .navbar-link::after {
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
}
|
||
|
.navbar.has-shadow {
|
||
|
box-shadow: rgb(41, 42, 42) 0px 2px 0px 0px;
|
||
|
}
|
||
|
.navbar.is-fixed-bottom.has-shadow {
|
||
|
box-shadow: rgb(41, 42, 42) 0px -2px 0px 0px;
|
||
|
}
|
||
|
.navbar-brand a.navbar-item:focus,
|
||
|
.navbar-brand a.navbar-item:hover {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.navbar-burger {
|
||
|
color: rgb(185, 177, 166);
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
.navbar-burger span {
|
||
|
background-color: currentcolor;
|
||
|
}
|
||
|
.navbar-burger:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.05);
|
||
|
}
|
||
|
.navbar-item,
|
||
|
.navbar-link {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.navbar-link.is-active,
|
||
|
.navbar-link:focus,
|
||
|
.navbar-link:focus-within,
|
||
|
.navbar-link:hover,
|
||
|
a.navbar-item.is-active,
|
||
|
a.navbar-item:focus,
|
||
|
a.navbar-item:focus-within,
|
||
|
a.navbar-item:hover {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.navbar-item.is-tab {
|
||
|
border-bottom-color: transparent;
|
||
|
}
|
||
|
.navbar-item.is-tab:focus,
|
||
|
.navbar-item.is-tab:hover {
|
||
|
background-color: transparent;
|
||
|
border-bottom-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.navbar-item.is-tab.is-active {
|
||
|
background-color: transparent;
|
||
|
border-bottom-color: rgb(54, 66, 126);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.navbar-link:not(.is-arrowless)::after {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.navbar-divider {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: currentcolor;
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.navbar-menu {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 16px;
|
||
|
}
|
||
|
.navbar.is-fixed-bottom-touch.has-shadow {
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px -2px 3px;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.navbar.is-transparent .navbar-link.is-active,
|
||
|
.navbar.is-transparent .navbar-link:focus,
|
||
|
.navbar.is-transparent .navbar-link:hover,
|
||
|
.navbar.is-transparent a.navbar-item.is-active,
|
||
|
.navbar.is-transparent a.navbar-item:focus,
|
||
|
.navbar.is-transparent a.navbar-item:hover {
|
||
|
background-color: transparent !important;
|
||
|
}
|
||
|
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
|
||
|
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
|
||
|
.navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
|
||
|
background-color: transparent !important;
|
||
|
}
|
||
|
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
|
||
|
.navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.navbar-item.has-dropdown-up .navbar-dropdown {
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
border-top-color: currentcolor;
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px -8px 8px;
|
||
|
}
|
||
|
.navbar-dropdown {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-top-color: rgb(68, 71, 71);
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 8px;
|
||
|
}
|
||
|
.navbar-dropdown a.navbar-item:focus,
|
||
|
.navbar-dropdown a.navbar-item:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar-dropdown a.navbar-item.is-active {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.navbar-dropdown.is-boxed,
|
||
|
.navbar.is-spaced .navbar-dropdown {
|
||
|
border-top-color: currentcolor;
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 8px,
|
||
|
rgba(21, 20, 20, 0.1) 0px 0px 0px 1px;
|
||
|
}
|
||
|
.navbar.is-fixed-bottom-desktop.has-shadow {
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px -2px 3px;
|
||
|
}
|
||
|
.navbar-link.is-active,
|
||
|
a.navbar-item.is-active {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.navbar-link.is-active:not(:focus):not(:hover),
|
||
|
a.navbar-item.is-active:not(:focus):not(:hover) {
|
||
|
background-color: transparent;
|
||
|
}
|
||
|
.navbar-item.has-dropdown.is-active .navbar-link,
|
||
|
.navbar-item.has-dropdown:focus .navbar-link,
|
||
|
.navbar-item.has-dropdown:hover .navbar-link {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
}
|
||
|
.pagination-link,
|
||
|
.pagination-next,
|
||
|
.pagination-previous {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.pagination-link:hover,
|
||
|
.pagination-next:hover,
|
||
|
.pagination-previous:hover {
|
||
|
border-color: rgb(78, 82, 82);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.pagination-link:focus,
|
||
|
.pagination-next:focus,
|
||
|
.pagination-previous:focus {
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.pagination-link:active,
|
||
|
.pagination-next:active,
|
||
|
.pagination-previous:active {
|
||
|
box-shadow: rgba(21, 20, 20, 0.2) 0px 1px 2px inset;
|
||
|
}
|
||
|
.pagination-link.is-disabled,
|
||
|
.pagination-link[disabled],
|
||
|
.pagination-next.is-disabled,
|
||
|
.pagination-next[disabled],
|
||
|
.pagination-previous.is-disabled,
|
||
|
.pagination-previous[disabled] {
|
||
|
background-color: rgb(55, 57, 57);
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
box-shadow: none;
|
||
|
color: rgb(157, 147, 133);
|
||
|
}
|
||
|
.pagination-link.is-current {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.pagination-ellipsis {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.pagination-list li {
|
||
|
list-style-image: none;
|
||
|
}
|
||
|
.panel {
|
||
|
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
|
||
|
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
|
||
|
}
|
||
|
.panel.is-white .panel-heading {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.panel.is-white .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(58, 61, 61);
|
||
|
}
|
||
|
.panel.is-white .panel-block.is-active .panel-icon {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-black .panel-heading {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-black .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(140, 130, 114);
|
||
|
}
|
||
|
.panel.is-black .panel-block.is-active .panel-icon {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.panel.is-light .panel-heading {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.panel.is-light .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(61, 63, 63);
|
||
|
}
|
||
|
.panel.is-light .panel-block.is-active .panel-icon {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.panel.is-dark .panel-heading {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-dark .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(126, 117, 103);
|
||
|
}
|
||
|
.panel.is-dark .panel-block.is-active .panel-icon {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.panel.is-primary .panel-heading {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-primary .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(29, 183, 157);
|
||
|
}
|
||
|
.panel.is-primary .panel-block.is-active .panel-icon {
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.panel.is-link .panel-heading {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-link .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(54, 66, 126);
|
||
|
}
|
||
|
.panel.is-link .panel-block.is-active .panel-icon {
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.panel.is-info .panel-heading {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-info .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(51, 96, 133);
|
||
|
}
|
||
|
.panel.is-info .panel-block.is-active .panel-icon {
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.panel.is-success .panel-heading {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-success .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(59, 132, 96);
|
||
|
}
|
||
|
.panel.is-success .panel-block.is-active .panel-icon {
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.panel.is-warning .panel-heading {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.panel.is-warning .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(136, 105, 21);
|
||
|
}
|
||
|
.panel.is-warning .panel-block.is-active .panel-icon {
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.panel.is-danger .panel-heading {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.panel.is-danger .panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(141, 28, 49);
|
||
|
}
|
||
|
.panel.is-danger .panel-block.is-active .panel-icon {
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.panel-block:not(:last-child),
|
||
|
.panel-tabs:not(:last-child) {
|
||
|
border-bottom-color: rgb(63, 66, 66);
|
||
|
}
|
||
|
.panel-heading {
|
||
|
background-color: rgb(45, 47, 47);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.panel-tabs a {
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.panel-tabs a.is-active {
|
||
|
border-bottom-color: rgb(120, 111, 99);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.panel-list a {
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.panel-list a:hover {
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.panel-block {
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.panel-block.is-active {
|
||
|
border-left-color: rgb(54, 66, 126);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.panel-block.is-active .panel-icon {
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
a.panel-block:hover,
|
||
|
label.panel-block:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
.panel-icon {
|
||
|
color: rgb(157, 147, 133);
|
||
|
}
|
||
|
.tabs a {
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
color: rgb(185, 177, 166);
|
||
|
}
|
||
|
.tabs a:hover {
|
||
|
border-bottom-color: rgb(126, 117, 103);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.tabs li.is-active a {
|
||
|
border-bottom-color: rgb(54, 66, 126);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.tabs ul {
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.tabs.is-boxed a {
|
||
|
border-color: transparent;
|
||
|
}
|
||
|
.tabs.is-boxed a:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-bottom-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.tabs.is-boxed li.is-active a {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-top-color: rgb(68, 71, 71);
|
||
|
border-right-color: rgb(68, 71, 71);
|
||
|
border-left-color: rgb(68, 71, 71);
|
||
|
border-bottom-color: transparent !important;
|
||
|
}
|
||
|
.tabs.is-toggle a {
|
||
|
border-color: rgb(68, 71, 71);
|
||
|
}
|
||
|
.tabs.is-toggle a:hover {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
border-color: rgb(78, 82, 82);
|
||
|
}
|
||
|
.tabs.is-toggle li.is-active a {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
border-color: rgb(54, 66, 126);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.tabs.is-toggle ul {
|
||
|
border-bottom-color: currentcolor;
|
||
|
}
|
||
|
.columns.is-variable {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
.columns.is-variable.is-0 {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-0-mobile {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-0-tablet {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-0-tablet-only {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-0-touch {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-0-desktop {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-0-desktop-only {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-0-widescreen {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-0-widescreen-only {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-0-fullhd {
|
||
|
--columnGap: 0rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-1 {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-1-mobile {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-1-tablet {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-1-tablet-only {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-1-touch {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-1-desktop {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-1-desktop-only {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-1-widescreen {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-1-widescreen-only {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-1-fullhd {
|
||
|
--columnGap: 0.25rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-2 {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-2-mobile {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-2-tablet {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-2-tablet-only {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-2-touch {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-2-desktop {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-2-desktop-only {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-2-widescreen {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-2-widescreen-only {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-2-fullhd {
|
||
|
--columnGap: 0.5rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-3 {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-3-mobile {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-3-tablet {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-3-tablet-only {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-3-touch {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-3-desktop {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-3-desktop-only {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-3-widescreen {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-3-widescreen-only {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-3-fullhd {
|
||
|
--columnGap: 0.75rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-4 {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-4-mobile {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-4-tablet {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-4-tablet-only {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-4-touch {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-4-desktop {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-4-desktop-only {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-4-widescreen {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-4-widescreen-only {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-4-fullhd {
|
||
|
--columnGap: 1rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-5 {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-5-mobile {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-5-tablet {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-5-tablet-only {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-5-touch {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-5-desktop {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-5-desktop-only {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-5-widescreen {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-5-widescreen-only {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-5-fullhd {
|
||
|
--columnGap: 1.25rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-6 {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-6-mobile {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-6-tablet {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-6-tablet-only {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-6-touch {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-6-desktop {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-6-desktop-only {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-6-widescreen {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-6-widescreen-only {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-6-fullhd {
|
||
|
--columnGap: 1.5rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-7 {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-7-mobile {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-7-tablet {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-7-tablet-only {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-7-touch {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-7-desktop {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-7-desktop-only {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-7-widescreen {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-7-widescreen-only {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-7-fullhd {
|
||
|
--columnGap: 1.75rem;
|
||
|
}
|
||
|
}
|
||
|
.columns.is-variable.is-8 {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.columns.is-variable.is-8-mobile {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px),
|
||
|
print {
|
||
|
.columns.is-variable.is-8-tablet {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 769px) and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-8-tablet-only {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.columns.is-variable.is-8-touch {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) {
|
||
|
.columns.is-variable.is-8-desktop {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1024px) and (max-width: 1215px) {
|
||
|
.columns.is-variable.is-8-desktop-only {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) {
|
||
|
.columns.is-variable.is-8-widescreen {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1216px) and (max-width: 1407px) {
|
||
|
.columns.is-variable.is-8-widescreen-only {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (min-width: 1408px) {
|
||
|
.columns.is-variable.is-8-fullhd {
|
||
|
--columnGap: 2rem;
|
||
|
}
|
||
|
}
|
||
|
.has-text-white {
|
||
|
color: rgb(229, 224, 216) !important;
|
||
|
}
|
||
|
a.has-text-white:focus,
|
||
|
a.has-text-white:hover {
|
||
|
color: rgb(214, 209, 199) !important;
|
||
|
}
|
||
|
.has-background-white {
|
||
|
background-color: rgb(36, 37, 37) !important;
|
||
|
}
|
||
|
.has-text-black {
|
||
|
color: rgb(223, 218, 209) !important;
|
||
|
}
|
||
|
a.has-text-black:focus,
|
||
|
a.has-text-black:hover {
|
||
|
color: rgb(229, 224, 216) !important;
|
||
|
}
|
||
|
.has-background-black {
|
||
|
background-color: rgb(21, 20, 20) !important;
|
||
|
}
|
||
|
.has-text-light {
|
||
|
color: rgb(223, 218, 209) !important;
|
||
|
}
|
||
|
a.has-text-light:focus,
|
||
|
a.has-text-light:hover {
|
||
|
color: rgb(207, 201, 191) !important;
|
||
|
}
|
||
|
.has-background-light {
|
||
|
background-color: rgb(41, 42, 42) !important;
|
||
|
}
|
||
|
.has-text-dark {
|
||
|
color: rgb(197, 190, 179) !important;
|
||
|
}
|
||
|
a.has-text-dark:focus,
|
||
|
a.has-text-dark:hover {
|
||
|
color: rgb(212, 207, 197) !important;
|
||
|
}
|
||
|
.has-background-dark {
|
||
|
background-color: rgb(52, 53, 54) !important;
|
||
|
}
|
||
|
.has-text-primary {
|
||
|
color: rgb(84, 241, 212) !important;
|
||
|
}
|
||
|
a.has-text-primary:focus,
|
||
|
a.has-text-primary:hover {
|
||
|
color: rgb(113, 242, 216) !important;
|
||
|
}
|
||
|
.has-background-primary {
|
||
|
background-color: rgb(27, 161, 137) !important;
|
||
|
}
|
||
|
.has-text-primary-light {
|
||
|
color: rgb(196, 245, 231) !important;
|
||
|
}
|
||
|
a.has-text-primary-light:focus,
|
||
|
a.has-text-primary-light:hover {
|
||
|
color: rgb(165, 244, 225) !important;
|
||
|
}
|
||
|
.has-background-primary-light {
|
||
|
background-color: rgb(19, 69, 62) !important;
|
||
|
}
|
||
|
.has-text-primary-dark {
|
||
|
color: rgb(119, 242, 218) !important;
|
||
|
}
|
||
|
a.has-text-primary-dark:focus,
|
||
|
a.has-text-primary-dark:hover {
|
||
|
color: rgb(90, 241, 212) !important;
|
||
|
}
|
||
|
.has-background-primary-dark {
|
||
|
background-color: rgb(23, 117, 101) !important;
|
||
|
}
|
||
|
.has-text-link {
|
||
|
color: rgb(101, 139, 189) !important;
|
||
|
}
|
||
|
a.has-text-link:focus,
|
||
|
a.has-text-link:hover {
|
||
|
color: rgb(125, 157, 197) !important;
|
||
|
}
|
||
|
.has-background-link {
|
||
|
background-color: rgb(59, 72, 139) !important;
|
||
|
}
|
||
|
.has-text-link-light {
|
||
|
color: rgb(206, 215, 225) !important;
|
||
|
}
|
||
|
a.has-text-link-light:focus,
|
||
|
a.has-text-link-light:hover {
|
||
|
color: rgb(182, 197, 217) !important;
|
||
|
}
|
||
|
.has-background-link-light {
|
||
|
background-color: rgb(41, 42, 43) !important;
|
||
|
}
|
||
|
.has-text-link-dark {
|
||
|
color: rgb(117, 151, 194) !important;
|
||
|
}
|
||
|
a.has-text-link-dark:focus,
|
||
|
a.has-text-link-dark:hover {
|
||
|
color: rgb(110, 146, 192) !important;
|
||
|
}
|
||
|
.has-background-link-dark {
|
||
|
background-color: rgb(58, 72, 137) !important;
|
||
|
}
|
||
|
.has-text-info {
|
||
|
color: rgb(94, 154, 196) !important;
|
||
|
}
|
||
|
a.has-text-info:focus,
|
||
|
a.has-text-info:hover {
|
||
|
color: rgb(120, 169, 204) !important;
|
||
|
}
|
||
|
.has-background-info {
|
||
|
background-color: rgb(55, 106, 148) !important;
|
||
|
}
|
||
|
.has-text-info-light {
|
||
|
color: rgb(204, 219, 227) !important;
|
||
|
}
|
||
|
a.has-text-info-light:focus,
|
||
|
a.has-text-info-light:hover {
|
||
|
color: rgb(179, 204, 220) !important;
|
||
|
}
|
||
|
.has-background-info-light {
|
||
|
background-color: rgb(41, 42, 42) !important;
|
||
|
}
|
||
|
.has-text-info-dark {
|
||
|
color: rgb(125, 172, 205) !important;
|
||
|
}
|
||
|
a.has-text-info-dark:focus,
|
||
|
a.has-text-info-dark:hover {
|
||
|
color: rgb(89, 151, 195) !important;
|
||
|
}
|
||
|
.has-background-info-dark {
|
||
|
background-color: rgb(50, 94, 128) !important;
|
||
|
}
|
||
|
.has-text-success {
|
||
|
color: rgb(104, 196, 150) !important;
|
||
|
}
|
||
|
a.has-text-success:focus,
|
||
|
a.has-text-success:hover {
|
||
|
color: rgb(113, 199, 154) !important;
|
||
|
}
|
||
|
.has-background-success {
|
||
|
background-color: rgb(64, 146, 115) !important;
|
||
|
}
|
||
|
.has-text-success-light {
|
||
|
color: rgb(207, 231, 213) !important;
|
||
|
}
|
||
|
a.has-text-success-light:focus,
|
||
|
a.has-text-success-light:hover {
|
||
|
color: rgb(183, 223, 198) !important;
|
||
|
}
|
||
|
.has-background-success-light {
|
||
|
background-color: rgb(30, 56, 46) !important;
|
||
|
}
|
||
|
.has-text-success-dark {
|
||
|
color: rgb(142, 209, 173) !important;
|
||
|
}
|
||
|
a.has-text-success-dark:focus,
|
||
|
a.has-text-success-dark:hover {
|
||
|
color: rgb(118, 201, 158) !important;
|
||
|
}
|
||
|
.has-background-success-dark {
|
||
|
background-color: rgb(46, 100, 72) !important;
|
||
|
}
|
||
|
.has-text-warning {
|
||
|
color: rgb(246, 215, 130) !important;
|
||
|
}
|
||
|
a.has-text-warning:focus,
|
||
|
a.has-text-warning:hover {
|
||
|
color: rgb(245, 205, 100) !important;
|
||
|
}
|
||
|
.has-background-warning {
|
||
|
background-color: rgb(95, 74, 18) !important;
|
||
|
}
|
||
|
.has-text-warning-light {
|
||
|
color: rgb(249, 232, 187) !important;
|
||
|
}
|
||
|
a.has-text-warning-light:focus,
|
||
|
a.has-text-warning-light:hover {
|
||
|
color: rgb(247, 222, 156) !important;
|
||
|
}
|
||
|
.has-background-warning-light {
|
||
|
background-color: rgb(55, 45, 16) !important;
|
||
|
}
|
||
|
.has-text-warning-dark {
|
||
|
color: rgb(245, 208, 111) !important;
|
||
|
}
|
||
|
a.has-text-warning-dark:focus,
|
||
|
a.has-text-warning-dark:hover {
|
||
|
color: rgb(244, 200, 82) !important;
|
||
|
}
|
||
|
.has-background-warning-dark {
|
||
|
background-color: rgb(119, 92, 20) !important;
|
||
|
}
|
||
|
.has-text-danger {
|
||
|
color: rgb(225, 90, 114) !important;
|
||
|
}
|
||
|
a.has-text-danger:focus,
|
||
|
a.has-text-danger:hover {
|
||
|
color: rgb(221, 61, 90) !important;
|
||
|
}
|
||
|
.has-background-danger {
|
||
|
background-color: rgb(148, 29, 51) !important;
|
||
|
}
|
||
|
.has-text-danger-light {
|
||
|
color: rgb(243, 192, 197) !important;
|
||
|
}
|
||
|
a.has-text-danger-light:focus,
|
||
|
a.has-text-danger-light:hover {
|
||
|
color: rgb(237, 164, 173) !important;
|
||
|
}
|
||
|
.has-background-danger-light {
|
||
|
background-color: rgb(64, 18, 27) !important;
|
||
|
}
|
||
|
.has-text-danger-dark {
|
||
|
color: rgb(223, 79, 104) !important;
|
||
|
}
|
||
|
a.has-text-danger-dark:focus,
|
||
|
a.has-text-danger-dark:hover {
|
||
|
color: rgb(220, 67, 94) !important;
|
||
|
}
|
||
|
.has-background-danger-dark {
|
||
|
background-color: rgb(153, 29, 52) !important;
|
||
|
}
|
||
|
.has-text-black-bis {
|
||
|
color: rgb(219, 213, 204) !important;
|
||
|
}
|
||
|
.has-background-black-bis {
|
||
|
background-color: rgb(26, 27, 26) !important;
|
||
|
}
|
||
|
.has-text-black-ter {
|
||
|
color: rgb(207, 201, 191) !important;
|
||
|
}
|
||
|
.has-background-black-ter {
|
||
|
background-color: rgb(39, 40, 39) !important;
|
||
|
}
|
||
|
.has-text-grey-darker {
|
||
|
color: rgb(197, 190, 179) !important;
|
||
|
}
|
||
|
.has-background-grey-darker {
|
||
|
background-color: rgb(52, 53, 54) !important;
|
||
|
}
|
||
|
.has-text-grey-dark {
|
||
|
color: rgb(185, 177, 166) !important;
|
||
|
}
|
||
|
.has-background-grey-dark {
|
||
|
background-color: rgb(66, 68, 69) !important;
|
||
|
}
|
||
|
.has-text-grey {
|
||
|
color: rgb(157, 147, 133) !important;
|
||
|
}
|
||
|
.has-background-grey {
|
||
|
background-color: rgb(100, 105, 104) !important;
|
||
|
}
|
||
|
.has-text-grey-light {
|
||
|
color: rgb(185, 177, 166) !important;
|
||
|
}
|
||
|
.has-background-grey-light {
|
||
|
background-color: rgb(75, 78, 79) !important;
|
||
|
}
|
||
|
.has-text-grey-lighter {
|
||
|
color: rgb(207, 201, 191) !important;
|
||
|
}
|
||
|
.has-background-grey-lighter {
|
||
|
background-color: rgb(55, 57, 57) !important;
|
||
|
}
|
||
|
.has-text-white-ter {
|
||
|
color: rgb(223, 218, 209) !important;
|
||
|
}
|
||
|
.has-background-white-ter {
|
||
|
background-color: rgb(41, 42, 42) !important;
|
||
|
}
|
||
|
.has-text-white-bis {
|
||
|
color: rgb(226, 221, 212) !important;
|
||
|
}
|
||
|
.has-background-white-bis {
|
||
|
background-color: rgb(39, 40, 39) !important;
|
||
|
}
|
||
|
.is-shadowless {
|
||
|
box-shadow: none !important;
|
||
|
}
|
||
|
.is-underlined {
|
||
|
text-decoration-color: currentcolor !important;
|
||
|
}
|
||
|
.is-sr-only {
|
||
|
border-color: currentcolor !important;
|
||
|
}
|
||
|
.hero .navbar {
|
||
|
background-color: rgba(13, 13, 13, 0);
|
||
|
background-image: none;
|
||
|
}
|
||
|
.hero .tabs ul {
|
||
|
border-bottom-color: currentcolor;
|
||
|
}
|
||
|
.hero.is-white {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-white strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-white .title {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-white .subtitle {
|
||
|
color: rgba(223, 218, 209, 0.9);
|
||
|
}
|
||
|
.hero.is-white .subtitle a:not(.button),
|
||
|
.hero.is-white .subtitle strong {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-white .navbar-menu {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-white .navbar-item,
|
||
|
.hero.is-white .navbar-link {
|
||
|
color: rgba(223, 218, 209, 0.7);
|
||
|
}
|
||
|
.hero.is-white .navbar-link.is-active,
|
||
|
.hero.is-white .navbar-link:hover,
|
||
|
.hero.is-white a.navbar-item.is-active,
|
||
|
.hero.is-white a.navbar-item:hover {
|
||
|
background-color: rgb(42, 44, 44);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-white .tabs a {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-white .tabs li.is-active a {
|
||
|
color: rgb(229, 224, 216) !important;
|
||
|
}
|
||
|
.hero.is-white .tabs.is-boxed a,
|
||
|
.hero.is-white .tabs.is-toggle a {
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-white .tabs.is-boxed a:hover,
|
||
|
.hero.is-white .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-white .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-white .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-white .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-white .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
border-color: rgb(140, 130, 114);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-white.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(49, 51, 51) 0px,
|
||
|
rgb(36, 37, 37) 71%,
|
||
|
rgb(36, 37, 37) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-white.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(49, 51, 51) 0px,
|
||
|
rgb(36, 37, 37) 71%,
|
||
|
rgb(36, 37, 37) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-black {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-black strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-black .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-black .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-black .subtitle a:not(.button),
|
||
|
.hero.is-black .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-black .navbar-menu {
|
||
|
background-color: rgb(21, 20, 20);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-black .navbar-item,
|
||
|
.hero.is-black .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-black .navbar-link.is-active,
|
||
|
.hero.is-black .navbar-link:hover,
|
||
|
.hero.is-black a.navbar-item.is-active,
|
||
|
.hero.is-black a.navbar-item:hover {
|
||
|
background-color: rgb(13, 13, 13);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-black .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-black .tabs li.is-active a {
|
||
|
color: rgb(223, 218, 209) !important;
|
||
|
}
|
||
|
.hero.is-black .tabs.is-boxed a,
|
||
|
.hero.is-black .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-black .tabs.is-boxed a:hover,
|
||
|
.hero.is-black .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-black .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-black .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-black .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-black .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-black.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(13, 13, 13) 0px,
|
||
|
rgb(21, 20, 20) 71%,
|
||
|
rgb(29, 30, 30) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-black.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(13, 13, 13) 0px,
|
||
|
rgb(21, 20, 20) 71%,
|
||
|
rgb(29, 30, 30) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-light {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-light strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-light .title {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-light .subtitle a:not(.button),
|
||
|
.hero.is-light .subtitle strong {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-light .navbar-menu {
|
||
|
background-color: rgb(41, 42, 42);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-light .navbar-item,
|
||
|
.hero.is-light .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light .navbar-link.is-active,
|
||
|
.hero.is-light .navbar-link:hover,
|
||
|
.hero.is-light a.navbar-item.is-active,
|
||
|
.hero.is-light a.navbar-item:hover {
|
||
|
background-color: rgb(48, 50, 50);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light .tabs a {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light .tabs li.is-active a {
|
||
|
color: rgb(223, 218, 209) !important;
|
||
|
}
|
||
|
.hero.is-light .tabs.is-boxed a,
|
||
|
.hero.is-light .tabs.is-toggle a {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-light .tabs.is-boxed a:hover,
|
||
|
.hero.is-light .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-light .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-light .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-light .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-light .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
color: rgb(223, 218, 209);
|
||
|
}
|
||
|
.hero.is-light.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(55, 57, 57) 0px,
|
||
|
rgb(41, 42, 42) 71%,
|
||
|
rgb(36, 37, 37) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-light.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(55, 57, 57) 0px,
|
||
|
rgb(41, 42, 42) 71%,
|
||
|
rgb(36, 37, 37) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-dark {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-dark strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-dark .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-dark .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-dark .subtitle a:not(.button),
|
||
|
.hero.is-dark .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-dark .navbar-menu {
|
||
|
background-color: rgb(52, 53, 54);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-dark .navbar-item,
|
||
|
.hero.is-dark .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-dark .navbar-link.is-active,
|
||
|
.hero.is-dark .navbar-link:hover,
|
||
|
.hero.is-dark a.navbar-item.is-active,
|
||
|
.hero.is-dark a.navbar-item:hover {
|
||
|
background-color: rgb(42, 43, 44);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-dark .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-dark .tabs li.is-active a {
|
||
|
color: rgb(197, 190, 179) !important;
|
||
|
}
|
||
|
.hero.is-dark .tabs.is-boxed a,
|
||
|
.hero.is-dark .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-dark .tabs.is-boxed a:hover,
|
||
|
.hero.is-dark .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-dark .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-dark .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(197, 190, 179);
|
||
|
}
|
||
|
.hero.is-dark.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(33, 34, 34) 0px,
|
||
|
rgb(52, 53, 54) 71%,
|
||
|
rgb(60, 63, 63) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-dark.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(33, 34, 34) 0px,
|
||
|
rgb(52, 53, 54) 71%,
|
||
|
rgb(60, 63, 63) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-primary {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-primary strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-primary .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-primary .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-primary .subtitle a:not(.button),
|
||
|
.hero.is-primary .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-primary .navbar-menu {
|
||
|
background-color: rgb(27, 161, 137);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-primary .navbar-item,
|
||
|
.hero.is-primary .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-primary .navbar-link.is-active,
|
||
|
.hero.is-primary .navbar-link:hover,
|
||
|
.hero.is-primary a.navbar-item.is-active,
|
||
|
.hero.is-primary a.navbar-item:hover {
|
||
|
background-color: rgb(25, 143, 122);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-primary .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-primary .tabs li.is-active a {
|
||
|
color: rgb(84, 241, 212) !important;
|
||
|
}
|
||
|
.hero.is-primary .tabs.is-boxed a,
|
||
|
.hero.is-primary .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-primary .tabs.is-boxed a:hover,
|
||
|
.hero.is-primary .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-primary .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-primary .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(84, 241, 212);
|
||
|
}
|
||
|
.hero.is-primary.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(23, 124, 89) 0px,
|
||
|
rgb(27, 161, 137) 71%,
|
||
|
rgb(29, 177, 176) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-primary.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(23, 124, 89) 0px,
|
||
|
rgb(27, 161, 137) 71%,
|
||
|
rgb(29, 177, 176) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-link {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-link strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-link .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-link .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-link .subtitle a:not(.button),
|
||
|
.hero.is-link .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-link .navbar-menu {
|
||
|
background-color: rgb(59, 72, 139);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-link .navbar-item,
|
||
|
.hero.is-link .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-link .navbar-link.is-active,
|
||
|
.hero.is-link .navbar-link:hover,
|
||
|
.hero.is-link a.navbar-item.is-active,
|
||
|
.hero.is-link a.navbar-item:hover {
|
||
|
background-color: rgb(59, 73, 140);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-link .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-link .tabs li.is-active a {
|
||
|
color: rgb(101, 139, 189) !important;
|
||
|
}
|
||
|
.hero.is-link .tabs.is-boxed a,
|
||
|
.hero.is-link .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-link .tabs.is-boxed a:hover,
|
||
|
.hero.is-link .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-link .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-link .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-link .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-link .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(101, 139, 189);
|
||
|
}
|
||
|
.hero.is-link.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(48, 78, 134) 0px,
|
||
|
rgb(59, 72, 139) 71%,
|
||
|
rgb(50, 50, 132) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-link.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(48, 78, 134) 0px,
|
||
|
rgb(59, 72, 139) 71%,
|
||
|
rgb(50, 50, 132) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-info {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-info strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-info .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-info .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-info .subtitle a:not(.button),
|
||
|
.hero.is-info .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-info .navbar-menu {
|
||
|
background-color: rgb(55, 106, 148);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-info .navbar-item,
|
||
|
.hero.is-info .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-info .navbar-link.is-active,
|
||
|
.hero.is-info .navbar-link:hover,
|
||
|
.hero.is-info a.navbar-item.is-active,
|
||
|
.hero.is-info a.navbar-item:hover {
|
||
|
background-color: rgb(55, 107, 148);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-info .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-info .tabs li.is-active a {
|
||
|
color: rgb(94, 154, 196) !important;
|
||
|
}
|
||
|
.hero.is-info .tabs.is-boxed a,
|
||
|
.hero.is-info .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-info .tabs.is-boxed a:hover,
|
||
|
.hero.is-info .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-info .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-info .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-info .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-info .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(94, 154, 196);
|
||
|
}
|
||
|
.hero.is-info.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(46, 115, 142) 0px,
|
||
|
rgb(55, 106, 148) 71%,
|
||
|
rgb(46, 82, 139) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-info.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(46, 115, 142) 0px,
|
||
|
rgb(55, 106, 148) 71%,
|
||
|
rgb(46, 82, 139) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-success {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-success strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-success .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-success .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-success .subtitle a:not(.button),
|
||
|
.hero.is-success .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-success .navbar-menu {
|
||
|
background-color: rgb(64, 146, 115);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-success .navbar-item,
|
||
|
.hero.is-success .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-success .navbar-link.is-active,
|
||
|
.hero.is-success .navbar-link:hover,
|
||
|
.hero.is-success a.navbar-item.is-active,
|
||
|
.hero.is-success a.navbar-item:hover {
|
||
|
background-color: rgb(64, 147, 106);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-success .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-success .tabs li.is-active a {
|
||
|
color: rgb(104, 196, 150) !important;
|
||
|
}
|
||
|
.hero.is-success .tabs.is-boxed a,
|
||
|
.hero.is-success .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-success .tabs.is-boxed a:hover,
|
||
|
.hero.is-success .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-success .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-success .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-success .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-success .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(104, 196, 150);
|
||
|
}
|
||
|
.hero.is-success.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(52, 140, 82) 0px,
|
||
|
rgb(64, 146, 115) 71%,
|
||
|
rgb(57, 140, 119) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-success.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(52, 140, 82) 0px,
|
||
|
rgb(64, 146, 115) 71%,
|
||
|
rgb(57, 140, 119) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-warning {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-warning strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-warning .title {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-warning .subtitle a:not(.button),
|
||
|
.hero.is-warning .subtitle strong {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-warning .navbar-menu {
|
||
|
background-color: rgb(95, 74, 18);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-warning .navbar-item,
|
||
|
.hero.is-warning .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning .navbar-link.is-active,
|
||
|
.hero.is-warning .navbar-link:hover,
|
||
|
.hero.is-warning a.navbar-item.is-active,
|
||
|
.hero.is-warning a.navbar-item:hover {
|
||
|
background-color: rgb(105, 82, 19);
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning .tabs a {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning .tabs li.is-active a {
|
||
|
color: rgb(246, 215, 130) !important;
|
||
|
}
|
||
|
.hero.is-warning .tabs.is-boxed a,
|
||
|
.hero.is-warning .tabs.is-toggle a {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-warning .tabs.is-boxed a:hover,
|
||
|
.hero.is-warning .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-warning .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-warning .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgba(13, 13, 13, 0.7);
|
||
|
border-color: rgba(143, 132, 117, 0.7);
|
||
|
color: rgb(246, 215, 130);
|
||
|
}
|
||
|
.hero.is-warning.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(148, 93, 21) 0px,
|
||
|
rgb(95, 74, 18) 71%,
|
||
|
rgb(86, 78, 18) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-warning.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(148, 93, 21) 0px,
|
||
|
rgb(95, 74, 18) 71%,
|
||
|
rgb(86, 78, 18) 100%);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-danger {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
|
||
|
.hero.is-danger strong {
|
||
|
color: inherit;
|
||
|
}
|
||
|
.hero.is-danger .title {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-danger .subtitle {
|
||
|
color: rgba(229, 224, 216, 0.9);
|
||
|
}
|
||
|
.hero.is-danger .subtitle a:not(.button),
|
||
|
.hero.is-danger .subtitle strong {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
@media screen and (max-width: 1023px) {
|
||
|
.hero.is-danger .navbar-menu {
|
||
|
background-color: rgb(148, 29, 51);
|
||
|
}
|
||
|
}
|
||
|
.hero.is-danger .navbar-item,
|
||
|
.hero.is-danger .navbar-link {
|
||
|
color: rgba(229, 224, 216, 0.7);
|
||
|
}
|
||
|
.hero.is-danger .navbar-link.is-active,
|
||
|
.hero.is-danger .navbar-link:hover,
|
||
|
.hero.is-danger a.navbar-item.is-active,
|
||
|
.hero.is-danger a.navbar-item:hover {
|
||
|
background-color: rgb(161, 30, 55);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-danger .tabs a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-danger .tabs li.is-active a {
|
||
|
color: rgb(225, 90, 114) !important;
|
||
|
}
|
||
|
.hero.is-danger .tabs.is-boxed a,
|
||
|
.hero.is-danger .tabs.is-toggle a {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.hero.is-danger .tabs.is-boxed a:hover,
|
||
|
.hero.is-danger .tabs.is-toggle a:hover {
|
||
|
background-color: rgba(21, 20, 20, 0.1);
|
||
|
}
|
||
|
.hero.is-danger .tabs.is-boxed li.is-active a,
|
||
|
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
|
||
|
.hero.is-danger .tabs.is-toggle li.is-active a,
|
||
|
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
|
||
|
background-color: rgb(36, 37, 37);
|
||
|
border-color: rgb(58, 61, 61);
|
||
|
color: rgb(225, 90, 114);
|
||
|
}
|
||
|
.hero.is-danger.is-bold {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(181, 24, 79) 0px,
|
||
|
rgb(148, 29, 51) 71%,
|
||
|
rgb(139, 24, 27) 100%);
|
||
|
}
|
||
|
@media screen and (max-width: 768px) {
|
||
|
.hero.is-danger.is-bold .navbar-menu {
|
||
|
background-image: linear-gradient(141deg,
|
||
|
rgb(181, 24, 79) 0px,
|
||
|
rgb(148, 29, 51) 71%,
|
||
|
rgb(139, 24, 27) 100%);
|
||
|
}
|
||
|
}
|
||
|
.footer {
|
||
|
background-color: rgb(39, 40, 39);
|
||
|
}
|
||
|
.alert {
|
||
|
background-color: rgb(158, 36, 25);
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.closebtn {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
.closebtn:hover {
|
||
|
color: rgb(229, 224, 216);
|
||
|
}
|
||
|
footer a {
|
||
|
text-decoration-color: currentcolor;
|
||
|
}
|
||
|
.cls-1 {
|
||
|
fill: rgb(199, 192, 181);
|
||
|
}
|
||
|
.cls-2 {
|
||
|
fill: rgb(154, 144, 129);
|
||
|
}
|
||
|
.cls-3 {
|
||
|
fill: rgb(66, 235, 165);
|
||
|
}
|
||
|
.cls-4 {
|
||
|
fill: rgb(116, 237, 184);
|
||
|
}
|
||
|
.cls-5 {
|
||
|
fill: rgb(112, 165, 215);
|
||
|
}
|
||
|
.cls-6 {
|
||
|
fill: rgb(115, 178, 233);
|
||
|
}
|
||
|
</style>
|
||
|
<!-- End dark reader -->
|
||
|
</head>
|
||
|
<body class="has-background-light">
|
||
|
<section class="section has-background-light">
|
||
|
<div class="box block sign-in-box has-text-centered">
|
||
|
{{ if .LogoData }}
|
||
|
<div class="block logo-box">
|
||
|
{{.LogoData}}
|
||
|
</div>
|
||
|
{{ end }}
|
||
|
|
||
|
<form method="GET" action="{{.ProxyPrefix}}/start">
|
||
|
<input type="hidden" name="rd" value="{{.Redirect}}">
|
||
|
{{ if .SignInMessage }}
|
||
|
<p class="block">{{.SignInMessage}}</p>
|
||
|
{{ end}}
|
||
|
<button type="submit" class="button block is-primary">Sign in with {{.ProviderName}}</button>
|
||
|
</form>
|
||
|
|
||
|
{{ if .CustomLogin }}
|
||
|
<hr>
|
||
|
|
||
|
<form method="POST" action="{{.ProxyPrefix}}/sign_in" class="block">
|
||
|
<input type="hidden" name="rd" value="{{.Redirect}}">
|
||
|
|
||
|
<div class="field">
|
||
|
<label class="label" for="username">Username</label>
|
||
|
<div class="control">
|
||
|
<input class="input" type="text" placeholder="e.g. userx@example.com" name="username" id="username">
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="field">
|
||
|
<label class="label" for="password">Password</label>
|
||
|
<div class="control">
|
||
|
<input class="input" type="password" placeholder="********" name="password" id="password">
|
||
|
</div>
|
||
|
</div>
|
||
|
<button class="button is-primary">Sign in</button>
|
||
|
</form>
|
||
|
{{ end }}
|
||
|
|
||
|
{{ if eq .StatusCode 400 401 }}
|
||
|
<div class="alert">
|
||
|
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
|
||
|
{{ if eq .StatusCode 400 }}
|
||
|
{{.StatusCode}}: Username cannot be empty
|
||
|
{{ else }}
|
||
|
{{.StatusCode}}: Invalid Username or Password
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
{{ end }}
|
||
|
|
||
|
</div>
|
||
|
</section>
|
||
|
|
||
|
<script>
|
||
|
if (window.location.hash) {
|
||
|
(function() {
|
||
|
var inputs = document.getElementsByName('rd');
|
||
|
for (var i = 0; i < inputs.length; i++) {
|
||
|
// Add hash, but make sure it is only added once
|
||
|
var idx = inputs[i].value.indexOf('#');
|
||
|
if (idx >= 0) {
|
||
|
// Remove existing hash from URL
|
||
|
inputs[i].value = inputs[i].value.substr(0, idx);
|
||
|
}
|
||
|
inputs[i].value += window.location.hash;
|
||
|
}
|
||
|
})();
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<footer class="footer has-text-grey has-background-light is-size-7">
|
||
|
<div class="content has-text-centered">
|
||
|
{{ if eq .Footer "-" }}
|
||
|
{{ else if eq .Footer ""}}
|
||
|
<p>Secured with <a href="https://github.com/oauth2-proxy/oauth2-proxy#oauth2_proxy" class="has-text-grey">OAuth2 Proxy</a> version {{.Version}}</p>
|
||
|
{{ else }}
|
||
|
<p>{{.Footer}}</p>
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
</footer>
|
||
|
|
||
|
</body>
|
||
|
</html>
|
||
|
{{end}}
|