hippoz/homepage
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

add shadows and make button contrast better

Browse source
This commit is contained in:
hippoz 2020-10-04 23:29:30 +03:00
parent d6d22f7d08
commit 28facf6593
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
res/style.css
View file

@ -10,6 +10,11 @@ body {
width: 400px; width: 400px;
background: #d1d1d1; background: #d1d1d1;
border-radius: 8px; border-radius: 8px;
-webkit-box-shadow: 2px -2px 38px 1px rgba(0,0,0,0.59);
-moz-box-shadow: 2px -2px 38px 1px rgba(0,0,0,0.59);
box-shadow: 2px -2px 38px 1px rgba(0,0,0,0.59);
} }
.navigation-card { .navigation-card {
@ -27,7 +32,7 @@ body {
.button-default { .button-default {
text-decoration: none; text-decoration: none;
border: 2px solid #818181; border: 2px solid #606060;
background-color: #d1d1d1; background-color: #d1d1d1;
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
@ -35,13 +40,13 @@ body {
white-space: nowrap; white-space: nowrap;
margin-top: 2px; margin-top: 2px;
margin-bottom: 2px; margin-bottom: 2px;
color: #818181; color: #606060;
cursor: pointer; cursor: pointer;
} }
.button-default:hover { .button-default:hover {
color: #d1d1d1; color: #d1d1d1;
background-color: #818181; background-color: #606060;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {