mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-20 19:20:17 -04:00
closer to MS design guidelines
This commit is contained in:
parent
f83eaf0226
commit
a45289b544
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
BIN
icons/menu.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 91 B |
Loading…
Reference in New Issue
Block a user