569 lines
13 KiB
CSS
569 lines
13 KiB
CSS
@import "uikit/uikit.css";
|
|
html[data-theme=dark] .uk-offcanvas .uk-nav > li > a.active {
|
|
color: #16171a;
|
|
}
|
|
html[data-theme=dark] .uk-logo img {
|
|
height: 38px;
|
|
border-radius: 50%;
|
|
}
|
|
html[data-theme=dark] .uk-button, html[data-theme=dark] .uk-input {
|
|
border: none;
|
|
color: #e6e6e8;
|
|
text-transform: none;
|
|
border-radius: 5px;
|
|
text-decoration: none;
|
|
background-color: #16171a;
|
|
box-shadow: -5px -5px 12px 0 rgba(41, 41, 41, 0.6), 5px 5px 12px 0 rgba(0, 0, 0, 0.3);
|
|
font-weight: bolder;
|
|
}
|
|
html[data-theme=dark] .uk-button-link {
|
|
color: white;
|
|
font-weight: bolder;
|
|
text-decoration: underline;
|
|
}
|
|
html[data-theme=dark] .uk-card {
|
|
border-radius: 5px;
|
|
box-shadow: -5px -5px 12px 0 rgba(41, 41, 41, 0.6), 5px 5px 12px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
html[data-theme=dark] .uk-card .uk-card-header {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
html[data-theme=dark] .uk-card .uk-card-footer {
|
|
border-top: 1px solid black;
|
|
}
|
|
html[data-theme=dark] .uk-card .uk-card-title {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
html[data-theme=dark] .uk-card-secondary {
|
|
background: #23272A;
|
|
}
|
|
html[data-theme=dark] .uk-border-circle {
|
|
box-shadow: -5px -5px 12px 0 rgba(41, 41, 41, 0.6), 5px 5px 12px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
html[data-theme=dark] .uk-h1, html[data-theme=dark] h1 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .uk-h2, html[data-theme=dark] h2 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .uk-h3, html[data-theme=dark] h3 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .uk-h4, html[data-theme=dark] h4 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .uk-h5, html[data-theme=dark] h5 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .uk-h6, html[data-theme=dark] h6 {
|
|
color: #cccccc;
|
|
}
|
|
html[data-theme=dark] .min-height-10vh {
|
|
min-height: 10vh;
|
|
}
|
|
html[data-theme=dark] .max-height-10vh {
|
|
max-height: 10vh;
|
|
}
|
|
html[data-theme=dark] .min-width-10vw {
|
|
max-width: 10vw;
|
|
}
|
|
html[data-theme=dark] .max-width-10vw {
|
|
max-width: 10vw;
|
|
}
|
|
html[data-theme=dark] .min-height-20vh {
|
|
min-height: 20vh;
|
|
}
|
|
html[data-theme=dark] .max-height-20vh {
|
|
max-height: 20vh;
|
|
}
|
|
html[data-theme=dark] .min-width-20vw {
|
|
max-width: 20vw;
|
|
}
|
|
html[data-theme=dark] .max-width-20vw {
|
|
max-width: 20vw;
|
|
}
|
|
html[data-theme=dark] .min-height-30vh {
|
|
min-height: 30vh;
|
|
}
|
|
html[data-theme=dark] .max-height-30vh {
|
|
max-height: 30vh;
|
|
}
|
|
html[data-theme=dark] .min-width-30vw {
|
|
max-width: 30vw;
|
|
}
|
|
html[data-theme=dark] .max-width-30vw {
|
|
max-width: 30vw;
|
|
}
|
|
html[data-theme=dark] .min-height-40vh {
|
|
min-height: 40vh;
|
|
}
|
|
html[data-theme=dark] .max-height-40vh {
|
|
max-height: 40vh;
|
|
}
|
|
html[data-theme=dark] .min-width-40vw {
|
|
max-width: 40vw;
|
|
}
|
|
html[data-theme=dark] .max-width-40vw {
|
|
max-width: 40vw;
|
|
}
|
|
html[data-theme=dark] .min-height-50vh {
|
|
min-height: 50vh;
|
|
}
|
|
html[data-theme=dark] .max-height-50vh {
|
|
max-height: 50vh;
|
|
}
|
|
html[data-theme=dark] .min-width-50vw {
|
|
max-width: 50vw;
|
|
}
|
|
html[data-theme=dark] .max-width-50vw {
|
|
max-width: 50vw;
|
|
}
|
|
html[data-theme=dark] .min-height-60vh {
|
|
min-height: 60vh;
|
|
}
|
|
html[data-theme=dark] .max-height-60vh {
|
|
max-height: 60vh;
|
|
}
|
|
html[data-theme=dark] .min-width-60vw {
|
|
max-width: 60vw;
|
|
}
|
|
html[data-theme=dark] .max-width-60vw {
|
|
max-width: 60vw;
|
|
}
|
|
html[data-theme=dark] .min-height-70vh {
|
|
min-height: 70vh;
|
|
}
|
|
html[data-theme=dark] .max-height-70vh {
|
|
max-height: 70vh;
|
|
}
|
|
html[data-theme=dark] .min-width-70vw {
|
|
max-width: 70vw;
|
|
}
|
|
html[data-theme=dark] .max-width-70vw {
|
|
max-width: 70vw;
|
|
}
|
|
html[data-theme=dark] .min-height-80vh {
|
|
min-height: 80vh;
|
|
}
|
|
html[data-theme=dark] .max-height-80vh {
|
|
max-height: 80vh;
|
|
}
|
|
html[data-theme=dark] .min-width-80vw {
|
|
max-width: 80vw;
|
|
}
|
|
html[data-theme=dark] .max-width-80vw {
|
|
max-width: 80vw;
|
|
}
|
|
html[data-theme=dark] .min-height-90vh {
|
|
min-height: 90vh;
|
|
}
|
|
html[data-theme=dark] .max-height-90vh {
|
|
max-height: 90vh;
|
|
}
|
|
html[data-theme=dark] .min-width-90vw {
|
|
max-width: 90vw;
|
|
}
|
|
html[data-theme=dark] .max-width-90vw {
|
|
max-width: 90vw;
|
|
}
|
|
html[data-theme=dark] .min-height-100vh {
|
|
min-height: 100vh;
|
|
}
|
|
html[data-theme=dark] .max-height-100vh {
|
|
max-height: 100vh;
|
|
}
|
|
html[data-theme=dark] .min-width-100vw {
|
|
max-width: 100vw;
|
|
}
|
|
html[data-theme=dark] .max-width-100vw {
|
|
max-width: 100vw;
|
|
}
|
|
html[data-theme=dark] .uk-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 42px;
|
|
}
|
|
html[data-theme=dark] .uk-switch input {
|
|
display: none;
|
|
}
|
|
html[data-theme=dark] .uk-switch-slider {
|
|
background-color: rgba(0, 0, 0, 0.22);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius: 500px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
transition-property: background-color;
|
|
transition-duration: 0.05s;
|
|
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
|
|
}
|
|
html[data-theme=dark] .uk-switch-slider:before {
|
|
content: "";
|
|
background-color: #fff;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
border-radius: 50%;
|
|
transition-property: transform, box-shadow;
|
|
transition-duration: 0.05s;
|
|
}
|
|
html[data-theme=dark] input:checked + .uk-switch-slider {
|
|
background-color: #39f !important;
|
|
}
|
|
html[data-theme=dark] input:checked + .uk-switch-slider:before {
|
|
transform: translateX(18px);
|
|
}
|
|
html[data-theme=dark] .uk-switch-slider.uk-switch-on-off {
|
|
background-color: #f0506e;
|
|
}
|
|
html[data-theme=dark] input:checked + .uk-switch-slider.uk-switch-on-off {
|
|
background-color: #32d296 !important;
|
|
}
|
|
html[data-theme=dark] .uk-switch-slider.uk-switch-big:before {
|
|
transform: scale(1.2);
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
|
|
}
|
|
html[data-theme=dark] .uk-switch-slider.uk-switch-small:before {
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
|
|
}
|
|
html[data-theme=dark] input:checked + .uk-switch-slider.uk-switch-big:before {
|
|
transform: translateX(18px) scale(1.2);
|
|
}
|
|
html[data-theme=dark] .uk-text-muted {
|
|
color: #999 !important;
|
|
}
|
|
|
|
html[data-theme=light] .uk-offcanvas .uk-nav > li > a.active {
|
|
color: #E0E5EC;
|
|
}
|
|
html[data-theme=light] .uk-logo img {
|
|
height: 38px;
|
|
border-radius: 50%;
|
|
}
|
|
html[data-theme=light] .uk-button, html[data-theme=light] .uk-input {
|
|
border: none;
|
|
color: #2c2c2e;
|
|
text-transform: none;
|
|
border-radius: 5px;
|
|
text-decoration: none;
|
|
background-color: #E0E5EC;
|
|
box-shadow: -5px -5px 12px 0 rgba(255, 255, 255, 0.5), 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
|
|
font-weight: bolder;
|
|
}
|
|
html[data-theme=light] .uk-button-link {
|
|
color: #5e5e62;
|
|
font-weight: bolder;
|
|
text-decoration: underline;
|
|
}
|
|
html[data-theme=light] .uk-card {
|
|
border-radius: 5px;
|
|
box-shadow: -5px -5px 12px 0 rgba(255, 255, 255, 0.5), 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
html[data-theme=light] .uk-card .uk-card-header {
|
|
border-bottom: 1px solid #c0cad9;
|
|
}
|
|
html[data-theme=light] .uk-card .uk-card-footer {
|
|
border-top: 1px solid #c0cad9;
|
|
}
|
|
html[data-theme=light] .uk-card .uk-card-title {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
html[data-theme=light] .uk-card-secondary {
|
|
background: #23272A;
|
|
}
|
|
html[data-theme=light] .uk-border-circle {
|
|
box-shadow: -5px -5px 12px 0 rgba(255, 255, 255, 0.5), 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
html[data-theme=light] .uk-h1, html[data-theme=light] h1 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .uk-h2, html[data-theme=light] h2 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .uk-h3, html[data-theme=light] h3 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .uk-h4, html[data-theme=light] h4 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .uk-h5, html[data-theme=light] h5 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .uk-h6, html[data-theme=light] h6 {
|
|
color: #333333;
|
|
}
|
|
html[data-theme=light] .min-height-10vh {
|
|
min-height: 10vh;
|
|
}
|
|
html[data-theme=light] .max-height-10vh {
|
|
max-height: 10vh;
|
|
}
|
|
html[data-theme=light] .min-width-10vw {
|
|
max-width: 10vw;
|
|
}
|
|
html[data-theme=light] .max-width-10vw {
|
|
max-width: 10vw;
|
|
}
|
|
html[data-theme=light] .min-height-20vh {
|
|
min-height: 20vh;
|
|
}
|
|
html[data-theme=light] .max-height-20vh {
|
|
max-height: 20vh;
|
|
}
|
|
html[data-theme=light] .min-width-20vw {
|
|
max-width: 20vw;
|
|
}
|
|
html[data-theme=light] .max-width-20vw {
|
|
max-width: 20vw;
|
|
}
|
|
html[data-theme=light] .min-height-30vh {
|
|
min-height: 30vh;
|
|
}
|
|
html[data-theme=light] .max-height-30vh {
|
|
max-height: 30vh;
|
|
}
|
|
html[data-theme=light] .min-width-30vw {
|
|
max-width: 30vw;
|
|
}
|
|
html[data-theme=light] .max-width-30vw {
|
|
max-width: 30vw;
|
|
}
|
|
html[data-theme=light] .min-height-40vh {
|
|
min-height: 40vh;
|
|
}
|
|
html[data-theme=light] .max-height-40vh {
|
|
max-height: 40vh;
|
|
}
|
|
html[data-theme=light] .min-width-40vw {
|
|
max-width: 40vw;
|
|
}
|
|
html[data-theme=light] .max-width-40vw {
|
|
max-width: 40vw;
|
|
}
|
|
html[data-theme=light] .min-height-50vh {
|
|
min-height: 50vh;
|
|
}
|
|
html[data-theme=light] .max-height-50vh {
|
|
max-height: 50vh;
|
|
}
|
|
html[data-theme=light] .min-width-50vw {
|
|
max-width: 50vw;
|
|
}
|
|
html[data-theme=light] .max-width-50vw {
|
|
max-width: 50vw;
|
|
}
|
|
html[data-theme=light] .min-height-60vh {
|
|
min-height: 60vh;
|
|
}
|
|
html[data-theme=light] .max-height-60vh {
|
|
max-height: 60vh;
|
|
}
|
|
html[data-theme=light] .min-width-60vw {
|
|
max-width: 60vw;
|
|
}
|
|
html[data-theme=light] .max-width-60vw {
|
|
max-width: 60vw;
|
|
}
|
|
html[data-theme=light] .min-height-70vh {
|
|
min-height: 70vh;
|
|
}
|
|
html[data-theme=light] .max-height-70vh {
|
|
max-height: 70vh;
|
|
}
|
|
html[data-theme=light] .min-width-70vw {
|
|
max-width: 70vw;
|
|
}
|
|
html[data-theme=light] .max-width-70vw {
|
|
max-width: 70vw;
|
|
}
|
|
html[data-theme=light] .min-height-80vh {
|
|
min-height: 80vh;
|
|
}
|
|
html[data-theme=light] .max-height-80vh {
|
|
max-height: 80vh;
|
|
}
|
|
html[data-theme=light] .min-width-80vw {
|
|
max-width: 80vw;
|
|
}
|
|
html[data-theme=light] .max-width-80vw {
|
|
max-width: 80vw;
|
|
}
|
|
html[data-theme=light] .min-height-90vh {
|
|
min-height: 90vh;
|
|
}
|
|
html[data-theme=light] .max-height-90vh {
|
|
max-height: 90vh;
|
|
}
|
|
html[data-theme=light] .min-width-90vw {
|
|
max-width: 90vw;
|
|
}
|
|
html[data-theme=light] .max-width-90vw {
|
|
max-width: 90vw;
|
|
}
|
|
html[data-theme=light] .min-height-100vh {
|
|
min-height: 100vh;
|
|
}
|
|
html[data-theme=light] .max-height-100vh {
|
|
max-height: 100vh;
|
|
}
|
|
html[data-theme=light] .min-width-100vw {
|
|
max-width: 100vw;
|
|
}
|
|
html[data-theme=light] .max-width-100vw {
|
|
max-width: 100vw;
|
|
}
|
|
html[data-theme=light] .uk-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 42px;
|
|
}
|
|
html[data-theme=light] .uk-switch input {
|
|
display: none;
|
|
}
|
|
html[data-theme=light] .uk-switch-slider {
|
|
background-color: rgba(0, 0, 0, 0.22);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius: 500px;
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
transition-property: background-color;
|
|
transition-duration: 0.05s;
|
|
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
|
|
}
|
|
html[data-theme=light] .uk-switch-slider:before {
|
|
content: "";
|
|
background-color: #fff;
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
border-radius: 50%;
|
|
transition-property: transform, box-shadow;
|
|
transition-duration: 0.05s;
|
|
}
|
|
html[data-theme=light] input:checked + .uk-switch-slider {
|
|
background-color: #39f !important;
|
|
}
|
|
html[data-theme=light] input:checked + .uk-switch-slider:before {
|
|
transform: translateX(18px);
|
|
}
|
|
html[data-theme=light] .uk-switch-slider.uk-switch-on-off {
|
|
background-color: #f0506e;
|
|
}
|
|
html[data-theme=light] input:checked + .uk-switch-slider.uk-switch-on-off {
|
|
background-color: #32d296 !important;
|
|
}
|
|
html[data-theme=light] .uk-switch-slider.uk-switch-big:before {
|
|
transform: scale(1.2);
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
|
|
}
|
|
html[data-theme=light] .uk-switch-slider.uk-switch-small:before {
|
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
|
|
}
|
|
html[data-theme=light] input:checked + .uk-switch-slider.uk-switch-big:before {
|
|
transform: translateX(18px) scale(1.2);
|
|
}
|
|
html[data-theme=light] .uk-text-muted {
|
|
color: #666666 !important;
|
|
}
|
|
|
|
.uk-label {
|
|
background: #0b59a6;
|
|
}
|
|
|
|
.uk-label-success {
|
|
background-color: #166548;
|
|
}
|
|
|
|
.uk-label-warning {
|
|
background-color: #914204;
|
|
}
|
|
|
|
:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
|
|
color: #aa0f2c;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
*:focus {
|
|
border: 1px solid #0f7ae5 !important;
|
|
}
|
|
|
|
html, body {
|
|
font-family: "Roboto", sans-serif;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
html[data-theme=dark] body {
|
|
background-color: #16171a;
|
|
color: #e6e6e8;
|
|
}
|
|
html[data-theme=dark] #app {
|
|
min-height: 100vh;
|
|
}
|
|
html[data-theme=dark] .nav {
|
|
z-index: 99;
|
|
background-color: #16171a;
|
|
box-shadow: -5px -5px 12px 0 rgba(41, 41, 41, 0.6), 5px 5px 12px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
html[data-theme=dark] .nav .uk-navbar-nav > li > a {
|
|
color: #e6e6e8;
|
|
text-transform: none;
|
|
}
|
|
html[data-theme=dark] .nav .uk-navbar-nav > li > a:hover, html[data-theme=dark] .nav .uk-navbar-nav > li > a.active {
|
|
text-decoration: underline;
|
|
}
|
|
html[data-theme=dark] .top-wrap-height {
|
|
height: 80vh;
|
|
min-height: 460px;
|
|
transition: height 0.25s;
|
|
}
|
|
html[data-theme=dark] .subtitle-text {
|
|
font-size: 1.2em;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
html[data-theme=light] body {
|
|
background-color: #E0E5EC;
|
|
color: #2c2c2e;
|
|
}
|
|
html[data-theme=light] #app {
|
|
min-height: 100vh;
|
|
}
|
|
html[data-theme=light] .nav {
|
|
z-index: 99;
|
|
background-color: #E0E5EC;
|
|
box-shadow: -5px -5px 12px 0 rgba(255, 255, 255, 0.5), 5px 5px 12px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
html[data-theme=light] .nav .uk-navbar-nav > li > a {
|
|
color: #2c2c2e;
|
|
text-transform: none;
|
|
}
|
|
html[data-theme=light] .nav .uk-navbar-nav > li > a:hover, html[data-theme=light] .nav .uk-navbar-nav > li > a.active {
|
|
text-decoration: underline;
|
|
}
|
|
html[data-theme=light] .top-wrap-height {
|
|
height: 80vh;
|
|
min-height: 460px;
|
|
transition: height 0.25s;
|
|
}
|
|
html[data-theme=light] .subtitle-text {
|
|
font-size: 1.2em;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/*# sourceMappingURL=index.css.map */
|