Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/FoxxMD/multi-scrobbler. Scrobble plays from multiple sources to multiple clients docs.multi-scrobbler.app
deezer docker jellyfin koito lastfm listenbrainz maloja mopidy mpris music music-assistant plex scrobble self-hosted spotify subsonic tautulli youtube-music
Something went wrong. Try again.
3.7 kB · 158 lines
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158:root[data-theme="light"] { --text-body: rgb(54, 49, 61); --text-comment: rgb(99, 94, 105); --text-high-contrast: rgb(49, 49, 49); --text-medium-contrast: rgb(99, 94, 105); --text-low-contrast: rgb(116, 109, 118); --detail-high-contrast: rgb(192, 192, 192); --detail-medium-contrast: rgb(234, 234, 234); --detail-low-contrast: rgb(240, 240, 242); --text-body-rgb-value: 54, 49, 61; --text-comment-rgb-value: 99, 94, 105; --text-high-contrast-rgb-value: 49, 49, 49; --text-medium-contrast-rgb-value: 99, 94, 105; --text-low-contrast-rgb-value: 116, 109, 118; --detail-high-contrast-rgb-value: 192, 192, 192; --detail-medium-contrast-rgb-value: 234, 234, 234; --detail-low-contrast-rgb-value: 240, 240, 242;}:root[data-theme="dark"] { --text-body: rgb(222, 222, 222); --text-comment: rgb(170, 170, 170); --text-high-contrast: rgb(230, 230, 230); --text-medium-contrast: rgb(202, 202, 202); --text-low-contrast: rgb(170, 170, 170); --detail-high-contrast: rgb(101, 101, 101); --detail-medium-contrast: rgb(25, 25, 25); --detail-low-contrast: rgb(21, 21, 21); --text-body-rgb-value: 222, 222, 222; --text-comment-rgb-value: 170, 170, 170; --text-high-contrast-rgb-value: 230, 230, 230; --text-medium-contrast-rgb-value: 202, 202, 202; --text-low-contrast-rgb-value: 170, 170, 170; --detail-high-contrast-rgb-value: 101, 101, 101; --detail-medium-contrast-rgb-value: 25, 25, 25; --detail-low-contrast-rgb-value: 21, 21, 21;}
.embla { max-width: 48rem; margin: auto;
--slide-height: 33rem; --slide-spacing: 1rem; --slide-size: 100%; margin-bottom: 1rem;}
.embla__viewport { overflow: hidden;}
.embla__container { display: flex; touch-action: pan-y pinch-zoom; margin-left: calc(var(--slide-spacing) * -1);}
.embla__slide { transform: translate3d(0, 0, 0); flex: 0 0 var(--slide-size); min-width: 0; padding-left: var(--slide-spacing);
}
.embla__slide__container { border: 0.15rem solid transparent; border-radius: 1.2rem; display: flex; align-items: normal; justify-content: center; height: var(--slide-height); user-select: none; overflow:hidden; flex-wrap: wrap;}
.imageCaption { font-style: italic; font-size: 0.8em; text-wrap-style: balance; text-align: center;}
.embla__controls { display: grid; grid-template-columns: auto 1fr; justify-content: space-between; gap: 1.2rem; // margin-top: 1.8rem;}
.embla__buttons { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; align-items: center;}
.embla__button { -webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5); -webkit-appearance: none; appearance: none; background-color: transparent; touch-action: manipulation; display: inline-flex; text-decoration: none; cursor: pointer; border: 0; padding: 0; margin: 0; border: 0.2rem solid var(--detail-medium-contrast); width: 2.5rem; height: 2.5rem;
z-index: 1; border-radius: 50%; color: var(--text-body); display: flex; align-items: center; justify-content: center; transform: rotate(0deg);}
.embla__button--disabled { color: var(--detail-high-contrast);}
.embla__button__svg { width: 35%; height: 35%;}
.embla__selected-snap-display { justify-self: flex-end; align-self: center; color: var(--text-low-contrast); font-weight: 600;}
.embla__slide:nth-child(1) { flex: 0 0 90%;}.embla__slide:nth-child(2) { flex: 0 0 60%;}.embla__slide:nth-child(3) { flex: 0 0 75%;}.embla__slide:nth-child(4) { flex: 0 0 80%;}.embla__slide:nth-child(5) { flex: 0 0 100%;}.embla__slide:nth-child(6) { flex: 0 0 100%;}