Better menu styling

This commit is contained in:
momo5502 2019-01-05 19:37:21 +01:00
parent d8d87d3f10
commit 855d3620e6

View File

@ -16,7 +16,7 @@
html, html,
body { body {
margin: 0; margin: 0;
background-color: rgb(31, 31, 31); background-color: #2D2D2D;
color: white; color: white;
font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans", Arial, sans-serif; font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans", Arial, sans-serif;
@ -49,15 +49,19 @@
border-radius: 10px; border-radius: 10px;
transition: all 0.1s ease-out; transition: all 0.1s ease-out;
cursor: pointer; cursor: pointer;
box-shadow: 0px 2px 10px 10px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 40px 10px rgba(0, 0, 0, 0.3);
} }
.button>img:hover { .button>img:hover {
box-shadow: 0px 2px 10px 10px rgba(0, 0, 0, 0); box-shadow: 0px 2px 40px 10px rgba(0, 0, 0, 0);
} }
.button:first-of-type { .button:first-of-type {
border-right: 1px solid rgba(255, 255, 255, 0.3); border-right: 5px solid #1F1F1F;
}
.button:last-of-type {
border-left: 5px solid #1F1F1F;
} }
.content { .content {