← All changes | public/css/styles.css +48 -48 2.3.2 → 2.4.0 View file →

		@@ -29,9 +29,9 @@
29	29	font-size: 12px;
30	30	top: 40px;
31	31	}
32	32
33		-.pl {
	33	+.sc_radio .pl {
34	34	background: url(../images/playlist.png) no-repeat;
35	35	cursor: pointer;
36	36	height: 40px;
37	37	left: 330px;
		@@ -39,13 +39,13 @@
39	39	top: 20px;
40	40	width: 39px;
41	41	}
42	42
43		-.pl:hover {
	43	+.sc_radio .pl:hover {
44	44	top: 21px;
45	45	}
46	46
47		-.cover {
	47	+.sc_radio .cover {
48	48	border-radius: 5px 5px 5px 5px;
49	49	height: 94px;
50	50	left: 20px;
51	51	position: absolute;
		@@ -52,9 +52,9 @@
52	52	top: 30px;
53	53	width: 94px;
54	54	}
55	55
56		-.controls {
	56	+.sc_radio .controls {
57	57	cursor: pointer;
58	58	left: 0px;
59	59	position: absolute;
60	60	top: 65px;
		@@ -60,63 +60,63 @@
60	60	top: 65px;
61	61	left: 122px;
62	62	}
63	63
64		-.controls .play,
65		-.controls .pause {
	64	+.sc_radio .controls .play,
	65	+.sc_radio .controls .pause {
66	66	width: 60px;
67	67	height: 60px;
68	68	margin: 0 5px 0px 5px;
69	69	}
70	70
71		-.controls .play,
72		-.controls .pause,
73		-.controls .rew,
74		-.controls .fwd,
75		-.controls .stop {
	71	+.sc_radio .controls .play,
	72	+.sc_radio .controls .pause,
	73	+.sc_radio .controls .rew,
	74	+.sc_radio .controls .fwd,
	75	+.sc_radio .controls .stop {
76	76	text-indent: -10000px;
77	77	border: none;
78	78	float: left;
79	79	}
80	80
81		-.controls .rew,
82		-.controls .fwd,
83		-.controls .stop {
	81	+.sc_radio .controls .rew,
	82	+.sc_radio .controls .fwd,
	83	+.sc_radio .controls .stop {
84	84	width: 50px;
85	85	height: 50px;
86	86	margin: 5px 5px 5px 5px;
87	87	}
88	88
89		-.controls .play {
	89	+.sc_radio .controls .play {
90	90	background: url(../images/play.png) no-repeat;
91	91	}
92	92
93		-.controls .pause {
	93	+.sc_radio .controls .pause {
94	94	background: url(../images/pause.png) no-repeat;
95	95	display: none;
96	96	}
97	97
98		-.controls .rew {
	98	+.sc_radio .controls .rew {
99	99	background: url(../images/rewind.png) no-repeat;
100	100	}
101	101
102		-.controls .fwd {
	102	+.sc_radio .controls .fwd {
103	103	background: url(../images/next.png) no-repeat;
104	104	}
105	105
106		-.controls .stop {
	106	+.sc_radio .controls .stop {
107	107	background: url(../images/stop.png) no-repeat;
108	108	}
109	109
110		-.hidden {
	110	+.sc_radio .hidden {
111	111	display: none;
112	112	}
113	113
114		-.controls .visible {
	114	+.sc_radio .controls .visible {
115	115	display: block;
116	116	}
117	117
118		-.volume {
	118	+.sc_radio .volume {
119	119	height: 11px;
120	120	left: 10px;
121	121	position: absolute;
122	122	top: 142px;
		@@ -126,9 +126,9 @@
126	126	.mute .volume-btn {
127	127	background: url(../images/volume-off.png) no-repeat;
128	128	}
129	129
130		-.volume-btn {
	130	+.sc_radio .volume-btn {
131	131	background: url(../images/volume-up.png) no-repeat;
132	132	height: 20px;
133	133	width: 20px;
134	134	float: left;
		@@ -135,9 +135,9 @@
135	135	position: relative;
136	136	top: -4px;
137	137	}
138	138
139		-.volume-adjust {
	139	+.sc_radio .volume-adjust {
140	140	height: 11px;
141	141	position: relative;
142	142	width: 90%;
143	143	background: #fff;
		@@ -148,9 +148,9 @@
148	148	height: 11px;
149	149	background: #151b48;
150	150	}
151	151
152		-.progressbar {
	152	+.sc_radio .progressbar {
153	153	background-color: #fff;
154	154	cursor: pointer;
155	155	z-index: 1;
156	156	right: 6.875em;
		@@ -162,14 +162,14 @@
162	162	top: 170px;
163	163	margin: 0px 5%;
164	164	}
165	165
166		-.novolume .progressbar {
	166	+.sc_radio .novolume .progressbar {
167	167	right: 4.375em;
168	168	/* 70 */
169	169	}
170	170
171		-.progressbar div {
	171	+.sc_radio .progressbar div {
172	172	width: 0%;
173	173	height: 15px;
174	174	position: absolute;
175	175	left: 0;
		@@ -175,19 +175,19 @@
175	175	left: 0;
176	176	top: 0;
177	177	}
178	178
179		-.bar-loaded {
	179	+.sc_radio .bar-loaded {
180	180	background-color: #f1f1f1;
181	181	z-index: 1;
182	182	}
183	183
184		-.bar-played {
	184	+.sc_radio .bar-played {
185	185	background: #151b48;
186	186	z-index: 2;
187	187	}
188	188
189		-.timeHolder {
	189	+.sc_radio .timeHolder {
190	190	color: #ffffff;
191	191	font-size: 14px;
192	192	font-weight: bold;
193	193	bottom: 10px;
		@@ -195,11 +195,11 @@
195	195	margin: 0px 5%;
196	196	width: 90%;
197	197	}
198	198
199		-.time-current,
200		-.time-duration,
201		-.time-separator {
	199	+.sc_radio .time-current,
	200	+.sc_radio .time-duration,
	201	+.sc_radio .time-separator {
202	202	color: #ffffff;
203	203	font-size: 14px;
204	204	font-weight: bold;
205	205	text-align: center;
		@@ -204,53 +204,53 @@
204	204	font-weight: bold;
205	205	text-align: center;
206	206	}
207	207
208		-.volume .ui-slider-handle {
	208	+.sc_radio .volume .ui-slider-handle {
209	209	background: url("../images/spr.png") no-repeat scroll -201px -188px rgba(0, 0, 0, 0);
210	210	height: 13px;
211	211	width: 13px;
212	212	}
213	213
214		-.playlist {
	214	+.sc_radio .playlist {
215	215	display: none;
216	216	}
217	217
218		-.playlist li,
219		-.playlist div {
	218	+.sc_radio .playlist li,
	219	+.sc_radio .playlist div {
220	220	color: #151b48;
221	221	cursor: pointer;
222	222	margin: 0 0 5px 15px;
223	223	}
224	224
225		-.playlist li>a,
226		-.playlist div>a {
	225	+.sc_radio .playlist li>a,
	226	+.sc_radio .playlist div>a {
227	227	color: #151b48;
228	228	text-decoration: none;
229	229	}
230	230
231		-.playlist li.active,
232		-.playlist div.active {
	231	+.sc_radio .playlist li.active,
	232	+.sc_radio .playlist div.active {
233	233	font-weight: bold;
234	234	}
235	235
236		-.slick-dots {
	236	+.sc_radio .slick-dots {
237	237	bottom: 5px !important;
238	238	}
239	239
240		-.slick-dots li button:before {
	240	+.sc_radio .slick-dots li button:before {
241	241	font-size: 8px !important;
242	242	}
243	243
244		-.stp_custom_circle .plyr .plyr__control:hover,
245		-.stp_custom_circle .plyr .plyr__control:focus,
246		-.stp_custom_circle .plyr .plyr__control:focus-visible {
	244	+.sc_radio .stp_custom_circle .plyr .plyr__control:hover,
	245	+.sc_radio .stp_custom_circle .plyr .plyr__control:focus,
	246	+.sc_radio .stp_custom_circle .plyr .plyr__control:focus-visible {
247	247	background: transparent;
248	248	}
249	249
250		-.stp_custom_circle .plyr {
	250	+.sc_radio .stp_custom_circle .plyr {
251	251	width: fit-content;
252	252	}
253	253
254		-.stp_custom_circle .plyr .plyr__controls {
	254	+.sc_radio .stp_custom_circle .plyr .plyr__controls {
255	255	background: transparent;
256	256	}