PluginProbe
GSpeech TTS – WordPress Text To Speech Plugin / 3.1.7
GSpeech TTS – WordPress Text To Speech Plugin v3.1.7
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.1.7, at includes/css/gspeech.css

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