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,
body {
margin: 0;
background-color: rgb(31, 31, 31);
background-color: #2D2D2D;
color: white;
font-family: "Segoe UI Light", "Segoe UI", "Lucida Sans", Arial, sans-serif;
@ -49,15 +49,19 @@
border-radius: 10px;
transition: all 0.1s ease-out;
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 {
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 {
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 {