gnousdoteu-v3/apps/gnous_eu/static/stylesheets/css/index.css

390 lines
13 KiB
CSS
Raw Normal View History

2020-05-16 02:57:54 +02:00
@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 */