Gray color scheme

This commit is contained in:
mathias 2017-02-12 18:20:22 +02:00
parent c94f16ac9a
commit c264aa2a95

View file

@ -25,7 +25,7 @@ body {
height: 100%; height: 100%;
} }
body { body {
background: #fff6e5; background: #eee;
color: #777777; color: #777777;
font-family: montserratlight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: montserratlight, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.000em; font-size: 1.000em;
@ -42,7 +42,7 @@ body {
} }
h1, h1,
h2 { h2 {
color: #ffaa00; color: #555;
font-family: montserratbold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: montserratbold, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 3.000em; font-size: 3.000em;
font-style: normal; font-style: normal;
@ -52,12 +52,12 @@ h2 {
text-transform: uppercase; text-transform: uppercase;
} }
a { a {
color: #ffaa00; color: #555;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #ffbb32; color: #767676;
} }
/* Icons */ /* Icons */
@ -94,7 +94,7 @@ a:focus {
/* Navigation */ /* Navigation */
#navigation { #navigation {
background: #ffaa00; background: #555;
display: table; display: table;
height: 100%; height: 100%;
position: fixed; position: fixed;
@ -112,7 +112,7 @@ a:focus {
padding: 0.250em; padding: 0.250em;
} }
#navigation a { #navigation a {
color: #fff6e5; color: #eee;
display: table-cell; display: table-cell;
font-size: 1.875em; font-size: 1.875em;
padding: 0.875em; padding: 0.875em;
@ -126,9 +126,9 @@ a:focus {
/* Buttons */ /* Buttons */
.button { .button {
background: #ffaa00; background: #555;
border-radius: 0.375em; border-radius: 0.375em;
color: #fff6e5; color: #eee;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
font-family: montserratregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: montserratregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -139,8 +139,8 @@ a:focus {
} }
.button:hover, .button:hover,
.button:focus { .button:focus {
background: #ffbb32; background: #767676;
color: #fff6e5; color: #eee;
} }
/* Responsive Design */ /* Responsive Design */