PluginProbe
GSpeech TTS – WordPress Text To Speech Plugin / 3.21.0
GSpeech TTS – WordPress Text To Speech Plugin v3.21.0
3.21.5 3.21.4 3.21.3 3.21.1 3.21.2 3.20.8 3.21.0 3.20.7 3.20.6 3.20.4 3.20.5 3.20.3 3.1.5 3.1.6 3.1.7 3.1.8 3.1.9 3.10.0 3.10.1 3.10.2 3.10.3 3.11.0 3.11.1 3.11.2 3.12.0 All 161 releases
gspeech / includes / css / gspeech.css

gspeech.css in GSpeech TTS – WordPress Text To Speech Plugin 3.21.0, at includes/css/gspeech.css

485 lines 17.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 #gspeech_wrapper {
2 white-space: nowrap;
3 box-shadow:2px 2px 5px #000, 0 0 4px 1px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
4 border-radius: 11px;
5 padding: 4px 30px 8px 10px;
6 top: 44px;
7 background-color: rgba(242, 244, 245, 0.85);
8 position: absolute;
9 display: none;
10 z-index: 9999;
11 }
12 #gspeech_wrapper:hover {
13 box-shadow: 2px 2px 6px #000, 0 0 6px 2px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
14 }
15 .gspeech_title {
16 color: rgb(90, 90, 90);
17 font-size: 13px
18 }
19 .gspeech_powered {
20 margin-top: 6px;
21 font-weight: bold;
22 font-size: 16px;
23 display: block;
24 color:#666;
25 }
26 .gspeech_powered a {
27 color: #08C;
28 text-decoration: underline;
29 }
30 .gspeech_powered a:hover {
31 color: #08C;
32 text-decoration: none;
33 }
34 .gspeech_wrapper {
35 white-space: nowrap;
36 box-shadow: 2px 2px 5px #000, 0 0 4px 1px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
37 border-radius: 11px;
38 padding: 4px 30px 8px 10px;
39 background-color: rgba(242, 244, 245, 0.85);
40 position: absolute;
41 display: block;
42 z-index: 9999;
43 top: 45px;
44 left: 20px;
45 }
46 .gspeech_wrapper_inactive {
47 white-space: nowrap;
48 box-shadow: 2px 2px 5px #000, 0 0 4px 1px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
49 border-radius: 11px;
50 padding: 4px 30px 8px 10px;
51 background-color: rgba(242, 244, 245, 0.85);
52 position: absolute;
53 display: block;
54 z-index: 9999;
55 top: 45px;
56 left: 20px;
57 }
58 .gspeech_wrapper:hover {
59 box-shadow: 2px 2px 6px #000, 0 0 6px 2px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
60 }
61 .gspeech_pro_main_wrapper {
62 position: relative;
63 }
64
65 #sound_container {
66 position: absolute;
67 cursor: pointer;
68 z-index: 999999;
69 display: none;
70 }
71 #sound_container.size_1 {
72 width: 33px;
73 height: 32px;
74 }
75 #sound_container.size_0 {
76 width: 17px;
77 height: 16px;
78 }
79 #sound_container:hover {
80 filter: alpha(opacity = 100);
81 opacity:1;
82 }
83 #sound_audio {
84 width: 0;
85 height: 0;
86 display: block;
87 overflow: hidden;
88 }
89 #sound_audio_tt32 {
90 width: 0;
91 height: 0;
92 display: block;
93 overflow: hidden;
94 }
95 #sound_text {
96 display: none;
97 }
98
99 .gspeech_selection {
100 display: inline;
101 background-color:white;
102 }
103
104 .sound_container_pro {
105 display: inline-block;
106 position: absolute;
107 z-index: 9999;
108 cursor: pointer;
109 margin: 0;
110 padding: 0;
111 }
112 .sound_container_pro.size_1 {
113 width: 33px;
114 height: 32px;
115 left: 0px;
116 top: 2px;
117 }
118 .sound_container_pro.size_1__pp {
119 width: 33px;
120 height: 32px;
121 left: 0px;
122 top: 2px;
123 }
124 .gspeech_selection {
125 }
126 .sound_container_pro.size_0 {
127 width: 17px;
128 height: 16px;
129 left: 0px;
130 top: 2px;
131 }
132 .sound_audio_pro {
133 width: 0;
134 height: 0;
135 display: inline;
136 overflow: hidden;
137 }
138 .sound_audio_pro_inline2 {
139 width: 0;
140 height: 0;
141 display: inline;
142 overflow: hidden;
143 }
144 .sound_text_pro {
145 display: none;
146 }
147 /***********************************************SPEAKERS***********************************************************************************/
148 .sound_container_pro.speaker_1.size_0, #sound_container.speaker_1.size_0 {
149 background: transparent url("../images/16/speaker1.png") 1px top no-repeat;
150 }
151 .sound_container_pro.speaker_1.size_1, #sound_container.speaker_1.size_1 {
152 background: transparent url("../images/32/speaker1.png") 1px top no-repeat;
153 }
154
155 .sound_container_pro.speaker_2.size_0, #sound_container.speaker_2.size_0 {
156 background: transparent url("../images/16/speaker2.png") 1px top no-repeat;
157 }
158 .sound_container_pro.speaker_2.size_1, #sound_container.speaker_2.size_1 {
159 background: transparent url("../images/32/speaker2.png") 1px top no-repeat;
160 }
161
162 .sound_container_pro.speaker_3.size_0, #sound_container.speaker_3.size_0 {
163 background: transparent url("../images/16/speaker3.png") 1px top no-repeat;
164 }
165 .sound_container_pro.speaker_3.size_1, #sound_container.speaker_3.size_1 {
166 background: transparent url("../images/32/speaker3.png") 1px top no-repeat;
167 }
168
169 .sound_container_pro.speaker_4.size_0, #sound_container.speaker_4.size_0 {
170 background: transparent url("../images/16/speaker4.png") 1px top no-repeat;
171 }
172 .sound_container_pro.speaker_4.size_1, #sound_container.speaker_4.size_1 {
173 background: transparent url("../images/32/speaker4.png") 1px top no-repeat;
174 }
175
176 .sound_container_pro.speaker_5.size_0, #sound_container.speaker_5.size_0 {
177 background: transparent url("../images/16/speaker5.png") 1px top no-repeat;
178 }
179 .sound_container_pro.speaker_5.size_1, #sound_container.speaker_5.size_1 {
180 background: transparent url("../images/32/speaker5.png") 1px top no-repeat;
181 }
182
183 .sound_container_pro.speaker_6.size_0, #sound_container.speaker_6.size_0 {
184 background: transparent url("../images/16/speaker6.png") 1px top no-repeat;
185 }
186 .sound_container_pro.speaker_6.size_1, #sound_container.speaker_6.size_1 {
187 background: transparent url("../images/32/speaker6.png") 1px top no-repeat;
188 }
189
190 .sound_container_pro.speaker_7.size_0, #sound_container.speaker_7.size_0 {
191 background: transparent url("../images/16/speaker7.png") 1px top no-repeat;
192 }
193 .sound_container_pro.speaker_7.size_1, #sound_container.speaker_7.size_1 {
194 background: transparent url("../images/32/speaker7.png") 1px top no-repeat;
195 }
196
197 .sound_container_pro.speaker_8.size_0, #sound_container.speaker_8.size_0 {
198 background: transparent url("../images/16/speaker8.png") 1px top no-repeat;
199 }
200 .sound_container_pro.speaker_8.size_1, #sound_container.speaker_8.size_1 {
201 background: transparent url("../images/32/speaker8.png") 1px top no-repeat;
202 }
203
204 .sound_container_pro.speaker_9.size_0, #sound_container.speaker_9.size_0 {
205 background: transparent url("../images/16/speaker9.png") 1px top no-repeat;
206 }
207 .sound_container_pro.speaker_9.size_1, #sound_container.speaker_9.size_1 {
208 background: transparent url("../images/32/speaker9.png") 1px top no-repeat;
209 }
210
211 .sound_container_pro.speaker_10.size_0, #sound_container.speaker_10.size_0 {
212 background: transparent url("../images/16/speaker10.png") 1px top no-repeat;
213 }
214 .sound_container_pro.speaker_10.size_1, #sound_container.speaker_10.size_1 {
215 background: transparent url("../images/32/speaker10.png") 1px top no-repeat;
216 }
217
218 .sound_container_pro.speaker_11.size_0, #sound_container.speaker_11.size_0 {
219 background: transparent url("../images/16/speaker11.png") 1px top no-repeat;
220 }
221 .sound_container_pro.speaker_11.size_1, #sound_container.speaker_11.size_1 {
222 background: transparent url("../images/32/speaker11.png") 1px top no-repeat;
223 }
224
225 .sound_container_pro.speaker_12.size_0, #sound_container.speaker_12.size_0 {
226 background: transparent url("../images/16/speaker12.png") 1px top no-repeat;
227 }
228 .sound_container_pro.speaker_12.size_1, #sound_container.speaker_12.size_1 {
229 background: transparent url("../images/32/speaker12.png") 1px top no-repeat;
230 }
231
232 .sound_container_pro.speaker_13.size_0, #sound_container.speaker_13.size_0 {
233 background: transparent url("../images/16/speaker13.png") 1px top no-repeat;
234 }
235 .sound_container_pro.speaker_13.size_1, #sound_container.speaker_13.size_1 {
236 background: transparent url("../images/32/speaker13.png") 1px top no-repeat;
237 }
238
239 .sound_container_pro.speaker_14.size_0, #sound_container.speaker_14.size_0 {
240 background: transparent url("../images/16/speaker14.png") 1px top no-repeat;
241 }
242 .sound_container_pro.speaker_14.size_1, #sound_container.speaker_14.size_1 {
243 background: transparent url("../images/32/speaker14.png") 1px top no-repeat;
244 }
245
246 .sound_container_pro.speaker_15.size_0, #sound_container.speaker_14.size_0 {
247 background: transparent url("../images/16/speaker15.png") 1px top no-repeat;
248 }
249 .sound_container_pro.speaker_15.size_1, #sound_container.speaker_14.size_1 {
250 background: transparent url("../images/32/speaker15.png") 1px top no-repeat;
251 }
252
253 .sound_container_pro.speaker_16.size_0, #sound_container.speaker_16.size_0 {
254 background: transparent url("../images/16/speaker16.png") 1px top no-repeat;
255 }
256 .sound_container_pro.speaker_16.size_1, #sound_container.speaker_16.size_1 {
257 background: transparent url("../images/32/speaker16.png") 1px top no-repeat;
258 }
259
260 .sound_container_pro.speaker_17.size_0, #sound_container.speaker_17.size_0 {
261 background: transparent url("../images/16/speaker17.png") 1px top no-repeat;
262 }
263 .sound_container_pro.speaker_17.size_1, #sound_container.speaker_17.size_1 {
264 background: transparent url("../images/32/speaker17.png") 1px top no-repeat;
265 }
266
267 .sound_container_pro.speaker_18.size_0, #sound_container.speaker_18.size_0 {
268 background: transparent url("../images/16/speaker18.png") 1px top no-repeat;
269 }
270 .sound_container_pro.speaker_18.size_1, #sound_container.speaker_18.size_1 {
271 background: transparent url("../images/32/speaker18.png") 1px top no-repeat;
272 }
273
274 .sound_container_pro.speaker_19.size_0, #sound_container.speaker_19.size_0 {
275 background: transparent url("../images/16/speaker19.png") 1px top no-repeat;
276 }
277 .sound_container_pro.speaker_19.size_1, #sound_container.speaker_19.size_1 {
278 background: transparent url("../images/32/speaker19.png") 1px top no-repeat;
279 }
280
281 .sound_container_pro.speaker_20.size_0, #sound_container.speaker_20.size_0 {
282 background: transparent url("../images/16/speaker20.png") 1px top no-repeat;
283 }
284 .sound_container_pro.speaker_20.size_1, #sound_container.speaker_20.size_1 {
285 background: transparent url("../images/32/speaker20.png") 1px top no-repeat;
286 }
287
288 .sound_container_pro.speaker_21.size_0, #sound_container.speaker_21.size_0 {
289 background: transparent url("../images/16/speaker21.png") 1px top no-repeat;
290 }
291 .sound_container_pro.speaker_21.size_1, #sound_container.speaker_21.size_1 {
292 background: transparent url("../images/32/speaker21.png") 1px top no-repeat;
293 }
294
295 .sound_container_pro.speaker_22.size_0, #sound_container.speaker_22.size_0 {
296 background: transparent url("../images/16/speaker22.png") 1px top no-repeat;
297 }
298 .sound_container_pro.speaker_22.size_1, #sound_container.speaker_22.size_1 {
299 background: transparent url("../images/32/speaker22.png") 1px top no-repeat;
300 }
301
302 .sound_container_pro.speaker_23.size_0, #sound_container.speaker_23.size_0 {
303 background: transparent url("../images/16/speaker23.png") 1px top no-repeat;
304 }
305 .sound_container_pro.speaker_23.size_1, #sound_container.speaker_23.size_1 {
306 background: transparent url("../images/32/speaker23.png") 1px top no-repeat;
307 }
308
309 .sound_container_pro.speaker_24.size_0, #sound_container.speaker_24.size_0 {
310 background: transparent url("../images/16/speaker24.png") 1px top no-repeat;
311 }
312 .sound_container_pro.speaker_24.size_1, #sound_container.speaker_24.size_1 {
313 background: transparent url("../images/32/speaker24.png") 1px top no-repeat;
314 }
315
316 .sound_container_pro.speaker_25.size_0, #sound_container.speaker_25.size_0 {
317 background: transparent url("../images/16/speaker25.png") 1px top no-repeat;
318 }
319 .sound_container_pro.speaker_25.size_1, #sound_container.speaker_25.size_1 {
320 background: transparent url("../images/32/speaker25.png") 1px top no-repeat;
321 }
322
323 .sound_container_pro.speaker_26.size_0, #sound_container.speaker_26.size_0 {
324 background: transparent url("../images/16/speaker26.png") 1px top no-repeat;
325 }
326 .sound_container_pro.speaker_26.size_1, #sound_container.speaker_26.size_1 {
327 background: transparent url("../images/32/speaker26.png") 1px top no-repeat;
328 }
329
330 .sound_container_pro.speaker_27.size_0, #sound_container.speaker_27.size_0 {
331 background: transparent url("../images/16/speaker27.png") 1px top no-repeat;
332 }
333 .sound_container_pro.speaker_27.size_1, #sound_container.speaker_27.size_1 {
334 background: transparent url("../images/32/speaker27.png") 1px top no-repeat;
335 }
336
337 .sound_container_pro.speaker_28.size_0, #sound_container.speaker_28.size_0 {
338 background: transparent url("../images/16/speaker28.png") 1px top no-repeat;
339 }
340 .sound_container_pro.speaker_28.size_1, #sound_container.speaker_28.size_1 {
341 background: transparent url("../images/32/speaker28.png") 1px top no-repeat;
342 }
343
344 .sound_container_pro.speaker_29.size_0, #sound_container.speaker_29.size_0 {
345 background: transparent url("../images/16/speaker29.png") 1px top no-repeat;
346 }
347 .sound_container_pro.speaker_29.size_1, #sound_container.speaker_29.size_1 {
348 background: transparent url("../images/32/speaker29.png") 1px top no-repeat;
349 }
350
351 .sound_container_pro.speaker_30.size_0, #sound_container.speaker_30.size_0 {
352 background: transparent url("../images/16/speaker30.png") 1px top no-repeat;
353 }
354 .sound_container_pro.speaker_30.size_1, #sound_container.speaker_30.size_1 {
355 background: transparent url("../images/32/speaker30.png") 1px top no-repeat;
356 }
357
358 .sound_container_pro.speaker_31.size_0, #sound_container.speaker_31.size_0 {
359 background: transparent url("../images/16/speaker31.png") 1px top no-repeat;
360 }
361 .sound_container_pro.speaker_31.size_1, #sound_container.speaker_31.size_1 {
362 background: transparent url("../images/32/speaker31.png") 1px top no-repeat;
363 }
364
365 .sound_container_pro.speaker_32.size_0,#sound_container.speaker_32.size_0 {
366 background: transparent url("../images/16/speaker32.png") 1px top no-repeat;
367 }
368 .sound_container_pro.speaker_32.size_1, #sound_container.speaker_32.size_1 {
369 background: transparent url("../images/32/speaker32.png") 1px top no-repeat;
370 }
371
372 .sound_container_pro.speaker_33.size_0, #sound_container.speaker_33.size_0 {
373 background: transparent url("../images/16/speaker33.png") 1px top no-repeat;
374 }
375 .sound_container_pro.speaker_33.size_1, #sound_container.speaker_33.size_1 {
376 background: transparent url("../images/32/speaker33.png") 1px top no-repeat;
377 }
378
379 .sound_container_pro.speaker_34.size_0, #sound_container.speaker_34.size_0 {
380 background: transparent url("../images/16/speaker34.png") 1px top no-repeat;
381 }
382 .sound_container_pro.speaker_34.size_1, #sound_container.speaker_34.size_1 {
383 background: transparent url("../images/32/speaker34.png") 1px top no-repeat;
384 }
385
386 .sound_container_pro.speaker_35.size_0, #sound_container.speaker_35.size_0 {
387 background: transparent url("../images/16/speaker35.png") 1px top no-repeat;
388 }
389 .sound_container_pro.speaker_35.size_1, #sound_container.speaker_35.size_1 {
390 background: transparent url("../images/32/speaker35.png") 1px top no-repeat;
391 }
392
393 .sound_container_pro.speaker_36.size_0, #sound_container.speaker_36.size_0 {
394 background: transparent url("../images/16/speaker36.png") 1px top no-repeat;
395 }
396 .sound_container_pro.speaker_36.size_1, #sound_container.speaker_36.size_1 {
397 background: transparent url("../images/32/speaker36.png") 1px top no-repeat;
398 }
399
400 .sound_container_pro.speaker_37.size_0, #sound_container.speaker_37.size_0 {
401 background: transparent url("../images/16/speaker37.png") 1px top no-repeat;
402 }
403 .sound_container_pro.speaker_37.size_1, #sound_container.speaker_37.size_1 {
404 background: transparent url("../images/32/speaker37.png") 1px top no-repeat;
405 }
406
407 .sound_container_pro.speaker_38.size_0, #sound_container.speaker_38.size_0 {
408 background: transparent url("../images/16/speaker38.png") 1px top no-repeat;
409 }
410 .sound_container_pro.speaker_38.size_1, #sound_container.speaker_38.size_1 {
411 background: transparent url("../images/32/speaker38.png") 1px top no-repeat;
412 }
413
414 .sound_container_pro.speaker_39.size_0, #sound_container.speaker_39.size_0 {
415 background: transparent url("../images/16/speaker39.png") 1px top no-repeat;
416 }
417 .sound_container_pro.speaker_39.size_1, #sound_container.speaker_39.size_1 {
418 background: transparent url("../images/32/speaker39.png") 1px top no-repeat;
419 }
420
421 .sound_container_pro.speaker_40.size_0, #sound_container.speaker_40.size_0 {
422 background: transparent url("../images/16/speaker40.png") 1px top no-repeat;
423 }
424 .sound_container_pro.speaker_40.size_1, #sound_container.speaker_40.size_1 {
425 background: transparent url("../images/32/speaker40.png") 1px top no-repeat;
426 }
427
428 .sexy_tooltip {
429 position: absolute;
430 display: none;
431 z-index: 9998;
432 }
433 #sexy_tooltip {
434 position: absolute;
435 display: none;
436 z-index: 9997;
437 }
438 #sexy_tooltip_title {
439 position: absolute;
440 display: none;
441 z-index: 9997;
442 width: 222px;
443 }
444
445 .sexy_tooltip .powered_by, #sexy_tooltip .powered_by {
446 font-style: italic !important;
447 display: block !important;
448 font-weight: bold !important;
449 font-size: 16px !important;
450 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
451 }
452
453 .sexy_tooltip .powered_by_3,#sexy_tooltip .powered_by_3 {
454 color: rgb(255, 255, 255) !important;
455 text-shadow: 0px -1px 0px rgb(0, 0, 0), 0px 2px 2px rgb(15, 15, 15) !important;
456 }
457 .sexy_tooltip .powered_by_3:hover,#sexy_tooltip .powered_by_3:hover {
458 text-shadow: 0px -1px 0px rgb(0, 0, 0), 0px 3px 2px rgb(15, 15, 15) !important;
459 }
460 .sexy_tooltip .powered_by_3 a,#sexy_tooltip .powered_by_3 a {
461 color: rgb(233, 243, 2) !important;
462 text-decoration: none;
463 text-shadow: 0px -1px 0px rgb(0, 0, 0), 0px 2px 1px rgb(15, 15, 15) !important;
464 }
465 .sexy_tooltip .powered_by_3:hover a,#sexy_tooltip .powered_by_3:hover a {
466 color:rgb(245, 255, 11) !important;
467 text-shadow: 0px -1px 0px rgb(0, 0, 0), 0px 3px 2px rgb(15, 15, 15) !important;
468 }
469 .sexy_tooltip .powered_by_3 a:hover,#sexy_tooltip .powered_by_3 a:hover {
470 text-decoration: underline;
471 }
472
473 .gspeech_wrapper_inactive {
474 white-space: nowrap;
475 box-shadow: 2px 2px 5px #000, 0 0 4px 1px rgba(17, 18, 29, 0.46), 0 0 23px 8px rgb(255, 255, 255);
476 border-radius: 11px;
477 padding: 4px 30px 8px 10px;
478 background-color: rgba(242, 244, 245, 0.85);
479 position: absolute;
480 display: block;
481 z-index: 9999;
482 top: 45px;
483 left: 20px;
484 }
485