Wobbl/Wobbly-Website
1
0
Fork 0
Code Issues Pull requests Wiki Activity

Improved website style.

Browse source
This commit is contained in:
The Wobbler 2024-12-01 19:29:26 +01:00
parent 039cbd83a6
commit d20f855681
4 changed files with 40 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

35
styles.php
View file

@ -51,7 +51,14 @@ hr {
background-attachment: fixed;
background-size: cover;
border-radius: 16px;
padding: 10px;
padding: 16px;
margin: 0px;
position: fixed;
overflow: auto;
top: 16px;
right: 16px;
bottom: 16px;
left: 16px;
}
.text-background {
@ -62,10 +69,11 @@ hr {
.topnav {
background-color: rgba(51, 51, 51, 0.863);
overflow: hidden;
width: 100%;
position: fixed;
top: 8px;
border-radius: 16px 0px;
top: 16px;
left: 16px;
right: 16px;
border-radius: 16px 16px 0px 0px;
}
.topnav-inactive {
@ -161,7 +169,7 @@ hr {
}
.glass {
backdrop-filter: blur(8px);
backdrop-filter: blur(16px);
border-radius: 16px;
margin: 32px 16px 64px;
}
@ -271,4 +279,21 @@ hr {
font-size: 16px;
text-align: center;
font-weight: bold;
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar-track {
box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2) inset,
-4px -4px 4px rgba(255, 255, 255, 0.2) inset;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 0px 16px 16px 0px;
}
::-webkit-scrollbar-thumb {
backdrop-filter: blur(16px);
border-radius: 0px 16px 16px 0px;
background-color: rgba(4, 170, 109, 0.4);
}