diff options
| author | leiyu3 <s444814187@gmail.com> | 2025-07-17 15:44:53 -0400 |
|---|---|---|
| committer | leiyu3 <s444814187@gmail.com> | 2025-07-17 15:44:53 -0400 |
| commit | 0ad3aded292b86234ebb75e8403b6abd964f4d80 (patch) | |
| tree | c3d6da4aa3c9e41a9c7da7371d3c38be32be03ce /assets/css | |
| parent | 6ade49b8a453fde18ee054021006ad8be6361865 (diff) | |
| download | letsworship-0ad3aded292b86234ebb75e8403b6abd964f4d80.tar.gz letsworship-0ad3aded292b86234ebb75e8403b6abd964f4d80.zip | |
setlist kind of works
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/custom.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/assets/css/custom.css b/assets/css/custom.css index acbff4f..addb33a 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css | |||
| @@ -452,4 +452,59 @@ button#clear-search svg { | |||
| 452 | 452 | ||
| 453 | .back-to-top { | 453 | .back-to-top { |
| 454 | text-align: center; | 454 | text-align: center; |
| 455 | } | ||
| 456 | |||
| 457 | #setlist-tab { | ||
| 458 | position: fixed; | ||
| 459 | bottom: 5px; | ||
| 460 | right: 3px; | ||
| 461 | background: rgba(0, 0, 0, 0.5); /* translucent black */ | ||
| 462 | color: white; | ||
| 463 | padding: 3px 5px; | ||
| 464 | border-radius: 6px; | ||
| 465 | font-size: 14px; | ||
| 466 | cursor: pointer; | ||
| 467 | z-index: 9999; | ||
| 468 | transition: opacity 0.2s ease-in-out, background 0.2s; | ||
| 469 | opacity: 0.6; | ||
| 470 | } | ||
| 471 | |||
| 472 | #setlist-tab:hover { | ||
| 473 | background: rgba(0, 0, 0, 0.7); /* slightly darker on hover */ | ||
| 474 | opacity: 1; /* fade in */ | ||
| 475 | } | ||
| 476 | |||
| 477 | #setlist-sidebar { | ||
| 478 | position: fixed; | ||
| 479 | bottom: 50px; | ||
| 480 | right: 10px; | ||
| 481 | width: 250px; | ||
| 482 | background: #241E1A; | ||
| 483 | border: 2px solid #ccc; | ||
| 484 | padding: 12px; | ||
| 485 | border-radius: 8px; | ||
| 486 | box-shadow: 0 0 8px rgba(0,0,0,0.2); | ||
| 487 | z-index: 9998; | ||
| 488 | } | ||
| 489 | |||
| 490 | #setlist-sidebar h6{ | ||
| 491 | margin-top: 5px; | ||
| 492 | } | ||
| 493 | |||
| 494 | #setlist-sidebar.hidden { | ||
| 495 | display: none; | ||
| 496 | } | ||
| 497 | |||
| 498 | #setlist li { | ||
| 499 | display: flex; | ||
| 500 | justify-content: space-between; | ||
| 501 | margin-bottom: 6px; | ||
| 502 | } | ||
| 503 | |||
| 504 | #setlist li button { | ||
| 505 | background: none; | ||
| 506 | border: none; | ||
| 507 | color: red; | ||
| 508 | font-size: 1rem; | ||
| 509 | cursor: pointer; | ||
| 455 | } \ No newline at end of file | 510 | } \ No newline at end of file |
