390 lines
13 KiB
CSS
390 lines
13 KiB
CSS
|
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||
|
@import url(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-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: .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: .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="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-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: .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: .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, body {
|
||
|
font-family: 'Roboto', sans-serif;
|
||
|
transition-duration: .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 */
|