j1-template 2024.3.16 → 2024.3.17
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/assets/data/amplitude.html +132 -61
- data/assets/data/banner.html +1 -1
- data/assets/data/cookieconsent.html +1 -1
- data/assets/data/docsearch.html +1 -1
- data/assets/data/fab.html +1 -1
- data/assets/data/footer.html +1 -1
- data/assets/data/galeries.html +1 -1
- data/assets/data/gallery_customizer.html +1 -1
- data/assets/data/gemini-ui.html +1 -1
- data/assets/data/iframes.html +1 -1
- data/assets/data/masonry.html +1 -1
- data/assets/data/masterslider.html +1 -1
- data/assets/data/menu.html +1 -1
- data/assets/data/mmenu.html +1 -1
- data/assets/data/mmenu_sidebar.html +1 -1
- data/assets/data/mmenu_toc.html +1 -1
- data/assets/data/panel.html +1 -1
- data/assets/data/quicklinks.html +1 -1
- data/assets/data/rtext_resizer.html +1 -1
- data/assets/data/slick.html +1 -1
- data/assets/data/speak2me.html +1 -1
- data/assets/data/swiper.html +313 -0
- data/assets/theme/j1/adapter/js/amplitude.30.js +1177 -0
- data/assets/theme/j1/adapter/js/amplitude.js +152 -121
- data/assets/theme/j1/adapter/js/j1.js +3 -3
- data/assets/theme/j1/adapter/js/masterslider.js +2 -1
- data/assets/theme/j1/adapter/js/swiper.js +231 -0
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/amplitude.css +13 -3
- 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/large.css +53 -6
- data/assets/theme/j1/modules/amplitudejs/css/theme/uno/dark/player/large.min.css +2 -1
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.15.js +1594 -0
- data/assets/theme/j1/modules/amplitudejs/js/tech/ytp.js +1617 -89
- data/assets/theme/j1/modules/amplitudejs/js/visualizations/bar.js +1 -1
- data/assets/theme/j1/modules/amplitudejs/js/visualizations/circular-equalizer.js +31 -1
- data/assets/theme/j1/modules/amplitudejs/js/visualizations/frequency-analyzer.js +1 -1
- data/assets/theme/j1/modules/amplitudejs/js/visualizations/michael-bromley.js +1 -1
- data/assets/theme/j1/modules/amplitudejs/js/visualizations/template.js +1 -1
- data/assets/theme/j1/modules/photoswipe/.version_5.4.4 +6 -0
- data/assets/theme/j1/modules/photoswipe/LICENSE +21 -0
- data/assets/theme/j1/modules/photoswipe/README.md +32 -0
- data/assets/theme/j1/modules/photoswipe/css/org/photoswipe-dynamic-caption-plugin.umd.min.js +5 -0
- data/assets/theme/j1/modules/photoswipe/css/org/photoswipe.css +420 -0
- data/assets/theme/j1/modules/photoswipe/css/photoswipe-caption-plugin.css +67 -0
- data/assets/theme/j1/modules/photoswipe/css/photoswipe-caption-plugin.min.css +16 -0
- data/assets/theme/j1/modules/photoswipe/css/photoswipe.css +376 -0
- data/assets/theme/j1/modules/photoswipe/css/photoswipe.min.css +17 -0
- data/assets/theme/j1/modules/photoswipe/css/scss/photoswipe.scss +427 -0
- data/assets/theme/j1/modules/photoswipe/example/photoswipe-caption-plugin.html +237 -0
- data/assets/theme/j1/modules/photoswipe/example/test-gallery.html +36 -0
- data/assets/theme/j1/modules/photoswipe/js/README.md +43 -0
- data/assets/theme/j1/modules/photoswipe/js/photoswipe-caption-plugin.min.js +5 -0
- data/assets/theme/j1/modules/photoswipe/js/photoswipe-core.min.js +18 -0
- data/assets/theme/j1/modules/photoswipe/js/photoswipe-lightbox.min.js +18 -0
- data/assets/theme/j1/modules/swiper/.version_1.2.0 +15 -0
- data/assets/theme/j1/modules/swiper/LICENSE +20 -0
- data/assets/theme/j1/modules/swiper/README.md +95 -0
- data/assets/theme/j1/modules/swiper/css/swiper-bundle.css +740 -0
- data/assets/theme/j1/modules/swiper/css/swiper-bundle.min..css +17 -0
- data/assets/theme/j1/modules/swiper/css/theme/uno.css +249 -0
- data/assets/theme/j1/modules/swiper/css/theme/uno.min.css +154 -0
- data/assets/theme/j1/modules/swiper/js/swiper-bundle.js +9785 -0
- data/assets/theme/j1/modules/swiper/js/swiper-bundle.min.js +17 -0
- data/assets/theme/j1/modules/swiper/swiperjs.com-demos.url +2 -0
- 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.yml +374 -39
- data/lib/starter_web/_data/modules/defaults/amplitude.yml +60 -35
- data/lib/starter_web/_data/modules/defaults/slick.yml +1 -1
- data/lib/starter_web/_data/modules/defaults/swiper.yml +515 -0
- data/lib/starter_web/_data/modules/swiper.yml +227 -0
- data/lib/starter_web/_data/resources.yml +53 -1
- data/lib/starter_web/_data/templates/feed.xml +1 -1
- data/lib/starter_web/_plugins/asciidoctor/amplitude-block.rb +1 -0
- data/lib/starter_web/_plugins/asciidoctor/videojs-block.rb +0 -4
- data/lib/starter_web/_plugins/index/lunr.rb +1 -1
- data/lib/starter_web/assets/video/poster/youtube/faelle_des_bnd/der_unverzichtbare_feind.jpg +0 -0
- data/lib/starter_web/assets/video/poster/youtube/faelle_des_bnd/ein_diener_vieler_herren.jpg +0 -0
- data/lib/starter_web/assets/video/poster/youtube/the_piano/the-piano.jpg +0 -0
- data/lib/starter_web/package.json +1 -1
- data/lib/starter_web/pages/public/_includes/attributes.asciidoc +45 -0
- data/lib/starter_web/pages/public/_includes/documents/photoswipe/200_photoswipe_parameters.asciidoc +510 -0
- data/lib/starter_web/pages/public/_includes/documents/photoswipe/210_photoswipe_lightbox_parameters.asciidoc +98 -0
- data/lib/starter_web/pages/public/_includes/documents/photoswipe/300_caption_plugin_for_photoSwipe.asciidoc +327 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_features.asciidoc +50 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_html_layout.asciidoc +122 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/100_swiper_initialization.asciidoc +53 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/110_swiper_common_options.asciidoc +43 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_a_k.asciidoc +994 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_l_o.asciidoc +473 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_p_s.asciidoc +700 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/200_swiper_parameters_t_z.asciidoc +413 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/300_swiper_instance_properties.asciidoc +873 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/400_swiper_modules.asciidoc +2514 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/500_swiper_methods.asciidoc +989 -0
- data/lib/starter_web/pages/public/_includes/documents/swiper/600_swiper_events.asciidoc +1534 -0
- data/lib/starter_web/pages/public/amplitude_yt_tester.adoc +77 -63
- data/lib/starter_web/pages/public/photoswipe_api.adoc +150 -0
- data/lib/starter_web/pages/public/swiper_api.adoc +128 -0
- data/lib/starter_web/pages/public/swiper_tester.adoc +973 -0
- data/lib/starter_web/pages/public/tour/modal_extentions.adoc +12 -5
- data/lib/starter_web/pages/public/tour/play_audio.adoc +60 -5
- data/lib/starter_web/pages/public/tour/play_video.adoc +30 -0
- data/lib/starter_web/pages/public/tour/present_images.adoc +5 -5
- metadata +56 -3
- data/assets/theme/j1/modules/amplitudejs/js/tech/youtube_example.js +0 -211
@@ -0,0 +1,231 @@
|
|
1
|
+
---
|
2
|
+
regenerate: true
|
3
|
+
---
|
4
|
+
|
5
|
+
{%- capture cache -%}
|
6
|
+
|
7
|
+
{% comment %}
|
8
|
+
# -----------------------------------------------------------------------------
|
9
|
+
# ~/assets/theme/j1/adapter/js/swiper.js
|
10
|
+
# Liquid template to adapt the Swiper module
|
11
|
+
#
|
12
|
+
# Product/Info:
|
13
|
+
# https://jekyll.one
|
14
|
+
# Copyright (C) 2023, 2024 Juergen Adams
|
15
|
+
#
|
16
|
+
# J1 Template is licensed under the MIT License.
|
17
|
+
# For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
|
18
|
+
# -----------------------------------------------------------------------------
|
19
|
+
# Test data:
|
20
|
+
# {{ liquid_var | debug }}
|
21
|
+
# swiper_options: {{ swiper_options | debug }}
|
22
|
+
# -----------------------------------------------------------------------------
|
23
|
+
{% endcomment %}
|
24
|
+
|
25
|
+
{% comment %} Liquid procedures
|
26
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
27
|
+
|
28
|
+
{% comment %} Set global settings
|
29
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
30
|
+
{% assign environment = site.environment %}
|
31
|
+
{% assign asset_path = "/assets/theme/j1" %}
|
32
|
+
|
33
|
+
{% comment %} Process YML config data
|
34
|
+
================================================================================ {% endcomment %}
|
35
|
+
|
36
|
+
{% comment %} Set config files
|
37
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
38
|
+
{% assign template_config = site.data.j1_config %}
|
39
|
+
{% assign blocks = site.data.blocks %}
|
40
|
+
{% assign modules = site.data.modules %}
|
41
|
+
|
42
|
+
{% comment %} Set config data (settings only)
|
43
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
44
|
+
{% assign swiper_defaults = modules.defaults.swiper.defaults %}
|
45
|
+
{% assign swiper_settings = modules.swiper.settings %}
|
46
|
+
|
47
|
+
{% comment %} Set config options (settings only)
|
48
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
49
|
+
{% assign swiper_options = swiper_defaults | merge: swiper_settings %}
|
50
|
+
|
51
|
+
{% comment %} Detect prod mode
|
52
|
+
-------------------------------------------------------------------------------- {% endcomment %}
|
53
|
+
{% assign production = false %}
|
54
|
+
{% if environment == 'prod' or environment == 'production' %}
|
55
|
+
{% assign production = true %}
|
56
|
+
{% endif %}
|
57
|
+
|
58
|
+
/*
|
59
|
+
# -----------------------------------------------------------------------------
|
60
|
+
# ~/assets/theme/j1/adapter/js/swiper.js
|
61
|
+
# J1 Adapter for the swiper module
|
62
|
+
#
|
63
|
+
# Product/Info:
|
64
|
+
# https://jekyll.one
|
65
|
+
#
|
66
|
+
# Copyright (C) 2023, 2024 Juergen Adams
|
67
|
+
#
|
68
|
+
# J1 Template is licensed under the MIT License.
|
69
|
+
# For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
|
70
|
+
# -----------------------------------------------------------------------------
|
71
|
+
# Adapter generated: {{site.time}}
|
72
|
+
# -----------------------------------------------------------------------------
|
73
|
+
*/
|
74
|
+
|
75
|
+
// -----------------------------------------------------------------------------
|
76
|
+
// ESLint shimming
|
77
|
+
// -----------------------------------------------------------------------------
|
78
|
+
/* eslint indent: "off" */
|
79
|
+
// -----------------------------------------------------------------------------
|
80
|
+
"use strict";
|
81
|
+
j1.adapter.swiper = ((j1, window) => {
|
82
|
+
|
83
|
+
{% comment %} Set global variables
|
84
|
+
------------------------------------------------------------------------------ {% endcomment %}
|
85
|
+
var environment = '{{environment}}';
|
86
|
+
var cookie_names = j1.getCookieNames();
|
87
|
+
var user_state = j1.readCookie(cookie_names.user_state);
|
88
|
+
var viewport_width = $(window).width();
|
89
|
+
var state = 'not_started';
|
90
|
+
|
91
|
+
var swiperDefaults;
|
92
|
+
var swiperSettings;
|
93
|
+
var swiperOptions;
|
94
|
+
var frontmatterOptions;
|
95
|
+
var themes_allowed;
|
96
|
+
var theme_enabled;
|
97
|
+
var theme;
|
98
|
+
|
99
|
+
var _this;
|
100
|
+
var logger;
|
101
|
+
var logText;
|
102
|
+
|
103
|
+
// date|time
|
104
|
+
var startTime;
|
105
|
+
var endTime;
|
106
|
+
var startTimeModule;
|
107
|
+
var endTimeModule;
|
108
|
+
var timeSeconds;
|
109
|
+
|
110
|
+
// ---------------------------------------------------------------------------
|
111
|
+
// main
|
112
|
+
// ---------------------------------------------------------------------------
|
113
|
+
return {
|
114
|
+
|
115
|
+
// -------------------------------------------------------------------------
|
116
|
+
// adapter initializer
|
117
|
+
// -------------------------------------------------------------------------
|
118
|
+
init: (options) => {
|
119
|
+
|
120
|
+
// [INFO ] [j1.adapter.comments ] [ detected comments provider (j1_config): {{comments_provider}}} ]
|
121
|
+
// [INFO ] [j1.adapter.comments ] [ start processing load region head, layout: {{page.layout}} ]
|
122
|
+
|
123
|
+
// -----------------------------------------------------------------------
|
124
|
+
// default module settings
|
125
|
+
// -----------------------------------------------------------------------
|
126
|
+
var settings = $.extend({
|
127
|
+
module_name: 'j1.adapter.swiper',
|
128
|
+
generated: '{{site.time}}'
|
129
|
+
}, options);
|
130
|
+
|
131
|
+
// -----------------------------------------------------------------------
|
132
|
+
// global variable settings
|
133
|
+
// -----------------------------------------------------------------------
|
134
|
+
|
135
|
+
// create settings object from frontmatter
|
136
|
+
frontmatterOptions = options != null ? $.extend({}, options) : {};
|
137
|
+
|
138
|
+
// create settings object from module options
|
139
|
+
swiperDefaults = $.extend({}, {{swiper_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
|
140
|
+
swiperSettings = $.extend({}, {{swiper_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
|
141
|
+
swiperOptions = $.extend(true, {}, swiperDefaults, swiperSettings, frontmatterOptions);
|
142
|
+
|
143
|
+
_this = j1.adapter.swiper;
|
144
|
+
theme = user_state.theme_name;
|
145
|
+
logger = log4javascript.getLogger('j1.adapter.swiper');
|
146
|
+
|
147
|
+
// -----------------------------------------------------------------------
|
148
|
+
// module initializer
|
149
|
+
// -----------------------------------------------------------------------
|
150
|
+
var dependencies_met_page_ready = setInterval (() => {
|
151
|
+
var pageState = $('#content').css("display");
|
152
|
+
var pageVisible = (pageState === 'block') ? true : false;
|
153
|
+
var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
|
154
|
+
// var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true : false;
|
155
|
+
|
156
|
+
if (j1CoreFinished && pageVisible) {
|
157
|
+
startTimeModule = Date.now();
|
158
|
+
|
159
|
+
_this.setState('started');
|
160
|
+
logger.debug('\n' + 'state: ' + _this.getState());
|
161
|
+
logger.info('\n' + 'module is being initialized');
|
162
|
+
|
163
|
+
_this.setState('finished');
|
164
|
+
logger.debug('\n' + 'state: ' + _this.getState());
|
165
|
+
logger.info('\n' + 'initializing module finished');
|
166
|
+
|
167
|
+
endTimeModule = Date.now();
|
168
|
+
logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
|
169
|
+
|
170
|
+
clearInterval(dependencies_met_page_ready);
|
171
|
+
} // END pageVisible
|
172
|
+
}, 10); // END dependencies_met_page_ready
|
173
|
+
}, // END init
|
174
|
+
|
175
|
+
// -------------------------------------------------------------------------
|
176
|
+
// messageHandler()
|
177
|
+
// manage messages send from other J1 modules
|
178
|
+
// -------------------------------------------------------------------------
|
179
|
+
messageHandler: (sender, message) => {
|
180
|
+
var json_message = JSON.stringify(message, undefined, 2);
|
181
|
+
|
182
|
+
logText = '\n' + 'received message from ' + sender + ': ' + json_message;
|
183
|
+
logger.debug(logText);
|
184
|
+
|
185
|
+
// -----------------------------------------------------------------------
|
186
|
+
// process commands|actions
|
187
|
+
// -----------------------------------------------------------------------
|
188
|
+
if (message.type === 'command' && message.action === 'module_initialized') {
|
189
|
+
|
190
|
+
//
|
191
|
+
// place handling of command|action here
|
192
|
+
//
|
193
|
+
|
194
|
+
logger.info('\n' + message.text);
|
195
|
+
}
|
196
|
+
|
197
|
+
//
|
198
|
+
// place handling of other command|action here
|
199
|
+
//
|
200
|
+
|
201
|
+
return true;
|
202
|
+
}, // END messageHandler
|
203
|
+
|
204
|
+
// -------------------------------------------------------------------------
|
205
|
+
// setState()
|
206
|
+
// sets the current (processing) state of the module
|
207
|
+
// -------------------------------------------------------------------------
|
208
|
+
setState: (stat) => {
|
209
|
+
_this.state = stat;
|
210
|
+
}, // END setState
|
211
|
+
|
212
|
+
// -------------------------------------------------------------------------
|
213
|
+
// getState()
|
214
|
+
// Returns the current (processing) state of the module
|
215
|
+
// -------------------------------------------------------------------------
|
216
|
+
getState: () => {
|
217
|
+
return _this.state;
|
218
|
+
} // END getState
|
219
|
+
|
220
|
+
}; // END main (return)
|
221
|
+
})(j1, window);
|
222
|
+
|
223
|
+
{%- endcapture -%}
|
224
|
+
|
225
|
+
{%- if production -%}
|
226
|
+
{{ cache|minifyJS }}
|
227
|
+
{%- else -%}
|
228
|
+
{{ cache|strip_empty_lines }}
|
229
|
+
{%- endif -%}
|
230
|
+
|
231
|
+
{%- assign cache = false -%}
|
@@ -98,8 +98,8 @@
|
|
98
98
|
--ajs-theme-uno--darken: rgba(0, 0, 0, 0.5);
|
99
99
|
}
|
100
100
|
|
101
|
-
/*
|
102
|
-
#
|
101
|
+
/* General styles
|
102
|
+
# ------------------------------------------------------------------------------ */
|
103
103
|
|
104
104
|
a {
|
105
105
|
border-bottom: unset;
|
@@ -133,7 +133,7 @@ a {
|
|
133
133
|
|
134
134
|
|
135
135
|
/* 2. Components
|
136
|
-
#
|
136
|
+
# ------------------------------------------------------------------------------ */
|
137
137
|
|
138
138
|
/* Scroller styles
|
139
139
|
------------------------------------------------------------ */
|
@@ -204,6 +204,16 @@ a {
|
|
204
204
|
/* control container
|
205
205
|
# --------------------------------------------------------- */
|
206
206
|
|
207
|
+
/* jadams, 2024-12-05: add play_pause button as a class */
|
208
|
+
/* .amplitude-play-pause:hover {
|
209
|
+
opacity: .5;
|
210
|
+
} */
|
211
|
+
|
212
|
+
/* jadams, 2024-12-05: add play_pause button as a class */
|
213
|
+
/* .amplitude-play-pause {
|
214
|
+
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
|
215
|
+
} */
|
216
|
+
|
207
217
|
.playlist-screen-controls {
|
208
218
|
cursor: default;
|
209
219
|
top: 0;
|
@@ -13,4 +13,4 @@
|
|
13
13
|
# -----------------------------------------------------------------------------
|
14
14
|
*/
|
15
15
|
|
16
|
-
|
16
|
+
:root{--ajs-theme-uno--blue:#2196f3;--ajs-theme-uno--blue-50:#e3f2fd;--ajs-theme-uno--blue-100:#bbdefb;--ajs-theme-uno--blue-200:#90caf9;--ajs-theme-uno--blue-300:#64b5f6;--ajs-theme-uno--blue-400:#42a5f5;--ajs-theme-uno--blue-500:#2196f3;--ajs-theme-uno--blue-600:#1e88e5;--ajs-theme-uno--blue-700:#1976d2;--ajs-theme-uno--blue-800:#1565c0;--ajs-theme-uno--blue-900:#0d47a1;--ajs-theme-uno--gray:#9e9e9e;--ajs-theme-uno--gray-50:#fafafa;--ajs-theme-uno--gray-100:#f5f5f5;--ajs-theme-uno--gray-200:#eee;--ajs-theme-uno--gray-300:#e0e0e0;--ajs-theme-uno--gray-400:#bdbdbd;--ajs-theme-uno--gray-500:#9e9e9e;--ajs-theme-uno--gray-600:#757575;--ajs-theme-uno--gray-700:#616161;--ajs-theme-uno--gray-800:#424242;--ajs-theme-uno--gray-900:#212121;--ajs-theme-uno--blue-gray:#607d8b;--ajs-theme-uno--blue-gray-50:#eceff1;--ajs-theme-uno--blue-gray-100:#cfd8dc;--ajs-theme-uno--blue-gray-200:#b0bec5;--ajs-theme-uno--blue-gray-300:#90a4ae;--ajs-theme-uno--blue-gray-400:#78909c;--ajs-theme-uno--blue-gray-500:#607d8b;--ajs-theme-uno--blue-gray-600:#546e7a;--ajs-theme-uno--blue-gray-700:#455a64;--ajs-theme-uno--blue-gray-800:#37474f;--ajs-theme-uno--blue-gray-900:#263238;--ajs-theme-uno--silver-200:#748295;--ajs-theme-uno--silver-500:#586372;--ajs-theme-uno--silver-700:#141920;--ajs-theme-uno--silver-800:#242b33;--ajs-theme-uno--light-silver:#748295;--ajs-theme-uno--medium-silver:#586372;--ajs-theme-uno--dark-silver:#141920;--ajs-theme-uno--darker-silver:#242b33;--ajs-theme-uno--white:#fff;--ajs-theme-uno--black:#000;--ajs-theme-uno--lighten-50:rgba(255,255,255,0.05);--ajs-theme-uno--lighten-100:rgba(255,255,255,0.1);--ajs-theme-uno--lighten-200:rgba(255,255,255,0.2);--ajs-theme-uno--lighten-300:rgba(255,255,255,0.3);--ajs-theme-uno--lighten-400:rgba(255,255,255,0.4);--ajs-theme-uno--lighten-500:rgba(255,255,255,0.5);--ajs-theme-uno--lighten-600:rgba(255,255,255,0.6);--ajs-theme-uno--lighten-700:rgba(255,255,255,0.7);--ajs-theme-uno--lighten-800:rgba(255,255,255,0.8);--ajs-theme-uno--lighten-900:rgba(255,255,255,0.9);--ajs-theme-uno--lighten:rgba(255,255,255,0.5);--ajs-theme-uno--darken-50:rgba(0,0,0,0.05);--ajs-theme-uno--darken-100:rgba(0,0,0,0.1);--ajs-theme-uno--darken-200:rgba(0,0,0,0.2);--ajs-theme-uno--darken-300:rgba(0,0,0,0.3);--ajs-theme-uno--darken-400:rgba(0,0,0,0.4);--ajs-theme-uno--darken-500:rgba(0,0,0,0.5);--ajs-theme-uno--darken-600:rgba(0,0,0,0.6);--ajs-theme-uno--darken-700:rgba(0,0,0,0.7);--ajs-theme-uno--darken-800:rgba(0,0,0,0.8);--ajs-theme-uno--darken-900:rgba(0,0,0,0.9);--ajs-theme-uno--darken:rgba(0,0,0,0.5)}a{border-bottom:unset}.album-cover-image{display:block}.amplitude-player{max-width:max-content}.audio-player-theme-uno{max-width:max-content}.player-title{display:flex;align-items:center;text-rendering:optimizeLegibility;text-align:left;line-height:1.25;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.amplitude-scroller::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller::-webkit-scrollbar-thumb{border-radius:0;background-color:var(--ajs-theme-uno--blue-gray-500);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,var(--ajs-theme-uno--lighten-200)),color-stop(.5,transparent),to(transparent))}.amplitude-scroller-gradient::-webkit-scrollbar{width:10px;background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-track{border-radius:0;-webkit-box-shadow:inset 0 0 6px var(--ajs-theme-uno--darken-300);background-color:var(--ajs-theme-uno--gray-100)}.amplitude-scroller-gradient::-webkit-scrollbar-thumb{border-radius:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--ajs-theme-uno--blue-300)),color-stop(0.72,var(--ajs-theme-uno--blue)),color-stop(0.86,var(--ajs-theme-uno--blue-900)))}.time-container{height:40px;padding:10px 20px 10px 20px;font-family:"Lato",sans-serif;font-weight:bold;font-size:14px;color:var(--ajs-theme-uno--white)}.time-container span.current-time{float:left}.time-container span.duration{float:right}.playlist-screen-controls{cursor:default;top:0;position:sticky;height:80px;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)}.meta-container{text-align:center;border-top:0 !important}.meta-container .song-name{display:block;margin:0 15px 8px 15px;font-size:18px;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--gray-100)}.meta-container .audio-artist-album{font-size:18px;font-weight:bold;font-family:"Lato",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ajs-theme-uno--blue-gray-300)}.meta-container .audio-artist-album span{display:block}input[type=range].amplitude-volume-slider{-webkit-appearance:none;-moz-appearance:none;float:left;height:1px;margin-top:10px;margin-left:5px;width:calc(100% - 140px);background:transparent}input[type=range].amplitude-volume-slider.compact-player-volume-slider{width:calc(100% - 53px);margin-top:-12px;margin-left:29px}input[type=range].amplitude-volume-slider::-webkit-slider-runnable-track{width:100%;height:1px;background:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;width:16px;height:16px;border-radius:16px;margin-top:-8px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-webkit-slider-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}input[type=range].amplitude-volume-slider::-moz-range-track{width:100%;height:1px;background-color:var(--ajs-theme-uno--blue-gray-100)}input[type=range].amplitude-volume-slider::-moz-range-thumb{cursor:pointer;width:16px;height:16px;margin-top:-8px;border-radius:16px;border:0;background-color:var(--ajs-theme-uno--blue)}input[type=range].amplitude-volume-slider::-moz-range-thumb:focus{outline:0}input[type=range].amplitude-volume-slider::-moz-range-thumb:hover{background-color:var(--ajs-theme-uno--blue-700)}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{display:block;cursor:pointer;width:100%;height:8px;border:0;background-color:var(--ajs-theme-uno--silver-500);-webkit-appearance:none;-moz-appearance:none}progress::-webkit-progress-value{background-color:var(--ajs-theme-uno--blue)}progress::-moz-progress-bar{background-color:var(--ajs-theme-uno--blue)}progress::-ms-fill{background-color:var(--ajs-theme-uno--blue)}@media screen and (max-width:576px){input[type=range].amplitude-volume-slider::-webkit-slider-thumb{width:30px;height:30px;border-radius:30px;margin-top:-15px}input[type=range].amplitude-volume-slider::-moz-range-thumb{width:30px;height:30px;margin-top:-15px;border-radius:30px}progress.mini-player-progress,progress.compact-player-progress,progress.large-player-progress{height:16px}.meta-container .song-name,.meta-container .audio-artist-album{font-size:16px}}
|
@@ -56,7 +56,7 @@
|
|
56
56
|
}
|
57
57
|
|
58
58
|
.playlist-screen-meta-container {
|
59
|
-
width: calc(100% -
|
59
|
+
width: calc(100% - 80px);
|
60
60
|
float: left;
|
61
61
|
}
|
62
62
|
|
@@ -180,6 +180,7 @@ span.audio-title {
|
|
180
180
|
color: var(--ajs-theme-uno--blue);
|
181
181
|
}
|
182
182
|
|
183
|
+
/*
|
183
184
|
div#large_player_right
|
184
185
|
div.song
|
185
186
|
div.audio-meta-data
|
@@ -192,14 +193,15 @@ span.audio-rating {
|
|
192
193
|
margin-right: -20px;
|
193
194
|
color: var(--ajs-theme-uno--gray-400);
|
194
195
|
}
|
196
|
+
*/
|
195
197
|
|
196
|
-
div#large_player_right
|
198
|
+
/* div#large_player_right
|
197
199
|
div.song
|
198
200
|
div.audio-meta-data
|
199
201
|
span.audio-info {
|
200
202
|
float: right;
|
201
|
-
margin-right: -
|
202
|
-
}
|
203
|
+
margin-right: -80px;
|
204
|
+
} */
|
203
205
|
|
204
206
|
/* clearfix */
|
205
207
|
div#large_player_right
|
@@ -239,15 +241,37 @@ div#large_player_right
|
|
239
241
|
div.playlist-screen-controls
|
240
242
|
div.playlist-screen-meta-container
|
241
243
|
span.song-name {
|
242
|
-
font-family: "Lato", sans-serif;
|
243
|
-
font-size: 18px;
|
244
244
|
line-height: 24px;
|
245
245
|
white-space: nowrap;
|
246
246
|
overflow: hidden;
|
247
247
|
text-overflow: ellipsis;
|
248
|
+
font-family: "Lato", sans-serif;
|
249
|
+
font-size: 18px;
|
248
250
|
color: var(--ajs-theme-uno--white);
|
249
251
|
}
|
250
252
|
|
253
|
+
div#large_player_right
|
254
|
+
div.playlist-screen-controls
|
255
|
+
div.playlist-screen-meta-container
|
256
|
+
span.audio-rating {
|
257
|
+
display: flex;
|
258
|
+
align-items: center;
|
259
|
+
float: right;
|
260
|
+
margin-top: 4px;
|
261
|
+
margin-right: -48px;
|
262
|
+
font-family: "Lato", sans-serif;
|
263
|
+
font-size: 18px;
|
264
|
+
color: var(--ajs-theme-uno--gray-400);
|
265
|
+
}
|
266
|
+
|
267
|
+
div#large_player_right
|
268
|
+
div.playlist-screen-controls
|
269
|
+
div.playlist-screen-meta-container
|
270
|
+
span.audio-info {
|
271
|
+
float: right;
|
272
|
+
margin-right: -80px;
|
273
|
+
}
|
274
|
+
|
251
275
|
div#large_player_right
|
252
276
|
div.playlist-screen-controls
|
253
277
|
div.playlist-screen-meta-container
|
@@ -490,18 +514,40 @@ div#large_player_play_pause {
|
|
490
514
|
vertical-align: middle;
|
491
515
|
}
|
492
516
|
|
517
|
+
/* jadams, 2024-12-05: add play_pause button as a class */
|
518
|
+
/*
|
519
|
+
.amplitude-play-pause {
|
520
|
+
display: inline-block;
|
521
|
+
width: 60px;
|
522
|
+
height: 60px;
|
523
|
+
cursor: pointer;
|
524
|
+
vertical-align: middle;
|
525
|
+
}
|
526
|
+
*/
|
527
|
+
|
493
528
|
div#large_player_controls
|
494
529
|
div.large-player-controls-container
|
495
530
|
div#large_player_play_pause:hover {
|
496
531
|
opacity: .5;
|
497
532
|
}
|
498
533
|
|
534
|
+
/* jadams, 2024-12-05: add play_pause button as a class */
|
535
|
+
/* .amplitude-play-pause:hover {
|
536
|
+
opacity: .5;
|
537
|
+
} */
|
538
|
+
|
499
539
|
div#large_player_controls
|
500
540
|
div.large-player-controls-container
|
501
541
|
div#large_player_play_pause.amplitude-paused {
|
502
542
|
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
|
503
543
|
}
|
504
544
|
|
545
|
+
/* jadams, 2024-12-05: add play_pause button as a class */
|
546
|
+
/* .amplitude-play-pause {
|
547
|
+
background: url("/assets/theme/j1/modules/amplitudejs/icons/player/dark/play.svg") no-repeat;
|
548
|
+
} */
|
549
|
+
/* /assets/theme/j1/modules/amplitudejs/icons/player/dark/now-playing.svg*/
|
550
|
+
|
505
551
|
div#large_player_controls
|
506
552
|
div.large-player-controls-container
|
507
553
|
div.large-player-skip-forward {
|
@@ -625,6 +671,7 @@ screen and (max-width: 576px) {
|
|
625
671
|
}
|
626
672
|
|
627
673
|
.player-left-top img {
|
674
|
+
height: 700px;
|
628
675
|
width: -webkit-fill-available; /* Chrome, Safari, Edge */
|
629
676
|
width: -moz-available; /* Firefox */
|
630
677
|
}
|
@@ -13,4 +13,5 @@
|
|
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% - 123px);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 div.audio-meta-data span.audio-rating{display:flex;align-items:center;float:right;font-size:16px;margin-top:-24px;margin-right:-20px;color:var(--ajs-theme-uno--gray-400)}div#large_player_right div.song div.audio-meta-data span.audio-info{float:right;margin-right:-102px}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{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#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{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)}}
|
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
|
+
|