summaryrefslogtreecommitdiff
path: root/assets/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/styles.css')
-rw-r--r--assets/styles.css67
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