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

569 lines
13 KiB
CSS
Raw Normal View History

2021-08-02 17:32:41 +02:00
@import "uikit/uikit.css";
html[data-theme=dark] .uk-offcanvas .uk-nav > li > a.active {
color: #16171a;
}
html[data-theme=dark] .uk-logo img {
2020-05-16 02:57:54 +02:00
height: 38px;
2021-08-02 17:32:41 +02:00
border-radius: 50%;
}
html[data-theme=dark] .uk-button, html[data-theme=dark] .uk-input {
2020-05-16 02:57:54 +02:00
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);
2021-08-02 17:32:41 +02:00
font-weight: bolder;
}
html[data-theme=dark] .uk-button-link {
2020-05-16 02:57:54 +02:00
color: white;
font-weight: bolder;
2021-08-02 17:32:41 +02:00
text-decoration: underline;
}
html[data-theme=dark] .uk-card {
2020-05-16 02:57:54 +02:00
border-radius: 5px;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
position: relative;
display: inline-block;
height: 24px;
2021-08-02 17:32:41 +02:00
width: 42px;
}
html[data-theme=dark] .uk-switch input {
display: none;
}
html[data-theme=dark] .uk-switch-slider {
2020-05-16 02:57:54 +02:00
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;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
transform: scale(1.2);
2021-08-02 17:32:41 +02:00
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;
}
2020-05-16 02:57:54 +02:00
2021-08-02 17:32:41 +02:00
html[data-theme=light] .uk-offcanvas .uk-nav > li > a.active {
color: #E0E5EC;
}
html[data-theme=light] .uk-logo img {
2020-05-16 02:57:54 +02:00
height: 38px;
2021-08-02 17:32:41 +02:00
border-radius: 50%;
}
html[data-theme=light] .uk-button, html[data-theme=light] .uk-input {
2020-05-16 02:57:54 +02:00
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);
2021-08-02 17:32:41 +02:00
font-weight: bolder;
}
html[data-theme=light] .uk-button-link {
2020-05-16 02:57:54 +02:00
color: #5e5e62;
font-weight: bolder;
2021-08-02 17:32:41 +02:00
text-decoration: underline;
}
html[data-theme=light] .uk-card {
2020-05-16 02:57:54 +02:00
border-radius: 5px;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
position: relative;
display: inline-block;
height: 24px;
2021-08-02 17:32:41 +02:00
width: 42px;
}
html[data-theme=light] .uk-switch input {
display: none;
}
html[data-theme=light] .uk-switch-slider {
2020-05-16 02:57:54 +02:00
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;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
transform: scale(1.2);
2021-08-02 17:32:41 +02:00
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;
}
2020-05-16 02:57:54 +02:00
2021-08-02 18:05:13 +02:00
*:focus {
border: 1px solid #0f7ae5 !important;
}
2020-05-16 02:57:54 +02:00
html, body {
2021-08-02 17:32:41 +02:00
font-family: "Roboto", sans-serif;
transition-duration: 0.3s;
}
2020-05-16 02:57:54 +02:00
2021-08-02 17:32:41 +02:00
html[data-theme=dark] body {
2020-05-16 02:57:54 +02:00
background-color: #16171a;
2021-08-02 17:32:41 +02:00
color: #e6e6e8;
}
html[data-theme=dark] #app {
min-height: 100vh;
}
html[data-theme=dark] .nav {
2020-05-16 02:57:54 +02:00
z-index: 99;
background-color: #16171a;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
height: 80vh;
min-height: 460px;
2021-08-02 17:32:41 +02:00
transition: height 0.25s;
}
html[data-theme=dark] .subtitle-text {
2020-05-16 02:57:54 +02:00
font-size: 1.2em;
2021-08-02 17:32:41 +02:00
opacity: 0.7;
}
2020-05-16 02:57:54 +02:00
2021-08-02 17:32:41 +02:00
html[data-theme=light] body {
2020-05-16 02:57:54 +02:00
background-color: #E0E5EC;
2021-08-02 17:32:41 +02:00
color: #2c2c2e;
}
html[data-theme=light] #app {
min-height: 100vh;
}
html[data-theme=light] .nav {
2020-05-16 02:57:54 +02:00
z-index: 99;
background-color: #E0E5EC;
2021-08-02 17:32:41 +02:00
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 {
2020-05-16 02:57:54 +02:00
height: 80vh;
min-height: 460px;
2021-08-02 17:32:41 +02:00
transition: height 0.25s;
}
2021-08-02 17:32:41 +02:00
html[data-theme=light] .subtitle-text {
font-size: 1.2em;
opacity: 0.7;
}
2020-05-16 02:57:54 +02:00
/*# sourceMappingURL=index.css.map */