j1-template 2024.3.19 → 2024.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/assets/data/amplitude_app.html +174 -150
- data/assets/data/swiper_app.2.html +757 -0
- data/assets/data/swiper_app.4.html +769 -0
- data/assets/data/swiper_app.html +171 -27
- data/assets/theme/j1/adapter/js/amplitude.js +817 -165
- data/assets/theme/j1/adapter/js/swiper.js +63 -15
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/bootstrap/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unodark/bootstrap.min.css +1 -1
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.css +111 -101
- data/assets/theme/j1/core/css/themes/unolight/bootstrap.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +140 -219
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.css +117 -23
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/compact.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.css +323 -493
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -2
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +20 -73
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +2062 -843
- data/assets/theme/j1/modules/amplitudejs/scss/theme/uno/dark/player/large.scss +439 -264
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutBase.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.css +24 -24
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutExpanding.min.css +1 -235
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutNeighbor.min.css +2 -2
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutParallax.min.css +16 -0
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.css +6 -7
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutStacked.min.css +1 -82
- data/assets/theme/j1/modules/swiperjs/css/modules/layoutThumbs.min.css +2 -29
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.css +29 -12
- data/assets/theme/j1/modules/swiperjs/css/theme/uno.min.css +1 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutBase.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutExpanding.min.js +1 -5
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.js +12 -14
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutNeighbor.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutPanorama.js +0 -1
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutParallax.min.js +25 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.0.js +114 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.1.js +93 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.js +42 -13
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutStacked.min.js +17 -0
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.js +76 -25
- data/assets/theme/j1/modules/swiperjs/js/modules/layoutThumbs.min.js +1 -17
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.js +9152 -9131
- data/assets/theme/j1/modules/swiperjs/js/swiper-bundle.min.js +1 -1
- data/lib/j1/version.rb +1 -1
- data/lib/starter_web/README.md +5 -5
- data/lib/starter_web/_config.yml +1 -1
- data/lib/starter_web/_data/modules/amplitude_app.yml +206 -23
- data/lib/starter_web/_data/modules/amplitude_playlists.yml +1122 -19
- data/lib/starter_web/_data/modules/defaults/{amplitude_app.yml → amplitude.yml} +70 -26
- data/lib/starter_web/_data/modules/swiper_app.yml +289 -155
- data/lib/starter_web/_data/modules/swiper_playlists.yml +51 -1
- data/lib/starter_web/_data/resources.yml +6 -2
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/filter/filters.rb +1 -11
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-1.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-2.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-3.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-4.png +0 -0
- data/lib/starter_web/assets/image/module/swiper/avatar/avatar-5.png +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +82 -34
- data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +62 -15
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiperjs.adoc +121 -36
- data/lib/starter_web/pages/public/tour/play_audio.adoc +60 -70
- data/lib/starter_web/pages/public/tour/play_video.adoc +1 -1
- metadata +29 -14
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.js +0 -13376
- data/assets/theme/j1/modules/swiperjs/js/highlightJS.min.js +0 -1246
- data/assets/theme/j1/modules/swiperjs/js/modules/!readme +0 -3
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/!info/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/!readme +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/1.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/2.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/3.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/4.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/5.jpg +0 -0
- /data/lib/starter_web/assets/image/module/swiper/extended/{poster → stacked}/image/6.jpg +0 -0
@@ -13,5 +13,4 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
.large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:600px;overflow-y:scroll}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}div#large_player_left{display:flex;flex:1;flex-direction:column;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_left img.album-art{width:100%}div#large_player_left div#player-left-bottom{flex:1;background-color:var(--ajs-theme-uno--blue-gray-900)}div#large_player_right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50%;min-width:500px;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}div#large_player_right div.song.amplitude-active-song-container:hover div.play-button-container{display:none}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing span.number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_right div.song.amplitude-active-song-container div.song-number-now-playing img.now-playing{display:block;margin-top:5px;margin-left:4px;height:16px;width:16px}div#large_player_right div.song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}div#large_player_right div.song div.audio-meta-data{float:left;width:calc(100% - 145px)}div#large_player_right div.song div.audio-meta-data span.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.song div.audio-meta-data span.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}div#large_player_right div.song:after{content:"";display:table;clear:both}div#large_player_right div.song div.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}div#large_player_right div.song div.song-number-now-playing img.now-playing{display:none}div#large_player_right div.song span.audio-duration{float:left;margin-left:28px;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-rating{display:flex;align-items:center;float:right;margin-top:4px;margin-right:-48px;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--gray-400)}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.audio-info{float:right;margin-right:-80px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container div.song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}div#large_player_right div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:50px;margin-right:-12px}div#large_player_right 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:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div#large_player_right div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}div#large_player_right 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:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg")no-repeat}div#large_player_right div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div#large_player_right div.song.amplitude-song-container.amplitude-play-pause.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}div#large_player_control_container{margin-top:20px;margin-bottom:20px}div#large_player_control_container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container{float:left;width:88%;margin-top:20px;margin-left:12px}div#large_player_control_container div.volume-container:after{content:"";display:table;clear:both}div#large_player_control_container div.volume-container div.volume-controls input[type=range]{width:calc(100% - 45px)}div#large_player_control_container div.amplitude-mute{float:left;cursor:pointer;width:25px;height:19px;margin-left:40px}div#large_player_control_container div.amplitude-mute.amplitude-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/mute.svg") no-repeat}div#large_player_control_container div.amplitude-mute.amplitude-not-muted{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/volume.svg") no-repeat}span.title-number{display:inline-flex;opacity:.5;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-200)}div#large_player_controls{height:65px}div#large_player_controls div.large-player-controls-container{text-align:center}div#large_player_controls div.large-player-controls-container div#large_player_shuffle{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}div#large_player_controls div.large-player-controls-container div#large_player_shuffle:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_shuffle.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous{display:inline-block;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_previous:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-backward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause{display:inline-block;width:60px;height:60px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_play_pause:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div#large_player_controls div.large-player-controls-container div.large-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#large_player_controls div.large-player-controls-container div.large-player-skip-forward:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_play_pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next{display:inline-block;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_next:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat{display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle}div#large_player_controls div.large-player-controls-container div#large_player_repeat:hover{opacity:.5}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}div#large_player_controls div.large-player-controls-container div#large_player_repeat.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}@media screen and (max-width:992px),screen and (max-width:768px),screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}div#large_player_left{max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}div.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}div.large-player-container div#large_player_right{width:auto;min-width:unset}.player-left-top img{height:700px;width:-webkit-fill-available;width:-moz-available}div#large_player_control_container{margin-top:25px;margin-bottom:25px}div#large_player_right div.playlist-screen-controls div.playlist-screen-meta-container span.song-name{font-size:16px}.playlist-screen-controls.large-player{display:none}div#large_player_right{border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}}
|
17
|
-
|
16
|
+
.large-player{-webkit-font-smoothing:antialiased}.large-player-container{display:flex;max-width:fit-content;background:var(--ajs-theme-uno--white)}.large-player-controls-container{text-align:center}.amplitude-shuffle{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:25px}.amplitude-shuffle:hover{opacity:.5}.amplitude-shuffle-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat}.amplitude-shuffle-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat}.large-player-previous{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat}.large-player-previous:hover{opacity:.5}.large-player-previous:focus:not(:focus-visible){outline:0}.large-player-skip-backward{display:inline-block;user-select:none;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}.large-player-skip-backward:focus:not(:focus-visible){outline:0}.large-player-skip-backward:hover{opacity:.5}.large-player-play-pause{display:inline-block;user-select:none;width:60px;height:60px;cursor:pointer;vertical-align:middle}.large-player-play-pause:hover{opacity:.5}.large-player-play-pause:focus:not(:focus-visible){outline:0}div.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.large-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-skip-forward{display:inline-block;user-select:none;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}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-skip-forward.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat}.large-player-next{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat}.large-player-next:focus:not(:focus-visible){outline:0}.large-player-next:hover{opacity:.5}.amplitude-repeat{display:inline-block;user-select:none;width:24px;height:24px;cursor:pointer;vertical-align:middle}.amplitude-repeat:focus:not(:focus-visible){outline:0}.amplitude-repeat:hover{opacity:.5}.amplitude-repeat-off{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat}.amplitude-repeat-on{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat}.large-player-playlist-header{cursor:pointer;top:0;position:sticky;padding:15px;font-family:"Lato",sans-serif;text-align:center;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--dark-silver)}.large-player-title-list{display:block;max-height:540px;overflow-y:scroll}.large-player-control-container{margin-top:25px;margin-bottom:25px}.large-player-volume-container{margin-top:20px;margin-bottom:20px}.meta-container.large-player{height:120px}.playlist-screen-meta-container{width:calc(100% - 80px);float:left}.playlist-screen-controls{cursor:default;height:100px;padding:15px;max-width:-webkit-fill-available;max-width:-moz-available;font-family:"Lato",sans-serif;color:var(--ajs-theme-uno--white);background-color:var(--ajs-theme-uno--black)}.large-player-left{display:flex;flex:1;flex-direction:column;width:50vw;max-width:fit-content;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.large-player-left-top img{width:500px;height:500px;object-fit:cover}.large-player-left-middle{margin-top:10px;margin-bottom:20px;margin-left:40px}.large-player-left-bottom{background-color:var(--ajs-theme-uno--black)}.large-player-right{display:flex;flex:1;flex-direction:column;flex-grow:1;width:50vw;border-top:solid 1px;border-right:solid 1px;border-bottom:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--darker-silver) !important}.amplitude-song-container img.now-playing{display:none}.amplitude-active-song-container{background-color:var(--ajs-theme-uno--medium-silver) !important}.amplitude-active-song-container img.now-playing{display:block;margin-top:5px;margin-right:8px;margin-left:4px;height:16px;width:16px}.amplitude-song{cursor:pointer;padding:12px;background-color:var(--ajs-theme-uno--darker-silver)}.amplitude-song:after{content:"";display:table;clear:both}.audio-meta-data{float:left;width:calc(100% - 145px)}.audio-artist{font-size:16px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-300)}.audio-title{display:block;width:calc(100% - 25px);font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue)}.song-number-now-playing{float:left;width:40px;height:20px;margin-top:8px;margin-right:12px}.audio-duration{float:right;font-family:"Lato",sans-serif;font-size:16px;color:var(--ajs-theme-uno--gray-300)}.song-name{line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Lato",sans-serif;font-size:18px;color:var(--ajs-theme-uno--white)}div.screen-controls-large-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px;margin-right:-48px}div.playlist-screen-meta-container .song-artist-album{opacity:.5;font-family:"Lato",sans-serif;font-size:16px;line-height:18px;color:var(--ajs-theme-uno--white)}.audio-rating{float:left;padding-left:65px}.amplitude-audio-info{float:right;margin-right:-80px}div.playlist-screen-controls div.list-controls{float:right;width:90px;margin-top:45px;margin-right:-12px}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:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-previous:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-play-pause{float:left;cursor:pointer;width:17px;height:24px}div.playlist-screen-controls div.list-controls div.list-play-pause:hover{opacity:.5}div.playlist-screen-controls div.list-controls div.list-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}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:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}div.playlist-screen-controls div.list-controls div.list-next:hover{opacity:.5}div.large-player-volume-container input[type=range].amplitude-volume-slider{float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 165px);background:transparent}@media(orientation:portrait) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}input[type="range"].amplitude-volume-slider::-moz-slider-thumb{background-color:var(--ajs-theme-uno--blue-500);width:25px;height:25px}}@media(orientation:portrait) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:992px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}}@media screen and (max-width:576px){.large-player{max-width:-webkit-fill-available;max-width:-moz-available}.large-player-container{position:relative;flex-direction:column;max-height:fit-content;max-width:fit-content}.large-player-control-container{margin-top:25px;margin-bottom:25px}.playlist-screen-controls.large-player{display:none}.large-player-title-list{border-bottom:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left{width:auto;max-width:unset;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver)}.large-player-left-top img{width:93vw;object-fit:cover}.large-player-right{width:auto;min-width:unset;border-top:0;border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-color:var(--ajs-theme-uno--medium-silver)}.amplitude-mute{margin-left:14px}div.large-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 106px)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}div.large-player-volume-container input[type="range"].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
|
@@ -13,51 +13,32 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
/* 1. Base
|
17
|
-
# --------------------------------------------------------- */
|
18
|
-
|
19
16
|
.mini-player {
|
20
|
-
-webkit-font-smoothing: antialiased;
|
17
|
+
-webkit-font-smoothing: antialiased;
|
21
18
|
}
|
22
|
-
|
23
19
|
.mini-player-container {
|
24
20
|
width: 475px;
|
25
21
|
border: solid 1px;
|
26
22
|
border-color: var(--ajs-theme-uno--medium-silver);
|
27
23
|
background-color: var(--ajs-theme-uno--black);
|
28
24
|
}
|
29
|
-
|
30
25
|
.mini-player.control-container.meta-container {
|
31
26
|
text-align: center;
|
32
27
|
margin-left: 90px;
|
33
28
|
color: var(--ajs-theme-uno--white);
|
34
29
|
}
|
35
|
-
|
36
30
|
.mini-player.meta-container {
|
37
31
|
display: block;
|
38
32
|
margin-top: 8px;
|
39
33
|
margin-bottom: 8px;
|
40
34
|
}
|
41
|
-
|
42
35
|
.mini-player.control-container {
|
43
36
|
display: flex;
|
44
37
|
flex-direction: row;
|
45
38
|
justify-content: flex-end;
|
46
39
|
align-items: center;
|
47
40
|
}
|
48
|
-
|
49
|
-
.mini-player.volume-container {
|
50
|
-
padding-top: 10px;
|
51
|
-
margin-left: 25px;
|
52
|
-
padding-bottom: 20px;
|
53
|
-
width: calc(100% - 43px);
|
54
|
-
}
|
55
|
-
|
56
|
-
/* 2. Components
|
57
|
-
# --------------------------------------------------------- */
|
58
|
-
|
59
|
-
.mini-player.control-container
|
60
|
-
div#mini_player_previous {
|
41
|
+
.mini-player.control-container div#mini_player_previous {
|
61
42
|
cursor: pointer;
|
62
43
|
height: 24px;
|
63
44
|
width: 24px;
|
@@ -65,93 +46,59 @@ div#mini_player_previous {
|
|
65
46
|
margin-right: 12px;
|
66
47
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat;
|
67
48
|
}
|
68
|
-
|
69
|
-
.
|
70
|
-
div#mini_player_previous:hover {
|
71
|
-
opacity: .5;
|
49
|
+
.mini-player.control-container div#mini_player_previous:hover {
|
50
|
+
opacity: 0.5;
|
72
51
|
}
|
73
|
-
|
74
|
-
.mini-player.control-container
|
75
|
-
div#mini_player_next {
|
52
|
+
.mini-player.control-container div#mini_player_next {
|
76
53
|
cursor: pointer;
|
77
54
|
height: 24px;
|
78
55
|
width: 24px;
|
79
56
|
margin: 8px 12px 0 12px;
|
80
57
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat;
|
81
58
|
}
|
82
|
-
|
83
|
-
.
|
84
|
-
div#mini_player_next:hover {
|
85
|
-
opacity: .5;
|
59
|
+
.mini-player.control-container div#mini_player_next:hover {
|
60
|
+
opacity: 0.5;
|
86
61
|
}
|
87
|
-
|
88
|
-
.mini-player.control-container
|
89
|
-
div.amplitude-play-pause {
|
62
|
+
.mini-player.control-container div.amplitude-play-pause {
|
90
63
|
cursor: pointer;
|
91
64
|
height: 24px;
|
92
65
|
width: 24px;
|
93
66
|
margin-top: 2px;
|
94
67
|
}
|
95
|
-
|
96
|
-
.mini-player.control-container
|
97
|
-
div.amplitude-play-pause:hover {
|
68
|
+
.mini-player.control-container div.amplitude-play-pause:hover {
|
98
69
|
opacity: 0.5;
|
99
70
|
}
|
100
|
-
|
101
|
-
.mini-player.control-container
|
102
|
-
div.amplitude-play-pause.amplitude-paused {
|
71
|
+
.mini-player.control-container div.amplitude-play-pause.amplitude-paused {
|
103
72
|
background-size: cover;
|
104
73
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat;
|
105
74
|
}
|
106
|
-
.mini-player.control-container
|
107
|
-
div.amplitude-play-pause.amplitude-playing {
|
75
|
+
.mini-player.control-container div.amplitude-play-pause.amplitude-playing {
|
108
76
|
background-size: cover;
|
109
77
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat;
|
110
78
|
}
|
111
|
-
|
79
|
+
.mini-player.volume-container {
|
80
|
+
padding-top: 10px;
|
81
|
+
margin-left: 25px;
|
82
|
+
padding-bottom: 20px;
|
83
|
+
width: calc(100% - 43px);
|
84
|
+
}
|
112
85
|
input[type=range].mini-player.amplitude-volume-slider {
|
113
86
|
margin-top: -14px;
|
114
87
|
margin-left: 24px;
|
115
88
|
width: 90%;
|
116
89
|
}
|
117
|
-
|
118
|
-
/* 3. Layout
|
119
|
-
# --------------------------------------------------------- */
|
120
|
-
|
121
|
-
/* Small only
|
122
|
-
# --------------------------------------------------------- */
|
123
90
|
@media screen and (max-width: 39.9375em) {
|
124
|
-
|
125
|
-
/* jadams, workaround to limit player width on smart phones */
|
126
91
|
.mini-player-container {
|
127
92
|
max-width: 390px;
|
128
93
|
}
|
129
|
-
|
130
94
|
.mini-player {
|
131
|
-
max-width: -webkit-fill-available;
|
132
|
-
max-width: -moz-available;
|
95
|
+
max-width: -webkit-fill-available;
|
96
|
+
max-width: -moz-available;
|
133
97
|
}
|
134
|
-
|
135
98
|
.mini-player.volume-container {
|
136
99
|
padding-top: 20px;
|
137
100
|
}
|
138
|
-
|
139
101
|
input[type=range].mini-player.amplitude-volume-slider {
|
140
|
-
|
102
|
+
margin-top: -11px;
|
141
103
|
}
|
142
104
|
}
|
143
|
-
|
144
|
-
/* 4. Pages
|
145
|
-
# --------------------------------------------------------- */
|
146
|
-
|
147
|
-
/* 5. Themes
|
148
|
-
# --------------------------------------------------------- */
|
149
|
-
|
150
|
-
/* 6. Utils
|
151
|
-
# --------------------------------------------------------- */
|
152
|
-
|
153
|
-
/* 7. Vendors
|
154
|
-
# --------------------------------------------------------- */
|
155
|
-
|
156
|
-
/* 8. Animations
|
157
|
-
# --------------------------------------------------------- */
|
@@ -13,4 +13,4 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:475px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.
|
16
|
+
.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:475px;border:solid 1px;border-color:var(--ajs-theme-uno--medium-silver);background-color:var(--ajs-theme-uno--black)}.mini-player.control-container.meta-container{text-align:center;margin-left:90px;color:var(--ajs-theme-uno--white)}.mini-player.meta-container{display:block;margin-top:8px;margin-bottom:8px}.mini-player.control-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.mini-player.control-container div#mini_player_previous{cursor:pointer;height:24px;width:24px;margin-top:8px;margin-right:12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/previous.svg") no-repeat}.mini-player.control-container div#mini_player_previous:hover{opacity:.5}.mini-player.control-container div#mini_player_next{cursor:pointer;height:24px;width:24px;margin:8px 12px 0 12px;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/next.svg") no-repeat}.mini-player.control-container div#mini_player_next:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause{cursor:pointer;height:24px;width:24px;margin-top:2px}.mini-player.control-container div.amplitude-play-pause:hover{opacity:.5}.mini-player.control-container div.amplitude-play-pause.amplitude-paused{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/play.svg") no-repeat}.mini-player.control-container div.amplitude-play-pause.amplitude-playing{background-size:cover;background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/small/pause.svg") no-repeat}.mini-player.volume-container{padding-top:10px;margin-left:25px;padding-bottom:20px;width:calc(100% - 43px)}input[type=range].mini-player.amplitude-volume-slider{margin-top:-14px;margin-left:24px;width:90%}@media screen and (max-width:39.9375em){.mini-player-container{max-width:390px}.mini-player{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{padding-top:20px}input[type=range].mini-player.amplitude-volume-slider{margin-top:-11px}}
|