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

Update style.css

Browse Source
This commit is contained in:
Nihaal Sharma
2023-06-04 11:09:32 +01:00
parent 42cb4540cc
commit 08d4f8a9b8
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@@ -53,10 +53,10 @@
.bar { .bar {
width: 100%; width: 100%;
position: fixed; position: fixed;
display: flex;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
list-style-type: none;
-webkit-backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px);
-moz-backdrop-filter: blur(2.5px); -moz-backdrop-filter: blur(2.5px);
@@ -68,12 +68,13 @@
} }
.barItem { .barItem {
float: left; float: left;
flex: 1;
text-align: center; text-align: center;
} }
.barItem * { .barItem * {
display: block;
color: #222; color: #222;
text-decoration: none; text-decoration: none;
display: block;
font-size: 16px; font-size: 16px;
padding: 12px; padding: 12px;
} }
@@ -83,12 +84,12 @@
.barItem a:hover { .barItem a:hover {
background-color: #111; background-color: #111;
color: #eee; 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:has(#barItem1:hover) #barItem2 { .bar:has(a:hover) .barItem {
} }
/* Bar styling*/ /* Bar styling*/