neon443/neon443.github.io
1
0
Fork 0
mirror of https://github.com/neon443/neon443.github.io.git synced 2026-03-11 07:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

shadow on bar smaller, hover higlight respects color scheme

Browse Source
This commit is contained in:
Nihaal Sharma
2023-06-03 11:05:06 +01:00
parent 6676dee4a6
commit f3d1aeb271
1 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
style.css
View File

@@ -62,9 +62,9 @@
-moz-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
-webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
}
.barItem {
float: left;
@@ -83,12 +83,12 @@
padding: 9px;
}
.barItem a:hover {
background-color: #222;
color: #ddd;
background-color: #eee;
color: #111;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
}
/* Bar styling*/
@@ -98,23 +98,20 @@
color: #ddd;
}
.bar {
-webkit-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 0.25);
-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
}
.barItem * {
color: #ddd;
}
.barItem a:hover {
background-color: #ddd;
color: #222;
background-color: #111;
color: #eee;
-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.5);
}
#transaction {
background-color: #222;
-webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
-moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
}
}
@media screen and (max-width: 600px) {