Revision 7824720d
Von Cem Aydin vor mehr als 3 Jahren hinzugefügt
| css/style.css | ||
|---|---|---|
| 82 | 82 |
border-radius: 6px; |
| 83 | 83 |
} |
| 84 | 84 |
.mx-button-standard {
|
| 85 |
border: 1px #1b1b0e solid;
|
|
| 86 |
background-color: #292914;
|
|
| 87 |
color: #f5f5f1;
|
|
| 85 |
border: 1px #406449 solid;
|
|
| 86 |
background-color: #406449;
|
|
| 87 |
color: #fff;
|
|
| 88 | 88 |
text-decoration: none; |
| 89 | 89 |
} |
| 90 | 90 |
.mx-button-standard-hover-focus:hover {
|
| 91 |
border: 1px #000000 solid;
|
|
| 92 |
background-color: #1b1b0e;
|
|
| 93 |
color: #e0e0d6;
|
|
| 91 |
border: 1px #548360 solid;
|
|
| 92 |
background-color: #548360;
|
|
| 93 |
color: #fff;
|
|
| 94 | 94 |
text-decoration: none; |
| 95 | 95 |
} |
| 96 | 96 |
.mx-button-standard-hover-focus:active, |
| 97 | 97 |
.mx-button-standard-hover-focus:focus {
|
| 98 |
border: 1px #000000 solid;
|
|
| 99 |
background-color: #000000;
|
|
| 100 |
color: #e0e0d6;
|
|
| 98 |
border: 1px #548360 solid;
|
|
| 99 |
background-color: #548360;
|
|
| 100 |
color: #fff;
|
|
| 101 | 101 |
text-decoration: none; |
| 102 | 102 |
} |
| 103 | 103 |
.mx-button-neutral {
|
| ... | ... | |
| 3611 | 3611 |
input[type="button"].button, |
| 3612 | 3612 |
button[type="submit"], |
| 3613 | 3613 |
button[type="button"] {
|
| 3614 |
color: #f5f5f1;
|
|
| 3615 |
background-color: #292914;
|
|
| 3616 |
border: 1px #1b1b0e solid;
|
|
| 3614 |
color: #fff;
|
|
| 3615 |
background-color: #406449;
|
|
| 3616 |
border: 1px #406449 solid;
|
|
| 3617 | 3617 |
} |
| 3618 | 3618 |
input[type="submit"]:hover, |
| 3619 | 3619 |
input[type="button"]:hover, |
| 3620 | 3620 |
input[type="button"].button:hover, |
| 3621 | 3621 |
button[type="submit"]:hover, |
| 3622 | 3622 |
button[type="button"]:hover {
|
| 3623 |
color: #e0e0d6;
|
|
| 3624 |
background-color: #1b1b0e;
|
|
| 3625 |
border: 1px #000000 solid;
|
|
| 3623 |
color: #fff;
|
|
| 3624 |
background-color: #548360;
|
|
| 3625 |
border: 1px #548360 solid;
|
|
| 3626 | 3626 |
} |
| 3627 | 3627 |
input[type="submit"]:active, |
| 3628 | 3628 |
input[type="button"]:active, |
| ... | ... | |
| 3634 | 3634 |
input[type="button"].button:focus, |
| 3635 | 3635 |
button[type="submit"]:focus, |
| 3636 | 3636 |
button[type="button"]:focus {
|
| 3637 |
color: #e0e0d6;
|
|
| 3638 |
background-color: #000000;
|
|
| 3639 |
border: 1px #000000 solid;
|
|
| 3637 |
color: #fff;
|
|
| 3638 |
background-color: #548360;
|
|
| 3639 |
border: 1px #548360 solid;
|
|
| 3640 | 3640 |
} |
| 3641 | 3641 |
input[type="button"].neutral, |
| 3642 | 3642 |
input[type="submit"].neutral, |
| ... | ... | |
| 3699 | 3699 |
border-style: solid; |
| 3700 | 3700 |
border-width: 1px; |
| 3701 | 3701 |
border-radius: 6px; |
| 3702 |
border: 1px #1b1b0e solid;
|
|
| 3703 |
background-color: #292914;
|
|
| 3704 |
color: #f5f5f1;
|
|
| 3702 |
border: 1px #406449 solid;
|
|
| 3703 |
background-color: #406449;
|
|
| 3704 |
color: #fff;
|
|
| 3705 | 3705 |
text-decoration: none; |
| 3706 | 3706 |
} |
| 3707 | 3707 |
a.button.below {
|
| 3708 | 3708 |
clear: both !important; |
| 3709 | 3709 |
} |
| 3710 | 3710 |
a.button:hover {
|
| 3711 |
border: 1px #000000 solid;
|
|
| 3712 |
background-color: #1b1b0e;
|
|
| 3713 |
color: #e0e0d6;
|
|
| 3711 |
border: 1px #548360 solid;
|
|
| 3712 |
background-color: #548360;
|
|
| 3713 |
color: #fff;
|
|
| 3714 | 3714 |
text-decoration: none; |
| 3715 | 3715 |
} |
| 3716 | 3716 |
a.button:active, |
| 3717 | 3717 |
a.button:focus {
|
| 3718 |
border: 1px #000000 solid;
|
|
| 3719 |
background-color: #000000;
|
|
| 3720 |
color: #e0e0d6;
|
|
| 3718 |
border: 1px #548360 solid;
|
|
| 3719 |
background-color: #548360;
|
|
| 3720 |
color: #fff;
|
|
| 3721 | 3721 |
text-decoration: none; |
| 3722 | 3722 |
} |
| 3723 | 3723 |
a.button.neutral:link, |
| ... | ... | |
| 3814 | 3814 |
border-style: solid; |
| 3815 | 3815 |
border-width: 1px; |
| 3816 | 3816 |
border-radius: 6px; |
| 3817 |
border: 1px #1b1b0e solid;
|
|
| 3818 |
background-color: #292914;
|
|
| 3819 |
color: #f5f5f1;
|
|
| 3817 |
border: 1px #406449 solid;
|
|
| 3818 |
background-color: #406449;
|
|
| 3819 |
color: #fff;
|
|
| 3820 | 3820 |
text-decoration: none; |
| 3821 | 3821 |
} |
| 3822 | 3822 |
#content label.button:hover {
|
| 3823 |
border: 1px #000000 solid;
|
|
| 3824 |
background-color: #1b1b0e;
|
|
| 3825 |
color: #e0e0d6;
|
|
| 3823 |
border: 1px #548360 solid;
|
|
| 3824 |
background-color: #548360;
|
|
| 3825 |
color: #fff;
|
|
| 3826 | 3826 |
text-decoration: none; |
| 3827 | 3827 |
} |
| 3828 | 3828 |
#content label.button:active, |
| 3829 | 3829 |
#content label.button:focus {
|
| 3830 |
border: 1px #000000 solid;
|
|
| 3831 |
background-color: #000000;
|
|
| 3832 |
color: #e0e0d6;
|
|
| 3830 |
border: 1px #548360 solid;
|
|
| 3831 |
background-color: #548360;
|
|
| 3832 |
color: #fff;
|
|
| 3833 | 3833 |
text-decoration: none; |
| 3834 | 3834 |
} |
| 3835 | 3835 |
#content label.button.neutral {
|
| ... | ... | |
| 4187 | 4187 |
z-index: 1020; |
| 4188 | 4188 |
top: 60px; |
| 4189 | 4189 |
width: 100%; |
| 4190 |
color: #e0e0d6;
|
|
| 4191 |
background-color: #292914;
|
|
| 4190 |
color: #fff;
|
|
| 4191 |
background-color: #406449;
|
|
| 4192 | 4192 |
padding: 0.7em 0.5em 0.7em 1.3em; |
| 4193 | 4193 |
border-top: 1px #666633 solid; |
| 4194 | 4194 |
} |
| ... | ... | |
| 4198 | 4198 |
margin: 1.6em 0 0.4em 0; |
| 4199 | 4199 |
} |
| 4200 | 4200 |
body > h1 {
|
| 4201 |
color: #e0e0d6;
|
|
| 4202 |
background-color: #292914;
|
|
| 4201 |
color: #fff;
|
|
| 4202 |
background-color: #406449;
|
|
| 4203 | 4203 |
padding: 0.7em 0.5em 0.7em 1.3em; |
| 4204 | 4204 |
} |
| 4205 | 4205 |
h2 {
|
| ... | ... | |
| 5578 | 5578 |
.ui-dialog .ui-dialog-titlebar {
|
| 5579 | 5579 |
padding: 0.4em 1em; |
| 5580 | 5580 |
border: none; |
| 5581 |
background-color: #292914 !important;
|
|
| 5582 |
color: #e0e0d6 !important;
|
|
| 5581 |
background-color: #406449 !important;
|
|
| 5582 |
color: #fff !important;
|
|
| 5583 | 5583 |
font-weight: normal; |
| 5584 | 5584 |
position: relative; |
| 5585 | 5585 |
text-align: left; |
| ... | ... | |
| 7395 | 7395 |
// Days |
| 7396 | 7396 |
td a {
|
| 7397 | 7397 |
&.ui-state-default {
|
| 7398 |
color: @brand-dark;
|
|
| 7398 |
color: @base-dark;
|
|
| 7399 | 7399 |
} |
| 7400 | 7400 |
&.ui-state-hover {
|
| 7401 | 7401 |
color: #ffffff ; |
| ... | ... | |
| 7403 | 7403 |
border: #000000 ; |
| 7404 | 7404 |
} |
| 7405 | 7405 |
&.ui-state-active {
|
| 7406 |
border: 1px solid @brand-dark;
|
|
| 7407 |
background-color: @brand-dark;
|
|
| 7408 |
color: @brand-verylight;
|
|
| 7406 |
border: 1px solid @base-dark;
|
|
| 7407 |
background-color: @base-dark;
|
|
| 7408 |
color: @base-verylight;
|
|
| 7409 | 7409 |
} |
| 7410 | 7410 |
|
| 7411 | 7411 |
} |
| ... | ... | |
| 7840 | 7840 |
/* DEVELOPING (developing.less) */ |
| 7841 | 7841 |
/* ------------------------------------------------------------- */ |
| 7842 | 7842 |
body.developing > header {
|
| 7843 |
background-color: #292914;
|
|
| 7843 |
background-color: #406449;
|
|
| 7844 | 7844 |
display: block; |
| 7845 | 7845 |
overflow: hidden; |
| 7846 | 7846 |
} |
| 7847 | 7847 |
body.developing > header h1 {
|
| 7848 | 7848 |
float: left; |
| 7849 |
color: #e0e0d6;
|
|
| 7849 |
color: #fff;
|
|
| 7850 | 7850 |
padding: 1em; |
| 7851 | 7851 |
} |
| 7852 | 7852 |
body.developing > header nav {
|
| ... | ... | |
| 7966 | 7966 |
body.developing button[type="submit"], |
| 7967 | 7967 |
body.developing button[type="button"], |
| 7968 | 7968 |
body.developing a.button {
|
| 7969 |
color: #f5f5f1;
|
|
| 7970 |
background-color: #292914;
|
|
| 7971 |
border: 1px #1b1b0e solid;
|
|
| 7969 |
color: #fff;
|
|
| 7970 |
background-color: #406449;
|
|
| 7971 |
border: 1px #406449 solid;
|
|
| 7972 | 7972 |
} |
| 7973 | 7973 |
body.developing input[type="submit"].hover, |
| 7974 | 7974 |
body.developing input[type="button"].hover, |
| ... | ... | |
| 7976 | 7976 |
body.developing button[type="submit"].hover, |
| 7977 | 7977 |
body.developing button[type="button"].hover, |
| 7978 | 7978 |
body.developing a.button.hover {
|
| 7979 |
color: #e0e0d6;
|
|
| 7980 |
background-color: #1b1b0e;
|
|
| 7981 |
border: 1px #000000 solid;
|
|
| 7979 |
color: #fff;
|
|
| 7980 |
background-color: #548360;
|
|
| 7981 |
border: 1px #548360 solid;
|
|
| 7982 | 7982 |
} |
| 7983 | 7983 |
body.developing input[type="submit"].active, |
| 7984 | 7984 |
body.developing input[type="button"].active, |
| ... | ... | |
| 7986 | 7986 |
body.developing button[type="submit"].active, |
| 7987 | 7987 |
body.developing button[type="button"].active, |
| 7988 | 7988 |
body.developing a.button.active {
|
| 7989 |
color: #e0e0d6;
|
|
| 7990 |
background-color: #000000;
|
|
| 7991 |
border: 1px #000000 solid;
|
|
| 7989 |
color: #fff;
|
|
| 7990 |
background-color: #548360;
|
|
| 7991 |
border: 1px #548360 solid;
|
|
| 7992 | 7992 |
} |
| 7993 | 7993 |
body.developing input[type="button"].neutral, |
| 7994 | 7994 |
body.developing input[type="submit"].neutral, |
Auch abrufbar als: Unified diff
Neues Design Anpassung: #386 Farben Überschriften und Buttons angepasst
Da bei einer Änderung der Brand Farbe oftmals ein unbrauchbarer
Hintergrund-Ton entstand, habe ich diese nun entkoppelt. Dazu:
- brand durchgehend in base umbenannt
- neuen Abschnitt brand eingefügt (css/less/variables_color_style.less)
- diesen für H1 Header und Buttons verwendet
- less/css neu kompiliert