diff options
Diffstat (limited to 'assets/styles.css')
-rw-r--r-- | assets/styles.css | 67 |
1 files changed, 30 insertions, 37 deletions
diff --git a/assets/styles.css b/assets/styles.css index 0ad2afc..890a13e 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -136,13 +136,30 @@ body.native #lyrics-page { } } +.form-range::-webkit-slider-thumb { + background-color: #ccc; + box-shadow: none !important; +} + +.form-range::-webkit-slider-thumb:active { + background-color: #eee; +} + @media (max-width: 863px) { #player.bg-white.desktop-player.mobilified .container { grid-template-columns: 1fr !important; } + #player.mobilified #badges { + display: none !important; + } + #player.desktop-player.mobilified .player-badge-desktop { - display: initial !important; + display: none !important; + } + + #player.desktop-player.mobilified #info-grid-title-inner { + max-width: initial !important; } #player.desktop-player.mobilified .player-btn { @@ -347,42 +364,6 @@ body.native #lyrics-page { margin-right: 5px; } -#player #badge-hires .player-badge-desktop { - background: white; - color: rgb(182, 110, 2); - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -#player #badge-cd .player-badge-desktop { - background: white; - color: #02b6a7; - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - -#player #badge-lossy .player-badge-desktop { - background: white; - color: #a402b6; - padding-left: 5px; - margin: -2px -5px -2px 5px; - display: flex; - align-items: center; - padding-right: 5px; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; -} - .navigation-item img { filter: brightness(0%); } @@ -513,4 +494,16 @@ body.web { .tooltip { z-index: 99999 !important; +} + +#player.mobilified #info-grid { + z-index: initial !important; +} + +#buttons { + display: block !important; +} + +.track:hover { + background-color: #f2f2f2; }
\ No newline at end of file |