diff --git a/light.mode.css b/light.mode.css index 13b57d0..2ca5d96 100644 --- 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 {