j1-template 2024.3.19 → 2024.3.21

data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css

@@ -12,5 +12,4 @@
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
  # -----------------------------------------------------------------------------
 */
-
-.compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.meta-container.compact-player{height:120px;border:0}div.player-top{position:relative}div.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}div.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-header-arrows.arrow-down{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/up.svg") no-repeat}.compact-player-header-arrows.arrow-up{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/down.svg") no-repeat}div#compact_player_control_container{margin-top:20px;margin-bottom:20px}div#compact_player_control_container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#compact_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#compact_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#compact_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}div#compact_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#compact_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div#compact_player_controls{height:65px}div#compact_player_controls div.compact-player-controls-container{text-align:center}div.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}div.compact-player-middle div.compact-player-controls-container{display:block}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_previous{display:inline-block;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}div.compact-player-middle div.compact-player-controls-container div#compact_player_previous{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_previous:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-backward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-backward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause{display:inline-block;cursor:pointer;width:60px;height:60px;vertical-align:middle}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-forward{display:inline-block;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div.compact-player-skip-forward:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_next{display:inline-block;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_next:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat{display:inline-block;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}div.compact-player-middle div.large-player-controls-container div#compact_player_repeat:hover{opacity:.5}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container div#compact_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}div.compact-player-middle div.compact-player-controls-container::after{content:"";display:table;clear:both}div.compact-player-middle div.volume-container img{display:block;float:left}div.compact-player-middle div.volume-container:after{content:"";display:table;clear:both}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}div.compact-player-middle div.volume-controls div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}div.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}input[type=range].amplitude-volume-slider{width:calc(100% - 100px)}div.compact-player-playlist{width:calc(100% - 1px)}}.compact-player-title-list{display:block;height:550px;overflow-y:scroll}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-volume-container{margin-top:20px}div.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}div.compact-player-playlist div.compact-player-title-list{height:600px;overflow-y:scroll}div.compact-player-playlist div.compact-player-title-list div.song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing{float:left;width:5px;height:20px;margin-top:8px;margin-right:20px}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing span.number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.song-number-now-playing img.now-playing{display:none}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container{display:inline-block;width:calc(100% - 120px)}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-name{display:block;width:calc(100% - 40px);margin-left:10px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.audio-rating{display:flex;align-items:center;float:right;font-size:18px;margin-top:-24px;margin-right:-20px;color:var(--ajs-theme-uno--gray-400)}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.song-artist-album{display:block;margin-left:10px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-duration{float:right;margin-top:-46px;margin-right:-108px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div.compact-player-playlist div.compact-player-title-list div.song span.song-duration{display:inline-block;opacity:.5;width:35px;font-family:"Lato",sans-serif;font-size:18px;text-align:center;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.compact-player-title-list div.song span.audio-info{float:right;margin-top:-24px;margin-right:-110px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}div.compact-player-playlist div.compact-player-title-list div.song.amplitude-active-song-container span.song-number-now-playing span.number{display:none}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}div.compact-player-playlist div.playlist-screen-controls div.list-controls{float:right;margin-top:48px}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}div.compact-player-playlist div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}
+.compact-player{width:500px;height:auto;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.compact-player-container{position:relative;max-width:max-content;overflow-y:clip}.compact-player-middle{padding:10px 10px 10px 10px;background-color:var(--ajs-theme-uno--blue-gray-900)}.player-bottom{background-color:var(--ajs-theme-uno--black)}.player-top{position:relative}.player-top img[data-amplitude-song-info="cover_art_url"]{width:498px;height:auto;object-fit:cover}.compact-player-header{position:relative;padding:15px;cursor:pointer;text-align:center;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.compact-player-header-arrows{position:absolute;top:23px;left:15px}.compact-player-shuffle{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle}.compact-player-shuffle:hover{opacity:.5}.compact-player-previous{display:inline-block;user-select:none;cursor:pointer;vertical-align:middle;width:24px;height:24px;margin-right:20px;margin-left:20px}.compact-player-previous:hover{opacity:.5}.compact-player-skip-backward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:20px;vertical-align:middle}.compact-player-skip-backward:hover{opacity:.5}.compact-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.compact-player-play-pause:hover{opacity:.5}.compact-player-play-pause:focus:not(:focus-visible){outline:0}.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.compact-player-skip-forward{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-left:20px;vertical-align:middle}.compact-player-skip-forward:hover{opacity:.5}.compact-player-next{display:inline-block;user-select:none;cursor:pointer;height:24px;width:24px;margin-right:25px;margin-left:20px;vertical-align:middle}.compact-player-next:hover{opacity:.5}.compact-player-repeat{display:inline-block;user-select:none;cursor:pointer;width:24px;height:24px;vertical-align:middle;margin-right:25px}.compact-player-repeat:hover{opacity:.5}.compact-player-control-container{margin-top:20px;margin-bottom:10px}.compact-player-control-container:after{content:"";display:table;clear:both}.compact-player-controls-container{text-align:center}.compact-player-controls-container::after{content:"";display:table;clear:both}.volume-container img{display:block;float:left}.volume-container:after{content:"";display:table;clear:both}.compact-player-amplitude-mute{margin-left:28px}.player-bottom{background-color:var(--ajs-theme-uno--black)}@media screen and (max-width:576px){.compact-player{max-width:-webkit-fill-available;max-width:-moz-available}.player-top img[data-amplitude-song-info="cover_art_url"]{max-width:-webkit-fill-available;max-width:-moz-available}.compact-player-playlist{width:calc(100% - 1px)}.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none}.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.meta-container.compact-player{height:120px;border:0}.playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.compact-player-volume-container{margin-top:20px}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.compact-player-list-controls{width:128px !important;margin-top:50px !important;margin-right:-32px !important}.compact-player-title-list{width:100%;height:680px;overflow-y:scroll}.compact-player-title-list .song{padding:15px;cursor:pointer;line-height:20px;background-color:var(--ajs-theme-uno--darker-silver)}.compact-player-title-list .song-number-now-playing{float:left;width:5px;height:20px;margin-top:14px;margin-right:20px}.compact-player-title-list .song-number-now-playing .number{opacity:.5;font-family:"Lato",sans-serif;font-size:14px;color:var(--ajs-theme-uno--white)}.compact-player-title-list .song-number-now-playing img.now-playing{display:none}.compact-player-title-list .song-meta-container .song-name{display:block;width:calc(100% - 40px);margin-left:38px;font-family:"Lato",sans-serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.compact-player-title-list .song-meta-container .audio-rating{display:flex;float:right;margin-top:-38px}.compact-player-title-list .song-meta-container .song-artist-album{display:block;margin-left:38px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.compact-player-title-list .song-meta-container .audio-duration{float:right;margin-top:-18px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}.playlist-screen-meta-container .amplitude-audio-info{float:right;margin-right:-130px}.compact-player-title-list .song.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing img.now-playing{display:inline-block;height:16px;width:16px;margin-top:2px;margin-left:4px}.compact-player-title-list .song.amplitude-active-song-container .song-number-now-playing .number{display:none}.compact-player-playlist{display:none;position:absolute;top:0;right:0;left:0;bottom:0;width:calc(100%+1px);background-color:var(--ajs-theme-uno--black)}.playlist-screen-controls .playlist-screen-meta-container{float:left;width:calc(100% - 123px)}.playlist-screen-controls .playlist-screen-meta-container .song-name{font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:15px;line-height:18px;color:var(--ajs-theme-uno--white)}.playlist-screen-controls .list-controls{float:right;margin-top:48px}.playlist-screen-controls .list-controls .list-previous{float:left;cursor:pointer;width:15px;height:17px;margin-right:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg")}.playlist-screen-controls .list-controls .list-previous:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause{float:left;cursor:pointer;width:17px;height:24px}.playlist-screen-controls .list-controls .amplitude-play-pause:hover{opacity:.5}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-playing{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg")}.playlist-screen-controls .list-controls .amplitude-play-pause.amplitude-paused{background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg")}.playlist-screen-controls .list-controls .list-next{float:left;cursor:pointer;width:15px;height:17px;margin-left:15px;margin-top:4px;background-repeat:no-repeat;background-image:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")}.playlist-screen-controls .list-controls .list-next:hover{opacity:.5}.compact-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 118px);background:transparent}.slide-in-top{-webkit-animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both;animation:slide-in-top .5s cubic-bezier(0.25,0.46,0.45,0.94) both}@-webkit-keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-out-top{-webkit-animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top .5s cubic-bezier(0.55,0.085,0.68,0.53) both}@-webkit-keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}@keyframes slide-out-top{0{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}}