closer to MS design guidelines

This commit is contained in:
William Zhang 2017-07-12 12:52:28 -04:00
parent f83eaf0226
commit a45289b544
5 changed files with 11 additions and 8 deletions

View File

@ -7,7 +7,7 @@ footer {
right: 0; right: 0;
text-align: center; text-align: center;
color: #fff; color: #fff;
background-color: #212121; background-color: #393939;
z-index: 2; z-index: 2;
} }

View File

@ -36,7 +36,10 @@ header {
width: 48px; width: 48px;
height: 48px; height: 48px;
display: block; display: block;
background-image: url('../icons/menu.svg'); background-image: url('../icons/menu.png');
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
} }
nav#menu { nav#menu {
@ -46,7 +49,7 @@ nav#menu {
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: center; justify-content: center;
background-color: #b71c1c; background-color: rgb(164, 38, 44);
box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27); box-shadow: 0 28px 79px 0 rgba(66, 129, 121, .27);
} }

View File

@ -57,7 +57,7 @@ hr {
} }
a { a {
color: #2196F3; color: #3A96DD;
text-decoration: none; text-decoration: none;
} }
@ -123,11 +123,11 @@ button.expand {
} }
span>a:hover { span>a:hover {
color: #616161; color: #767676;
} }
span>a:active { span>a:active {
color: #212121; color: #393939;
} }
#wrapper { #wrapper {
@ -135,7 +135,7 @@ span>a:active {
width: 100%; width: 100%;
min-height: calc(60vh - 42px - 2.75em); min-height: calc(60vh - 42px - 2.75em);
z-index: 1; z-index: 1;
background-color: #424242; background-color: #4C4A48;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@ -65,7 +65,7 @@
} }
button.menu-item:hover { button.menu-item:hover {
color: #fff; color: #fff;
background-color: #7f0000; background-color: rgb(118, 23, 33);
} }
button.menu-item:active { button.menu-item:active {
font-size: 1.1em; font-size: 1.1em;

BIN
icons/menu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 B