diff options
| author | Bobby <[email protected]> | 2023-09-23 01:42:29 -0400 |
|---|---|---|
| committer | Bobby <[email protected]> | 2023-09-23 01:42:29 -0400 |
| commit | 8b6812816f0610f0942cfcd4eb70333b1a8e8a3f (patch) | |
| tree | 184c97135df67d202fe24681423ffa25ba642d73 /static/@solitude/css/welcome/audio.css | |
| parent | ee777e041132206014b6be397d7c8d9a1d015265 (diff) | |
| download | thatcomputerscientist-8b6812816f0610f0942cfcd4eb70333b1a8e8a3f.tar.xz thatcomputerscientist-8b6812816f0610f0942cfcd4eb70333b1a8e8a3f.zip | |
Removed Solitude + Refactor
Diffstat (limited to 'static/@solitude/css/welcome/audio.css')
| -rw-r--r-- | static/@solitude/css/welcome/audio.css | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/static/@solitude/css/welcome/audio.css b/static/@solitude/css/welcome/audio.css deleted file mode 100644 index 5e0d0c58..00000000 --- a/static/@solitude/css/welcome/audio.css +++ /dev/null @@ -1,141 +0,0 @@ -.audio-bars { - position: relative; - display: flex; - width: auto; - transform: scale3d(2, 2, 1); /* EZ SCALE */ -} -.bar { - background: #fff; - height: 20px; - width: 2px; - margin-right: 2px; -} -.bar:last-child { - margin-right: 0; -} - -@keyframes sound { - 0% { - transform: scale3d(1, 0.1, 1); - } - 100% { - transform: scale3d(1, 1, 1); - } -} -@keyframes sound2 { - 0% { - transform: scale3d(1, 0.1, 1); - } - 100% { - transform: scale3d(1, 0.5, 1); - } -} - -.bar:nth-child(1) { - animation: sound2 0ms -800ms linear infinite alternate; - animation-duration: 200ms; -} -.bar:nth-child(2) { - animation: sound 0ms -800ms linear infinite alternate; - animation-duration: 300ms; -} -.bar:nth-child(3) { - animation: sound 0ms -800ms linear infinite alternate; - animation-duration: 200ms; -} -.bar:nth-child(4) { - animation: sound 0ms -800ms linear infinite alternate; - animation-duration: 250ms; -} -.bar:nth-child(5) { - animation: sound2 0ms -800ms linear infinite alternate; - animation-duration: 150ms; -} - -#welcome-playlist-player { - background: rgba(0, 0, 0, 0.5); - border-radius: 16px 0 0 16px; - box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1); - backdrop-filter: blur(5.5px); - -webkit-backdrop-filter: blur(5.5px); - border: 1px solid rgba(0, 0, 0, 0.3); - padding: 16px; - position: absolute; - bottom: 2rem; - right: 0; - display: flex; - flex-direction: row; - align-items: center; - gap: 1.5rem; - transition: all 0.5s ease; -} - -.controls { - display: flex; - justify-content: center; - align-items: center; - width: 1rem; - height: 1rem; - padding: 0.8rem; - border: 0.2rem solid var(--button-color); - border-radius: 50%; - filter: drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.8)); -} - -.player { - display: flex; - flex-direction: row; - align-items: center; - gap: 1.5rem; -} - -.play { - height: 0; - width: 0; - margin-left: calc(2 * 0.25 * var(--button-height)); - /*margin-left: 17px;*/ - background: none; - border: none; - border-top: var(--button-height) solid transparent; - border-bottom: var(--button-height) solid transparent; - border-left: calc(var(--button-height) * 2 * 0.86) solid var(--button-color); -} - -.pause { - position: relative; - background: none; - border: none; - height: calc(var(--button-height) * 2); - width: calc(var(--button-height) * 2 * 0.86); -} -.pause:before, -.pause:after { - content: ""; - position: absolute; - top: 0; - height: 100%; - width: 33%; - background: var(--button-color); -} -.pause:before { - left: 0; -} -.pause:after { - right: 0; -} - -.hidden { - display: none; -} - -.title { - color: #7679f5; -} - -.artist { - color: #e2fdff; -} - -.track { - letter-spacing: 0.1rem; -} |
