j1-template 2024.3.20 → 2024.3.22
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/_layouts/page.html +1 -0
- data/assets/data/amplitude_app.html +87 -73
- data/assets/theme/j1/adapter/js/advertising.js +40 -38
- data/assets/theme/j1/adapter/js/algolia.js +13 -11
- data/assets/theme/j1/adapter/js/amplitude.js +882 -490
- data/assets/theme/j1/adapter/js/analytics.js +19 -17
- data/assets/theme/j1/adapter/js/asciidoctor.js +10 -8
- data/assets/theme/j1/adapter/js/attic.js +24 -22
- data/assets/theme/j1/adapter/js/bmd.js +10 -8
- data/assets/theme/j1/adapter/js/carousel.js +12 -9
- data/assets/theme/j1/adapter/js/chatbot.js +106 -104
- data/assets/theme/j1/adapter/js/clipboard.js +16 -14
- data/assets/theme/j1/adapter/js/comments.js +24 -22
- data/assets/theme/j1/adapter/js/cookieConsent.js +5 -1
- data/assets/theme/j1/adapter/js/customFunctions.js +12 -10
- data/assets/theme/j1/adapter/js/customModule.js +10 -8
- data/assets/theme/j1/adapter/js/docsearch.js +33 -31
- data/assets/theme/j1/adapter/js/dropdowns.js +16 -14
- data/assets/theme/j1/adapter/js/fab.js +34 -32
- data/assets/theme/j1/adapter/js/gallery.js +21 -19
- data/assets/theme/j1/adapter/js/gemini.js +66 -64
- data/assets/theme/j1/adapter/js/iconPicker.js +31 -29
- data/assets/theme/j1/adapter/js/iconPickerPage.js +11 -9
- data/assets/theme/j1/adapter/js/iframer.js +17 -15
- data/assets/theme/j1/adapter/js/j1.js +146 -143
- data/assets/theme/j1/adapter/js/lazyLoader.js +33 -31
- data/assets/theme/j1/adapter/js/lightbox.js +9 -7
- data/assets/theme/j1/adapter/js/logger.js +11 -9
- data/assets/theme/j1/adapter/js/lunr.js +37 -35
- data/assets/theme/j1/adapter/js/masonry.js +23 -21
- data/assets/theme/j1/adapter/js/masterslider.js +31 -29
- data/assets/theme/j1/adapter/js/mmenu.js +25 -23
- data/assets/theme/j1/adapter/js/navigator.js +43 -41
- data/assets/theme/j1/adapter/js/particles.js +12 -10
- data/assets/theme/j1/adapter/js/rangeSlider.js +21 -19
- data/assets/theme/j1/adapter/js/rouge.js +10 -8
- data/assets/theme/j1/adapter/js/rtable.js +14 -12
- data/assets/theme/j1/adapter/js/rtextResizer.js +10 -8
- data/assets/theme/j1/adapter/js/scroller.js +15 -13
- data/assets/theme/j1/adapter/js/slick.js +18 -16
- data/assets/theme/j1/adapter/js/slimSelect.js +30 -28
- data/assets/theme/j1/adapter/js/speak2me.js +25 -23
- data/assets/theme/j1/adapter/js/swiper.js +13 -11
- data/assets/theme/j1/adapter/js/themeToggler.js +11 -9
- data/assets/theme/j1/adapter/js/themes.js +25 -23
- data/assets/theme/j1/adapter/js/toccer.js +13 -11
- data/assets/theme/j1/adapter/js/translator.js +19 -16
- data/assets/theme/j1/adapter/js/videojs.js +9 -7
- data/assets/theme/j1/adapter/js/waves.js +18 -16
- data/assets/theme/j1/core/js/template.js +11180 -10968
- data/assets/theme/j1/core/js/template.min.js +13 -18
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +50 -4
- 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 +197 -403
- 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 +70 -46
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +1 -1
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.css +72 -9
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/mini.min.css +2 -1
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +481 -417
- data/assets/theme/j1/modules/backstretch/js/backstretch.js +2 -2
- data/assets/theme/j1/modules/backstretch/js/backstretch.min.js +1 -1
- data/assets/theme/j1/modules/cookieConsent/js/cookieConsent.js +11 -11
- data/assets/theme/j1/modules/cookieConsent/js/cookieConsent.min.js +2 -1
- data/assets/theme/j1/modules/dropdowns/js/dropdowns.js +2 -2
- data/assets/theme/j1/modules/dropdowns/js/dropdowns.min.js +1 -1
- data/assets/theme/j1/modules/fab/js/fab.js +2 -2
- data/assets/theme/j1/modules/fab/js/fab.min.js +1 -1
- data/assets/theme/j1/modules/lunr/js/j1.js +1 -1
- data/assets/theme/j1/modules/lunr/js/j1.min.js +2 -1
- data/assets/theme/j1/modules/rtable/js/rtable.js +2 -2
- data/assets/theme/j1/modules/rtable/js/rtable.min.js +2 -1
- data/assets/theme/j1/modules/scroller/js/scroller.js +31 -29
- data/assets/theme/j1/modules/scroller/js/scroller.min.js +2 -1
- data/assets/theme/j1/modules/themeSwitcher/js/switcher.js +26 -26
- data/assets/theme/j1/modules/themeSwitcher/js/switcher.min.js +2 -1
- data/assets/theme/j1/modules/translator/js/translator.js +17 -17
- data/assets/theme/j1/modules/translator/js/translator.min.js +1 -1
- data/assets/theme/j1/modules/videojs/js/plugins/players/dm/dailymotion.js +10 -8
- data/assets/theme/j1/modules/videojs/js/plugins/players/dm/dailymotion.min.js +1 -1
- data/assets/theme/j1/modules/videojs/js/plugins/players/vm/vimeo.js +9 -7
- data/assets/theme/j1/modules/videojs/js/plugins/players/vm/vimeo.min.js +1 -1
- data/assets/theme/j1/modules/videojs/js/plugins/players/wt/wistia.js +13 -11
- data/assets/theme/j1/modules/videojs/js/plugins/players/wt/wistia.min.js +1 -1
- data/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.js +10 -8
- data/assets/theme/j1/modules/videojs/js/plugins/players/yt/youtube.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 +4 -4
- data/lib/starter_web/_data/modules/amplitude_playlists.yml +168 -123
- data/lib/starter_web/_data/modules/defaults/amplitude.yml +8 -3
- data/lib/starter_web/_data/modules/swiper_app.yml +67 -0
- data/lib/starter_web/_data/modules/swiper_playlists.yml +26 -0
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_includes/attributes.asciidoc +5 -4
- data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +8 -0
- data/lib/starter_web/_plugins/asciidoctor/youtube-block.rb +7 -0
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/audio/album/emancipator/Alligator.mp3 +0 -0
- data/lib/starter_web/assets/audio/album/emancipator/DabCity.mp3 +0 -0
- data/lib/starter_web/assets/audio/album/emancipator/SeaToSky.mp3 +0 -0
- data/lib/starter_web/assets/audio/album/emancipator/TimeForSpace.mp3 +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/alligator.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/anthem.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/dab-city.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/safe-in-the-steep-cliffs.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/sea-to-sky.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/soon-it-will-be-cold-enough.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/tine-for-space.jpg +0 -0
- data/lib/starter_web/assets/image/icon/bokeh/bokeh-32x32.ico +0 -0
- data/lib/starter_web/assets/image/icon/bokeh/bokeh.ico +0 -0
- data/lib/starter_web/assets/image/icon/bokeh/logo-160x160.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/hyvore-talk.ico +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/jpg/hyvor-logo.512x512.jpg +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.jpg +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.24x24.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/png/hyvor-logo.512x512.png +0 -0
- data/lib/starter_web/assets/image/icon/hyvor-talk/scalable/hyvor-logo.svg +81 -0
- data/lib/starter_web/assets/image/icon/jupyter/jupyter-32x32.ico +0 -0
- data/lib/starter_web/assets/image/icon/jupyter/jupyter.ico +0 -0
- data/lib/starter_web/assets/image/icon/jupyter/logo.png +0 -0
- data/lib/starter_web/assets/image/icon/mdi/mdi.svg +1 -0
- data/lib/starter_web/assets/image/icon/mdi/mdil.svg +1 -0
- data/lib/starter_web/assets/image/icon/scalable/facebook.svg +34 -0
- data/lib/starter_web/assets/image/icon/scalable/google.svg +35 -0
- data/lib/starter_web/assets/image/icon/scalable/ibm.svg +24 -0
- data/lib/starter_web/assets/image/icon/scalable/microsoft.svg +42 -0
- data/lib/starter_web/assets/image/module/swiper/simple/test/image/diana_krall.jpg +0 -0
- data/lib/starter_web/index.html +3 -3
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/learn/where_to_go.adoc +1 -1
- data/lib/starter_web/pages/public/tools/previewer/preview_amplitudejs.adoc +3 -18
- data/lib/starter_web/pages/public/tools/tester/app_tester_amplitudejs_yt.adoc +6 -6
- data/lib/starter_web/pages/public/tools/tester/app_tester_swiper.adoc +87 -0
- data/lib/starter_web/pages/public/tour/_includes/attributes.asciidoc +3 -3
- data/lib/starter_web/pages/public/tour/{play_audio.adoc → audio_data.adoc} +35 -55
- data/lib/starter_web/pages/public/tour/{present_images.adoc → image_data.adoc} +4 -5
- data/lib/starter_web/pages/public/tour/{play_video.adoc → video_data.adoc} +17 -16
- metadata +42 -14
- data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/anthem.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/from-dusk-to-dawn.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/safe-in-the-steep-cliffs.jpg +0 -0
- data/lib/starter_web/assets/audio/cover/emancipator/from-dusk-to-dawn/soon-it-will-be-cold-enough.jpg +0 -0
- /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn → !info}/!sound.links.txt +0 -0
- /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/Anthem.mp3 → Anthem.mp3} +0 -0
- /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/DuskToDawn.mp3 → DuskToDawn.mp3} +0 -0
- /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/FirstSnow.mp3 → FirstSnow.mp3} +0 -0
- /data/lib/starter_web/assets/audio/album/emancipator/{from-dusk-to-dawn/SafeInTheSteepCliffs.mp3 → SafeInTheSteepCliffs.mp3} +0 -0
@@ -13,4 +13,4 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
.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}.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-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}div.compact-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}div.compact-player-play-pause.amplitude-playing{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.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:50px}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}div.compact-player-playlist{width:calc(100% - 1px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider{appearance:none;width:calc(100% - 100px)}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}div.compact-player-volume-container input[type=range].amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}}.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.playlist-screen-controls div.playlist-screen-meta-container span.amplitude-audio-info{float:right;margin-right:-130px}div.screen-controls-compact-player div.playlist-screen-meta-container span.audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}div.compact-player-playlist div.compact-player-title-list div.song div.song-meta-container span.audio-rating{display:flex;float:right;margin-top:-17px;margin-right:-96px}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:-40px;margin-right:-93px;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}.amplitude-audio-info-compact-player{float:right;margin-right:-128px}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}div.compact-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}.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}}
|
16
|
+
.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 .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;margin-right:-3px}.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)}.amplitude-audio-info-compact-player .audio-rating{display:flex;float:right;margin-top:10px;margin-right:-100px}.screen-controls-compact-player .playlist-screen-meta-container .amplitude-audio-info{float:right;margin-top:-10px;margin-right:-130px}.screen-controls-compact-player .playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:0;margin-right:-94px}.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{display:block;font-family:"Lato",sans-serif;font-size:18px;line-height:24px;white-space:nowrap;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}}
|
@@ -42,12 +42,7 @@
|
|
42
42
|
.amplitude-shuffle:hover {
|
43
43
|
opacity: 0.5;
|
44
44
|
}
|
45
|
-
|
46
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-on.svg") no-repeat;
|
47
|
-
}
|
48
|
-
.amplitude-shuffle-off {
|
49
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/shuffle-off.svg") no-repeat;
|
50
|
-
}
|
45
|
+
|
51
46
|
.large-player-previous {
|
52
47
|
display: inline-block;
|
53
48
|
user-select: none;
|
@@ -56,7 +51,6 @@
|
|
56
51
|
cursor: pointer;
|
57
52
|
vertical-align: middle;
|
58
53
|
margin-right: 20px;
|
59
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/previous.svg") no-repeat;
|
60
54
|
}
|
61
55
|
.large-player-previous:hover {
|
62
56
|
opacity: 0.5;
|
@@ -72,7 +66,6 @@
|
|
72
66
|
width: 24px;
|
73
67
|
margin-right: 20px;
|
74
68
|
vertical-align: middle;
|
75
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-backward.svg") no-repeat;
|
76
69
|
}
|
77
70
|
.large-player-skip-backward:focus:not(:focus-visible) {
|
78
71
|
outline: none;
|
@@ -94,12 +87,14 @@
|
|
94
87
|
.large-player-play-pause:focus:not(:focus-visible) {
|
95
88
|
outline: none;
|
96
89
|
}
|
97
|
-
|
90
|
+
|
91
|
+
.large-player-play-pause.amplitude-paused {
|
98
92
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
|
99
93
|
}
|
100
|
-
|
94
|
+
.large-player-play-pause.amplitude-playing {
|
101
95
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
|
102
96
|
}
|
97
|
+
|
103
98
|
.large-player-skip-forward {
|
104
99
|
display: inline-block;
|
105
100
|
user-select: none;
|
@@ -108,7 +103,6 @@ div.large-player-play-pause.amplitude-playing {
|
|
108
103
|
width: 24px;
|
109
104
|
margin-left: 20px;
|
110
105
|
vertical-align: middle;
|
111
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/skip-forward.svg") no-repeat;
|
112
106
|
}
|
113
107
|
.large-player-skip-forward:focus:not(:focus-visible) {
|
114
108
|
outline: none;
|
@@ -116,9 +110,7 @@ div.large-player-play-pause.amplitude-playing {
|
|
116
110
|
.large-player-skip-forward:hover {
|
117
111
|
opacity: 0.5;
|
118
112
|
}
|
119
|
-
|
120
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/pause.svg") no-repeat;
|
121
|
-
}
|
113
|
+
|
122
114
|
.large-player-next {
|
123
115
|
display: inline-block;
|
124
116
|
user-select: none;
|
@@ -128,7 +120,6 @@ div.large-player-play-pause.amplitude-playing {
|
|
128
120
|
vertical-align: middle;
|
129
121
|
margin-right: 25px;
|
130
122
|
margin-left: 20px;
|
131
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/next.svg") no-repeat;
|
132
123
|
}
|
133
124
|
.large-player-next:focus:not(:focus-visible) {
|
134
125
|
outline: none;
|
@@ -136,6 +127,7 @@ div.large-player-play-pause.amplitude-playing {
|
|
136
127
|
.large-player-next:hover {
|
137
128
|
opacity: 0.5;
|
138
129
|
}
|
130
|
+
|
139
131
|
.amplitude-repeat {
|
140
132
|
display: inline-block;
|
141
133
|
user-select: none;
|
@@ -150,12 +142,7 @@ div.large-player-play-pause.amplitude-playing {
|
|
150
142
|
.amplitude-repeat:hover {
|
151
143
|
opacity: 0.5;
|
152
144
|
}
|
153
|
-
|
154
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-off.svg") no-repeat;
|
155
|
-
}
|
156
|
-
.amplitude-repeat-on {
|
157
|
-
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/repeat-on.svg") no-repeat;
|
158
|
-
}
|
145
|
+
|
159
146
|
.large-player-playlist-header {
|
160
147
|
cursor: pointer;
|
161
148
|
top: 0;
|
@@ -168,7 +155,6 @@ div.large-player-play-pause.amplitude-playing {
|
|
168
155
|
}
|
169
156
|
.large-player-title-list {
|
170
157
|
display: block;
|
171
|
-
/* max-height: 600px; */
|
172
158
|
max-height: 540px;
|
173
159
|
overflow-y: scroll;
|
174
160
|
}
|
@@ -232,6 +218,7 @@ div.large-player-play-pause.amplitude-playing {
|
|
232
218
|
border-color: var(--ajs-theme-uno--medium-silver);
|
233
219
|
background-color: var(--ajs-theme-uno--darker-silver) !important;
|
234
220
|
}
|
221
|
+
|
235
222
|
.amplitude-song-container img.now-playing {
|
236
223
|
display: none;
|
237
224
|
}
|
@@ -290,13 +277,21 @@ div.large-player-play-pause.amplitude-playing {
|
|
290
277
|
margin-top: 8px;
|
291
278
|
margin-right: 12px;
|
292
279
|
}
|
280
|
+
|
293
281
|
.audio-duration {
|
294
282
|
float: right;
|
295
|
-
/* margin-left: 103px; */
|
296
283
|
font-family: "Lato", sans-serif;
|
297
284
|
font-size: 16px;
|
298
285
|
color: var(--ajs-theme-uno--gray-300);
|
299
286
|
}
|
287
|
+
|
288
|
+
.audio-rating {
|
289
|
+
float: right;
|
290
|
+
margin-top: 20px;
|
291
|
+
/* margin-right: -43px; */
|
292
|
+
margin-right: -66px;
|
293
|
+
}
|
294
|
+
|
300
295
|
.song-name {
|
301
296
|
line-height: 24px;
|
302
297
|
white-space: nowrap;
|
@@ -307,30 +302,42 @@ div.large-player-play-pause.amplitude-playing {
|
|
307
302
|
color: var(--ajs-theme-uno--white);
|
308
303
|
}
|
309
304
|
|
310
|
-
div.screen-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
316
|
-
|
317
|
-
}
|
305
|
+
/* div.playlist-screen-meta-container .song-artist-album {
|
306
|
+
opacity: 0.5;
|
307
|
+
font-family: "Lato", sans-serif;
|
308
|
+
font-size: 16px;
|
309
|
+
line-height: 18px;
|
310
|
+
color: var(--ajs-theme-uno--white);
|
311
|
+
} */
|
318
312
|
|
319
|
-
|
313
|
+
.screen-controls-large-player
|
314
|
+
.playlist-screen-meta-container
|
315
|
+
.song-artist-album {
|
320
316
|
opacity: 0.5;
|
321
317
|
font-family: "Lato", sans-serif;
|
322
318
|
font-size: 16px;
|
323
319
|
line-height: 18px;
|
324
320
|
color: var(--ajs-theme-uno--white);
|
325
321
|
}
|
322
|
+
|
323
|
+
.screen-controls-large-player
|
324
|
+
.playlist-screen-meta-container
|
326
325
|
.audio-rating {
|
327
|
-
|
328
|
-
|
326
|
+
display: flex;
|
327
|
+
float: right;
|
328
|
+
margin-top: 0px;
|
329
|
+
margin-right: -94px;
|
329
330
|
}
|
330
|
-
|
331
|
+
|
332
|
+
.screen-controls-large-player
|
333
|
+
.playlist-screen-meta-container
|
334
|
+
.amplitude-audio-info {
|
331
335
|
float: right;
|
332
|
-
margin-
|
336
|
+
margin-top: -10px;
|
337
|
+
margin-right: -126px;
|
333
338
|
}
|
339
|
+
|
340
|
+
|
334
341
|
div.playlist-screen-controls div.list-controls {
|
335
342
|
float: right;
|
336
343
|
width: 90px;
|
@@ -383,7 +390,7 @@ input[type=range].amplitude-volume-slider {
|
|
383
390
|
height: 1px;
|
384
391
|
margin-top: 10px;
|
385
392
|
margin-left: 5px;
|
386
|
-
width: calc(100% -
|
393
|
+
width: calc(100% - 86px);
|
387
394
|
background: transparent;
|
388
395
|
}
|
389
396
|
|
@@ -405,7 +412,8 @@ Bootstrap (BS) grid breakpoints
|
|
405
412
|
|
406
413
|
/* BS LG (Desktop)
|
407
414
|
# --------------------------------------------------------- */
|
408
|
-
@media (orientation: portrait) and (max-width: 992px) {
|
415
|
+
/* @media (orientation: portrait) and (max-width: 992px) { */
|
416
|
+
@media (orientation: portrait) and (max-width: 1024px) {
|
409
417
|
.large-player-left {
|
410
418
|
width: 35vw;
|
411
419
|
}
|
@@ -413,13 +421,15 @@ Bootstrap (BS) grid breakpoints
|
|
413
421
|
width: 45vw;
|
414
422
|
object-fit: cover;
|
415
423
|
}
|
424
|
+
.playlist-screen-controls {
|
425
|
+
display: none;
|
426
|
+
}
|
416
427
|
|
417
428
|
input[type="range"].amplitude-volume-slider::-webkit-slider-thumb {
|
418
429
|
background-color: var(--ajs-theme-uno--blue-500);
|
419
430
|
width: 25px;
|
420
431
|
height: 25px;
|
421
432
|
}
|
422
|
-
|
423
433
|
input[type="range"].amplitude-volume-slider::-moz-slider-thumb {
|
424
434
|
background-color: var(--ajs-theme-uno--blue-500);
|
425
435
|
width: 25px;
|
@@ -434,6 +444,9 @@ Bootstrap (BS) grid breakpoints
|
|
434
444
|
.large-player-left {
|
435
445
|
width: 35vw;
|
436
446
|
}
|
447
|
+
.playlist-screen-controls {
|
448
|
+
display: none;
|
449
|
+
}
|
437
450
|
.large-player-left-top img {
|
438
451
|
width: 45vw;
|
439
452
|
object-fit: cover;
|
@@ -442,14 +455,20 @@ Bootstrap (BS) grid breakpoints
|
|
442
455
|
|
443
456
|
/* BS LG (Desktop)
|
444
457
|
# --------------------------------------------------------- */
|
445
|
-
@media (orientation: landscape) and (max-width: 992px) {
|
446
|
-
|
458
|
+
/* @media (orientation: landscape) and (max-width: 992px) { */
|
459
|
+
@media (orientation: landscape) and (max-width: 1024px) {
|
460
|
+
|
461
|
+
/* .large-player-left {
|
447
462
|
width: 35vw;
|
448
|
-
}
|
449
|
-
.large-player-left-top img {
|
463
|
+
} */
|
464
|
+
/* .large-player-left-top img {
|
450
465
|
width: 95vw;
|
451
466
|
object-fit: cover;
|
452
|
-
}
|
467
|
+
} */
|
468
|
+
|
469
|
+
.playlist-screen-controls {
|
470
|
+
display: none;
|
471
|
+
}
|
453
472
|
}
|
454
473
|
|
455
474
|
/* BS MD (Desktop)
|
@@ -462,6 +481,9 @@ Bootstrap (BS) grid breakpoints
|
|
462
481
|
width: 95vw;
|
463
482
|
object-fit: cover;
|
464
483
|
}
|
484
|
+
.playlist-screen-controls {
|
485
|
+
display: none;
|
486
|
+
}
|
465
487
|
}
|
466
488
|
|
467
489
|
/* BS SM (Mobile)
|
@@ -510,8 +532,10 @@ Bootstrap (BS) grid breakpoints
|
|
510
532
|
border-left: 1px solid;
|
511
533
|
border-color: var(--ajs-theme-uno--medium-silver);
|
512
534
|
}
|
513
|
-
|
514
|
-
|
535
|
+
|
536
|
+
div.large-player-volume-container
|
537
|
+
.large-player-amplitude-mute {
|
538
|
+
margin-left: 4px;
|
515
539
|
}
|
516
540
|
|
517
541
|
div.large-player-volume-container
|
@@ -13,4 +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)}.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}.
|
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}.large-player-previous{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:20px}.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}.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}.large-player-play-pause.amplitude-paused{background:url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat}.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}.large-player-skip-forward:focus:not(:focus-visible){outline:0}.large-player-skip-forward:hover{opacity:.5}.large-player-next{display:inline-block;user-select:none;height:24px;width:24px;cursor:pointer;vertical-align:middle;margin-right:25px;margin-left:20px}.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}.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)}.audio-rating{float:right;margin-top:20px;margin-right:-66px}.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)}.screen-controls-large-player .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)}.screen-controls-large-player .playlist-screen-meta-container .audio-rating{display:flex;float:right;margin-top:0;margin-right:-94px}.screen-controls-large-player .playlist-screen-meta-container .amplitude-audio-info{float:right;margin-top:-10px;margin-right:-126px}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% - 86px);background:transparent}@media(orientation:portrait) and (max-width:1024px){.large-player-left{width:35vw}.large-player-left-top img{width:45vw;object-fit:cover}.playlist-screen-controls{display:none}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}.playlist-screen-controls{display:none}.large-player-left-top img{width:45vw;object-fit:cover}}@media(orientation:landscape) and (max-width:1024px){.playlist-screen-controls{display:none}}@media(orientation:landscape) and (max-width:768px){.large-player-left{width:35vw}.large-player-left-top img{width:95vw;object-fit:cover}.playlist-screen-controls{display:none}}@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)}div.large-player-volume-container .large-player-amplitude-mute{margin-left:4px}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,15 +13,24 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
+
/* 1. Base
|
17
|
+
# ------------------------------------------------------------------------------ */
|
18
|
+
|
16
19
|
.mini-player {
|
17
20
|
-webkit-font-smoothing: antialiased;
|
18
21
|
}
|
22
|
+
|
19
23
|
.mini-player-container {
|
20
|
-
width:
|
24
|
+
width: 500px;
|
21
25
|
border: solid 1px;
|
22
26
|
border-color: var(--ajs-theme-uno--medium-silver);
|
23
27
|
background-color: var(--ajs-theme-uno--black);
|
24
28
|
}
|
29
|
+
|
30
|
+
|
31
|
+
/* 2. Components
|
32
|
+
# ------------------------------------------------------------------------------ */
|
33
|
+
|
25
34
|
.mini-player.control-container.meta-container {
|
26
35
|
text-align: center;
|
27
36
|
margin-left: 90px;
|
@@ -79,26 +88,80 @@
|
|
79
88
|
.mini-player.volume-container {
|
80
89
|
padding-top: 10px;
|
81
90
|
margin-left: 25px;
|
82
|
-
padding-bottom:
|
91
|
+
padding-bottom: 36px;
|
83
92
|
width: calc(100% - 43px);
|
84
93
|
}
|
85
94
|
input[type=range].mini-player.amplitude-volume-slider {
|
86
|
-
margin-top: -
|
87
|
-
margin-left:
|
95
|
+
margin-top: -10px;
|
96
|
+
margin-left: 28px;
|
88
97
|
width: 90%;
|
89
98
|
}
|
90
|
-
|
99
|
+
|
100
|
+
|
101
|
+
/* 3. Layout
|
102
|
+
# ------------------------------------------------------------------------------ */
|
103
|
+
|
104
|
+
/*
|
105
|
+
Bootstrap (BS) grid breakpoints
|
106
|
+
SN: 576px Mobile
|
107
|
+
MD: 768px Small Desktop|Tablet
|
108
|
+
LG: 992px Desktop
|
109
|
+
XL: 1200px Large Desktop
|
110
|
+
XXL: 1400px X Large Desktop
|
111
|
+
*/
|
112
|
+
|
113
|
+
/* max-width: -webkit-fill-available; Chrome, Safari, Edge */
|
114
|
+
/* max-width: -moz-available; Firefox */
|
115
|
+
|
116
|
+
|
117
|
+
/* BS SM (Mobile)
|
118
|
+
# --------------------------------------------------------- */
|
119
|
+
|
120
|
+
@media screen and (max-width: 576px) {
|
91
121
|
.mini-player-container {
|
92
|
-
max-width: 390px;
|
93
|
-
}
|
94
|
-
.mini-player {
|
95
122
|
max-width: -webkit-fill-available;
|
96
123
|
max-width: -moz-available;
|
97
124
|
}
|
125
|
+
|
98
126
|
.mini-player.volume-container {
|
127
|
+
appearance: none;
|
99
128
|
padding-top: 20px;
|
100
129
|
}
|
101
|
-
|
130
|
+
|
131
|
+
/* input[type=range].mini-player.amplitude-volume-slider {
|
102
132
|
margin-top: -11px;
|
133
|
+
} */
|
134
|
+
|
135
|
+
input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb {
|
136
|
+
width: 30px;
|
137
|
+
height: 30px;
|
138
|
+
border-radius: 30px;
|
139
|
+
margin-top: -15px;
|
140
|
+
background-color: var(--ajs-theme-uno--blue-500);
|
103
141
|
}
|
142
|
+
|
143
|
+
input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb {
|
144
|
+
width: 30px;
|
145
|
+
height: 30px;
|
146
|
+
border-radius: 30px;
|
147
|
+
margin-top: -15px;
|
148
|
+
background-color: var(--ajs-theme-uno--blue-500);
|
149
|
+
}
|
150
|
+
|
104
151
|
}
|
152
|
+
|
153
|
+
|
154
|
+
/* 4. Pages
|
155
|
+
# ------------------------------------------------------------------------------ */
|
156
|
+
|
157
|
+
/* 5. Themes
|
158
|
+
# ------------------------------------------------------------------------------ */
|
159
|
+
|
160
|
+
/* 6. Utils
|
161
|
+
# ------------------------------------------------------------------------------ */
|
162
|
+
|
163
|
+
/* 7. Vendors
|
164
|
+
# ------------------------------------------------------------------------------ */
|
165
|
+
|
166
|
+
/* 8. Animations
|
167
|
+
# ------------------------------------------------------------------------------ */
|
@@ -13,4 +13,5 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:
|
16
|
+
.mini-player{-webkit-font-smoothing:antialiased}.mini-player-container{width:500px;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:36px;width:calc(100% - 43px)}input[type=range].mini-player.amplitude-volume-slider{margin-top:-10px;margin-left:28px;width:90%}@media screen and (max-width:576px){.mini-player-container{max-width:-webkit-fill-available;max-width:-moz-available}.mini-player.volume-container{appearance:none;padding-top:20px}input[type="range"].mini-player.amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}input[type="range"].mini-player.amplitude-volume-slider::-moz-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px;background-color:var(--ajs-theme-uno--blue-500)}}
|
17
|
+
|