Better menu styling
This commit is contained in:
parent
d8d87d3f10
commit
855d3620e6
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user