Update light.mode.css

warrayquipsome · Dec 4, 2023 · eff3599 · eff3599
1 parent 6de4aca
commit eff3599
Showing 1 changed file with 108 additions and 97 deletions.
diff --git a/light.mode.css b/light.mode.css
@@ -1624,105 +1624,116 @@ display: block;
   transition: 0.3s;
 }
 /*Custom SpotifyControl in user panel*/
-.container-6sXIoE.withTimeline-824fT_ {
-  height: var(--playerHeight);
-  border: none;
-  padding: var(--paddingSides) var(--paddingSides) 10px var(--paddingSides);
-  margin: 0;
-  position: relative;
-  display: flex;
-  flex-flow: column nowrap;
-  justify-content: space-between;
-  overflow: hidden;
+.container_6sXIoE.withTimeline_824fT_ {
+  height: var(--playerHeight);    
+  border: none!important;    
+  padding: var(--paddingSides) var(--paddingSides) 10px var(--paddingSides)!important;    
+  margin: 0;    
+  position: relative;    
+  display: flex;    
+  flex-flow: column nowrap;    
+  justify-content: space-between;    
+  overflow: hidden;    
   z-index: 999;
 }
-.container-6sXIoE.withTimeline-824fT_.maximized-vv2Wr0 {
-  --albumCoverRadius: 10px;
-  --paddingSides: 15px;
-  --playerHeight: 330px;
-  padding-top: 10px;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0) {
-  --paddingSides: 18px;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0)
-  .coverWrapper-YAplwJ {
-  width: calc(100% - ((var(--paddingSides) - 8px) * 2));
-  height: 75px;
-  margin: 0;
-  position: absolute;
-  inset: 10px 0 0 10px;
-  overflow: hidden;
-  z-index: -1;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0) .cover-SwJ-ck {
-  --extraExpansion: 20px;
-  width: calc(100% + var(--extraExpansion));
-  height: calc(100% + var(--extraExpansion));
-  position: relative;
-  inset: calc((var(--extraExpansion) / 2) * -1) 0 0
-    calc((var(--extraExpansion) / 2) * -1);
-  filter: blur(4px) !important;
-  opacity: 0.5;
-  pointer-events: none;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0) .maximizer-RVu85p {
-  width: 150%;
-  height: 10px;
-  left: -38px;
-  background-color: rgba(0, 0, 0, 0.2);
-  border-radius: 0;
-  padding: 0;
-  transform: none;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0)
-  .maximizer-RVu85p
-  > * {
-  transform: rotate(90deg);
-}
-.container-6sXIoE.withTimeline-824fT_ .timeline-UWmgAx .bar-g2ZMIm:before,
-.container-6sXIoE.withTimeline-824fT_ .timeline-UWmgAx .bar-g2ZMIm:after {
-  content: "";
-  width: 100%;
-  height: 100%;
-  border-radius: 5px;
-  position: absolute;
-  inset: 0 auto auto 0;
-  transition: opacity 100ms ease-out;
-}
-.container-6sXIoE.withTimeline-824fT_ .timeline-UWmgAx .bar-g2ZMIm:before {
-  background-color: rgba(255, 255, 255, 0.6);
-  opacity: 0.4;
-  z-index: -1;
-}
-.container-6sXIoE.withTimeline-824fT_ .timeline-UWmgAx .barFill-Dhkah7 {
-  background: rgb(255, 255, 255) !important;
-}
-.container-6sXIoE.withTimeline-824fT_ button {
-  margin: 0 !important;
-  transition: transform 50ms ease-out;
-}
-.container-6sXIoE.withTimeline-824fT_ button:active {
-  transform: translateY(2px);
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0) {
-  --albumCoverRadius: 8px;
-  --paddingSides: 18px;
-  --playerHeight: 100px;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0) .inner-WRV6k5 {
-  height: 35px;
-  overflow: hidden;
-}
-.container-6sXIoE.withTimeline-824fT_:not(.maximized-vv2Wr0)
-  .coverWrapper-YAplwJ {
-  width: calc(100% - (var(--paddingSides) - 8px) * 2);
-  height: calc(var(--playerHeight) - 10px);
-  margin: 0;
-  position: absolute;
-  inset: 10px 0 0 10px;
-  overflow: hidden;
-  z-index: -1;
+.container_6sXIoE.withTimeline_824fT_.maximized_vv2Wr0 {
+    --albumCoverRadius: 10px!important;    
+  --paddingSides: 15px!important;    
+  --playerHeight: auto!important;    
+  padding-top: 5px!important;    
+}    
+.container_6sXIoE.withTimeline_824fT_.maximized_vv2Wr0 .cover_SwJ-ck {
+  border-radius: 8px;   
+}    
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) {
+--paddingSides: 18px!important;
+}
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .coverWrapper_YAplwJ {
+width: calc(100% - ((var(--paddingSides) - 8px) * 2));
+height: 75px;
+margin: 0;
+position: absolute;
+inset: 10px 0 0 10px;
+overflow: hidden;
+z-index: -1;
+transition: none;
+}
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .cover_SwJ-ck {
+--extraExpansion: 20px;
+width: calc(100% + var(--extraExpansion));
+height: calc(100% + var(--extraExpansion));
+position: relative;
+inset: calc((var(--extraExpansion) / 2) * -1) 0 0 calc((var(--extraExpansion) / 2) * -1);
+filter: blur(2px);
+opacity: 0.5;
+pointer-events: none;
+}
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .maximizer_RVu85p {
+width: 150%;
+height: 10px;
+left: -38px;
+background-color: rgba(0, 0, 0, 0.2);
+border-radius: 0;
+padding: 0;
+transform: none;
+}
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .maximizer_RVu85p > * {
+transform: rotate(90deg);
+}
+.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:before, .container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:after {
+content: "";
+width: 100%;
+height: 100%;
+border-radius: 5px;
+position: absolute;
+inset: 0 auto auto 0;
+transition: opacity 50ms ease-out;
+}
+.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .bar_g2ZMIm:before {
+background-color: rgba(0, 0, 0, 0.6);
+opacity: 0.4;
+z-index: -1;
+}
+.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .barFill_Dhkah7 {
+background: rgb(0, 0, 0)!important;
+}
+.container_6sXIoE.withTimeline_824fT_ .timeline_UWmgAx .grabber_7sd5f5 {
+width: 25px;
+height: 25px;
+background-color: transparent;
+background-image: url("https://static.wikia.nocookie.net/minecraft_gamepedia/images/0/0c/Glow_Squid_BE1.gif");
+background-size: cover;
+transform: rotate(90deg);
+border-radius: 0;
+margin-left: -24px;
+position: absolute;
+inset: -8px 0 0 0;
+display: block !important;
+}
+.container_6sXIoE.withTimeline_824fT_ button {
+margin: 0 !important;
+transition: transform 50ms ease-out;
+}
+.container_6sXIoE.withTimeline_824fT_ button:active {
+transform: translateY(2px);
+}
+  .container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) {    
+  --albumCoverRadius: 8px!important;    
+  --paddingSides: 18px!important;    
+  --playerHeight: 100px!important;    
+}    
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .inner_WRV6k5 {    
+  height: 35px;    
+  overflow: hidden;    
+}    
+.container_6sXIoE.withTimeline_824fT_:not(.maximized_vv2Wr0) .coverWrapper_YAplwJ {    
+  width: calc(100% - (var(--paddingSides) - 8px) * 2);    
+  height: calc(var(--playerHeight) - 12px);    
+  margin: 0;    
+  position: absolute;    
+  inset: 10px 0 0 10px;    
+  overflow: hidden;    
+  z-index: -1;    
 }
 /*custom user setting profile position*/
 .layer__2efaa  .accountProfileCard__22589 .settingsBanner__8c4ee {