don't use <hr> for horizontal lines between elements + better looking shadows

This commit is contained in:
Joeri Exelmans 2025-10-21 11:33:08 +02:00
parent 431e542791
commit 7045513c0d
4 changed files with 40 additions and 21 deletions

View file

@ -83,15 +83,17 @@ button.inputEvent:active:not(:disabled) {
display: inline-block;
}
hr {
/* hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 0;
margin-bottom: -1px;
margin-top: -1px;
margin-bottom: -5px;
padding: 0;
}
z-index: -1;
} */
ul {
list-style-type: circle;
@ -101,7 +103,7 @@ ul {
/* list-style-position: ; */
}
.onTop {
box-shadow: 0 -10px 20px 10px rgba(0, 0, 0, 0.75);
.shadowBelow {
box-shadow: 0 -15px 15px 15px rgba(0, 0, 0, 0.4);
z-index: 1;
}