Revision 16da593f
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