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

hover colors, made bar slihlty diff color to bg

Browse Source
This commit is contained in:
Nihaal Sharma
2023-06-03 16:08:55 +01:00
parent d9d99b8cd7
commit 6d04a8b17b
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
style.css
View File

@@ -10,7 +10,7 @@
color: #007AFF color: #007AFF
} }
body { body {
background-color: #f2f2f2; background-color: #ddd;
color: #222; color: #222;
font-family: system-ui; font-family: system-ui;
} }
@@ -57,6 +57,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: rgba(255, 255, 255, 0.25);
-webkit-backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px);
-moz-backdrop-filter: blur(2.5px); -moz-backdrop-filter: blur(2.5px);
@@ -64,7 +65,7 @@
-webkit-box-shadow: 0px 0px 5px 5px 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); -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); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
} }
.barItem { .barItem {
float: left; float: left;
@@ -83,12 +84,12 @@
padding: 9px; padding: 9px;
} }
.barItem a:hover { .barItem a:hover {
background-color: #eee; background-color: #111;
color: #111; color: #eee;
-webkit-box-shadow: 0px 0px 5px 5px 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); -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); box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.25);
} }
/* Bar styling*/ /* Bar styling*/
@@ -98,20 +99,21 @@
color: #ddd; color: #ddd;
} }
.bar { .bar {
background-color: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 5px 5px 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); -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); box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
} }
.barItem * { .barItem * {
color: #ddd; color: #ddd;
} }
.barItem a:hover { .barItem a:hover {
background-color: #111; background-color: #eee;
color: #eee; color: #111;
-webkit-box-shadow: 0px 0px 5px 5px 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); -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); box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.25);
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {