PluginProbe ʕ •ᴥ•ʔ
Rich Showcase for Google Reviews / 3.1
Rich Showcase for Google Reviews v3.1
6.9.10 6.9.9 6.9.8 6.9.7 6.9.6 trunk 1.4 1.42 1.43 1.44 1.45 1.46 1.47 1.48 1.49 1.5 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 1.6 1.6.1 1.6.2 1.6.3 1.6.4 1.6.5 1.6.7 1.6.8 1.6.9 1.7 1.7.1 1.7.2 1.7.3 1.7.4 1.7.5 1.7.6 1.7.7 1.7.8 1.7.9 1.8 1.8.1 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9 1.9.1 1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3 2.4 2.4.1 2.4.2 2.5 2.5.1 2.6 2.6.1 2.6.2 2.7 2.8 2.9 3.0 3.1 3.2 3.3 3.4 3.5 3.6 3.6.1 3.7 3.8 3.9 4.0 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.8.1 4.8.2 5.0 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.7.1 5.8 5.9 5.9.1 5.9.2 5.9.3 5.9.7 6.0 6.1 6.2 6.3 6.4 6.4.1 6.5 6.6 6.6.1 6.6.2 6.7 6.8 6.8.1 6.8.2 6.9 6.9.1 6.9.2 6.9.3 6.9.4 6.9.4.1 6.9.4.2 6.9.4.3 6.9.4.4 6.9.5
widget-google-reviews / assets / src / css / public-main.css
widget-google-reviews / assets / src / css Last commit date
admin-main-rtl.css 2 years ago admin-main.css 2 years ago public-clean-rtl.css 3 years ago public-clean.css 3 years ago public-main-rtl.css 2 years ago public-main.css 2 years ago
public-main.css
695 lines
1 .wp-gr .wp-google-badge {
2 display: inline-block;
3 font-family: Helvetica Neue, Helvetica, Arial, sans-serif!important;
4 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
5 }
6
7 .wp-gr .wp-google-badge-fixed {
8 position: fixed!important;
9 right: 30px!important;
10 bottom: 30px!important;
11 max-width: none!important;
12 z-index: 2147482999!important;
13 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
14 }
15
16 .wp-gr .wp-google-badge_left-fixed {
17 position: fixed!important;
18 left: 30px!important;
19 bottom: 30px!important;
20 max-width: none!important;
21 z-index: 2147482999!important
22 }
23
24 .wp-gr .wp-google-badge * {
25 cursor: pointer!important
26 }
27
28 .wp-gr .wp-google-border {
29 width: 100%!important;
30 height: 6px!important;
31 background: #4fce6a!important;
32 border-radius: 2px 2px 0 0!important;
33 }
34
35 .wp-gr .wp-google-badge-btn {
36 position: relative!important;
37 padding: 10px!important;
38 background: #fff!important;
39 transition: all .2s ease-in-out!important;
40 border-radius: 2px!important;
41 }
42
43 .wp-gr .wp-google-badge-btn:hover {
44 background: #f3f3f5!important
45 }
46
47 .wp-gr .wp-google-badge-score {
48 display: inline-block;
49 margin: 0 0 0 4px!important;
50 vertical-align: middle!important;
51 }
52
53 .wp-gr .wp-google-rating {
54 color: #fb8e28!important;
55 font-size: 21px!important;
56 font-weight: 600!important;
57 margin: 0 6px 0 0!important;
58 vertical-align: middle!important
59 }
60
61 .wp-gr .wp-google-stars .wp-star {
62 padding: 0 4px 0 0!important;
63 line-height: 22px!important
64 }
65
66 .wp-gr .wp-google-powered {
67 color: #555!important;
68 margin: 6px 0 0!important
69 }
70
71 .wp-gr .wp-google-powered img {
72 max-width: 144px!important
73 }
74
75 .wp-gr .wp-google-form .wp-google-reviews {
76 padding: 16px 16px 0!important
77 }
78
79 .wp-gr .wp-google-review {
80 margin-top: 15px!important
81 }
82
83 .wp-gr .wp-google-left {
84 display: table-cell!important;
85 vertical-align: top!important
86 }
87
88 [dir="ltr"] .wp-google-left {
89 padding-right: 10px!important
90 }
91
92 [dir="rtl"] .wp-google-left {
93 padding-left: 10px!important
94 }
95
96 .wp-gr .wp-google-left img {
97 border: none!important;
98 float: left!important;
99 height: 50px!important;
100 width: 50px!important;
101 margin-right: 10px!important;
102 overflow: hidden!important;
103 border-radius: 50%!important;
104 box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
105 }
106
107 .wp-gr .wp-google-reviews img {
108 border-radius: 50%!important
109 }
110
111 .wp-gr .wp-google-right {
112 display: table-cell!important;
113 vertical-align: top!important;
114 width: 10000px!important
115 }
116
117 .wp-gr .wp-google-place.wp-place-center {
118 text-align: center !important;
119 }
120
121 .wp-gr .wp-google-place.wp-place-center .wp-google-left {
122 display: block !important;
123 }
124
125 .wp-gr .wp-google-place.wp-place-center .wp-google-left img {
126 float: none !important;
127 }
128
129 .wp-gr .wp-star svg {
130 display: inline-block!important
131 }
132
133 .wp-gr .wp-google-place .wp-star svg {
134 width: 20px!important;
135 height: 20px!important;
136 vertical-align: middle!important
137 }
138
139 .wp-gr .wp-star svg {
140 width: 19px!important;
141 height: 19px!important;
142 vertical-align: middle!important
143 }
144
145 .wp-gr .wp-google-name {
146 color: black!important;
147 font-size: 100%!important;
148 font-weight: bold!important;
149 margin: 0 0 2px!important;
150 padding-right: 6px!important;
151 text-decoration: none!important
152 }
153
154 .wp-gr a.wp-google-name {
155 color: #427fed!important;
156 text-decoration: none!important
157 }
158
159 .wp-gr .wp-google-time {
160 color: #555!important;
161 font-size: 13px!important
162 }
163
164 .wp-gr .wp-google-text {
165 color: #222!important;
166 font-size: 15px!important;
167 line-height: 24px!important;
168 max-width: 100%!important;
169 overflow: hidden!important;
170 white-space: pre-wrap!important;
171 word-break: break-word!important
172 }
173
174 .wp-gr .wp-google-text .wp-google-stars {
175 padding-right: 7px!important
176 }
177
178 .wp-gr .wp-more {
179 display: none
180 }
181
182 .wp-gr .wp-more-toggle {
183 color: #136aaf!important;
184 cursor: pointer!important;
185 text-decoration: none!important
186 }
187
188 .wp-gr .wp-google-url {
189 display: block;
190 margin: 10px 0!important;
191 color: #136aaf!important;
192 text-align: center!important
193 }
194
195 .wp-gr .wp-google-form {
196 position: fixed!important;
197 bottom: 0!important;
198 right: 0!important;
199 height: 100%!important;
200 width: 368px!important;
201 z-index: 2147483000!important
202 }
203
204 .wp-gr .wp-google-form.wp-google-form-left {
205 left: 0!important;
206 }
207
208 @media(max-width:460px) {
209 .wp-gr .wp-google-form {
210 width: 100%!important
211 }
212 }
213
214 .wp-gr .wp-google-head {
215 position: absolute!important;
216 top: 0!important;
217 right: 0!important;
218 width: 100%!important;
219 height: 80px!important;
220 background: #fff!important;
221 padding: 10px 16px!important;
222 overflow: hidden!important;
223 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)!important;
224 z-index: 2147483002!important
225 }
226
227 .wp-gr .wp-google-head-inner {
228 z-index: 2147483000!important;
229 position: absolute!important;
230 left: 20px!important;
231 top: 20px!important;
232 width: 100%!important;
233 height: 100%!important;
234 pointer-events: none!important
235 }
236
237 .wp-gr .wp-google-close {
238 padding: 0!important;
239 cursor: pointer!important;
240 outline: 0!important;
241 border: 0!important;
242 background: 0 0!important;
243 min-height: 0!important;
244 width: auto!important;
245 float: right!important;
246 font-size: 32px!important;
247 font-weight: 500!important;
248 line-height: .6!important;
249 color: #999!important;
250 -webkit-appearance: none!important
251 }
252
253 .wp-gr .wp-google-close:hover {
254 color: #555!important
255 }
256
257 .wp-gr .wp-google-body {
258 position: absolute!important;
259 top: 0!important;
260 right: 0!important;
261 bottom: 0!important;
262 width: 100%!important;
263 background: rgba(250, 250, 251, .98)!important;
264 border-left: 1px solid #dadee2!important;
265 box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)!important;
266 z-index: 2147483000!important
267 }
268
269 .wp-gr .wp-google-content {
270 position: absolute!important;
271 top: 0!important;
272 right: 0!important;
273 bottom: 0!important;
274 width: 100%!important;
275 overflow-y: auto!important;
276 z-index: 2147483001!important;
277 -webkit-transform: translateZ(0)!important
278 }
279
280 .wp-gr .wp-google-content {
281 top: 80px!important;
282 bottom: 48px!important
283 }
284
285 .wp-gr .wp-google-content-inner {
286 position: relative!important;
287 min-height: 100%!important;
288 margin: 0 auto!important
289 }
290
291 .wp-gr .wp-google-footer {
292 position: absolute!important;
293 bottom: 0!important;
294 right: 0!important;
295 width: 100%!important;
296 height: 48px!important;
297 text-align: center!important;
298 z-index: 2147483002!important;
299 background: #fff!important;
300 box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .06)!important;
301 -moz-text-align-last: center!important;
302 text-align-last: center!important
303 }
304
305 .wp-gr .wp-google-footer img {
306 float: right!important;
307 padding: 16px!important
308 }
309
310 .wp-gr.wp-dark .wp-google-name {
311 color: #eee!important
312 }
313
314 .wp-gr.wp-dark .wp-google-time {
315 color: #bbb!important
316 }
317
318 .wp-gr.wp-dark .wp-google-text {
319 color: #ececec!important
320 }
321
322 .wp-gr.wpac .wp-google-name {
323 font-size: 100%!important
324 }
325
326 .wp-gr.wpac .wp-google-hide,
327 .wp-gr.wpac .grw-hide {
328 display: none
329 }
330
331 .wp-gr.wpac .wp-google-name a {
332 color: #333!important;
333 font-size: 100%!important;
334 text-decoration: none!important
335 }
336
337 .wp-gr.wpac .wp-google-left img {
338 width: 50px!important;
339 height: 50px!important;
340 border-radius: 50%!important
341 }
342
343 .wp-gr.wpac a.wp-google-name {
344 color: #154fc1!important;
345 text-decoration: none!important;
346 white-space: nowrap!important;
347 text-overflow: ellipsis!important;
348 }
349
350 .wp-gr.wpac .wp-google-review .wp-google-stars {
351 display: inline-block;
352 margin-right: 4px!important
353 }
354
355 .wp-gr.wpac.wp-dark .wp-google-name a {
356 color: #eee!important
357 }
358
359 @media(max-width: 480px) {
360 .wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide {
361 display: none!important;
362 }
363 }
364
365 @media(max-width: 480px) {
366 .wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide {
367 display: none!important;
368 }
369 }
370
371 /*-------------------------------- row --------------------------------*/
372 .wp-gr {
373 display: block!important;
374 width: 100%!important;
375 padding-bottom: 20px!important;
376 text-align: left!important;
377 direction: ltr!important;
378 box-sizing: border-box!important;
379 }
380
381 .wp-gr .grw-row {
382 display: -ms-flexbox!important;
383 display: flex!important;
384 flex-wrap: nowrap!important;
385 align-items: center!important;
386 -ms-flex-wrap: nowrap!important;
387 -ms-flex-align: center!important;
388 }
389
390 /*-------------------------------- Row cols --------------------------------*/
391 .wp-gr .grw-row-xs {
392 -ms-flex-wrap: wrap!important;
393 flex-wrap: wrap!important;
394 }
395
396 .wp-gr .grw-row-xs .grw-header,
397 .wp-gr .grw-row-xs .grw-content,
398 .wp-gr .grw-row-xs .grw-review,
399 .wp-gr .grw-row-x .grw-header + .grw-content .grw-review {
400 -ms-flex: 0 0 100%;
401 flex: 0 0 100%;
402 max-width: 100%;
403 }
404
405 .wp-gr .grw-row-xl .grw-header + .grw-content {
406 -ms-flex: 0 0 83.333333%;
407 flex: 0 0 83.333333%;
408 max-width: 83.333333%;
409 }
410
411 .wp-gr .grw-row-l .grw-header + .grw-content {
412 -ms-flex: 0 0 80%;
413 flex: 0 0 80%;
414 max-width: 80%;
415 }
416
417 .wp-gr .grw-row-m .grw-header + .grw-content {
418 -ms-flex: 0 0 75%;
419 flex: 0 0 75%;
420 max-width: 75%;
421 }
422
423 .wp-gr .grw-row-s .grw-header + .grw-content {
424 -ms-flex: 0 0 66.666666%;
425 flex: 0 0 66.666666%;
426 max-width: 66.666666%;
427 }
428
429 .wp-gr .grw-row-x .grw-header,
430 .wp-gr .grw-row-x .grw-header + .grw-content,
431 .wp-gr .grw-row-x .grw-review,
432 .wp-gr .grw-row-s .grw-header + .grw-content .grw-review {
433 -ms-flex: 0 0 50%;
434 flex: 0 0 50%;
435 max-width: 50%;
436 }
437
438 .wp-gr .grw-row-s .grw-header,
439 .wp-gr .grw-row-s .grw-review,
440 .wp-gr .grw-row-m .grw-header + .grw-content .grw-review {
441 -ms-flex: 0 0 33.333333%;
442 flex: 0 0 33.333333%;
443 max-width: 33.333333%;
444 }
445
446 .wp-gr .grw-row-m .grw-header,
447 .wp-gr .grw-row-m .grw-review,
448 .wp-gr .grw-row-l .grw-review {
449 -ms-flex: 0 0 25%;
450 flex: 0 0 25%;
451 max-width: 25%;
452 }
453
454 .wp-gr .grw-row-l .grw-header,
455 .wp-gr .grw-row-xl .grw-review {
456 -ms-flex: 0 0 20%;
457 flex: 0 0 20%;
458 max-width: 20%;
459 }
460
461 .wp-gr .grw-row-xl .grw-header {
462 -ms-flex: 0 0 16.666666%;
463 flex: 0 0 16.666666%;
464 max-width: 16.666666%;
465 }
466
467 /*-------------------------------- Reviews --------------------------------*/
468 .wp-gr .grw-content {
469 position: relative!important;
470 min-width: 0!important;
471 }
472
473 .wp-gr .grw-content-inner {
474 position: relative!important;
475 }
476
477 .wp-gr .grw-header-inner,
478 .wp-gr .grw-review-inner {
479 position: relative!important;
480 margin: 0 10px!important;
481 padding: 15px!important;
482 width: 100%!important;
483 }
484
485 .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
486 background: #fafafa!important;
487 }
488
489 .wp-gr .grw-review-inner.grw-round {
490 border-radius: 4px!important
491 }
492
493 .wp-gr .grw-review-inner.grw-shadow {
494 box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
495 }
496
497 .wp-gr .grw-review-inner > svg {
498 position: absolute!important;
499 top: 10px!important;
500 right: 10px!important;
501 width: 18px!important;
502 height: 18px!important;
503 }
504
505 .wp-gr .grw-reviews {
506 display: flex!important;
507 display: -ms-flexbox!important;
508 overflow: hidden!important;
509 scrollbar-width: none;
510 }
511
512 .wp-gr .grw-reviews::-webkit-scrollbar {
513 display: none!important;
514 }
515
516 .wp-gr .grw-review {
517 display: flex;
518 position: relative!important;
519 justify-content: center!important;
520 align-items: center!important;
521 flex-shrink: 0!important;
522 }
523
524 /*-------------------------------- Slider buttons --------------------------------*/
525 .wp-gr .grw-controls {
526 position: absolute!important;
527 top: 50%!important;
528 width: 100%!important;
529 }
530
531 .wp-gr .grw-btns {
532 position: absolute!important;
533 height: 33px!important;
534 width: 33px!important;
535 text-align: center!important;
536 cursor: pointer!important;
537 border-radius: 50%!important;
538 user-select: none!important;
539 transition: all .2s ease-in-out!important;
540 }
541 .wp-gr .grw-btns svg path {
542 fill: #aaa;
543 }
544 .wp-gr .grw-btns:hover svg path {
545 fill: #555!important;
546 }
547 .wp-gr .grw-btns.grw-prev {
548 left: 0px!important;
549 margin-left: -5px!important;
550 }
551 .wp-gr .grw-btns.grw-next {
552 right: 0px!important;
553 margin-right: -5px!important;
554 }
555
556 /*-------------------------------- Slider dots --------------------------------*/
557 .wp-gr .grw-dots {
558 position: absolute!important;
559 left: 50%!important;
560 transform: translate(-50%, 0)!important;
561 text-align: center!important;
562 }
563
564 .wp-gr .grw-dot {
565 display: inline-block!important;
566 width: 9px!important;
567 height: 9px!important;
568 margin: 3px!important;
569 background: #cccccc!important;
570 border-radius: 20px!important;
571 cursor: pointer!important;
572 opacity: 0.4!important;
573 transition: all .2s ease-in-out!important;
574 }
575
576 .wp-gr .grw-dot:hover {
577 opacity: 1!important;
578 }
579
580 .wp-gr .grw-dot.active {
581 opacity: 1!important;
582 background: #427fed !important;
583 }
584
585 /*-------------------------------- slider overrides --------------------------------*/
586 .wp-gr .grw-review .wp-google-left {
587 display: block!important;
588 overflow: hidden!important;
589 white-space: nowrap!important;
590 text-overflow: ellipsis!important;
591 line-height: 24px !important;
592 }
593
594 .wp-gr .grw-review .wp-google-stars {
595 margin: 15px 0 7px!important;
596 }
597
598 .wp-gr .grw-review .wp-google-feedback {
599 height: 100px!important;
600 overflow-y: auto!important;
601 /*padding-right: 10px!important;*/
602 }
603
604 .wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar {
605 width: 4px!important;
606 }
607
608 .wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-track {
609 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important;
610 -webkit-border-radius: 4px!important;
611 border-radius: 4px!important;
612 }
613
614 .wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-thumb {
615 -webkit-border-radius: 10px!important;
616 border-radius: 10px!important;
617 background: #ccc!important;
618 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)!important;
619 }
620
621 .wp-gr .grw-review .wp-google-feedback::-webkit-scrollbar-thumb:window-inactive {
622 background: #ccc!important;
623 }
624
625 /*-------------------------------- writereview button --------------------------------*/
626 .wp-gr .wp-google-wr {
627 margin: 15px auto 8px -6px!important;
628 }
629
630 .wp-gr .wp-google-wr a {
631 color: #fff!important;
632 padding: 8px 20px 10px!important;
633 outline: none !important;
634 border-radius: 27px!important;
635 background: #0a6cff!important;
636 white-space: nowrap!important;
637 text-shadow: 1px 1px 0 #888!important;
638 box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important;
639 user-select: none!important;
640 transition: all .2s ease-in-out!important;
641 }
642
643 .wp-gr .wp-google-wr a:hover {
644 background: #1f67e7!important;
645 box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24)!important;
646 }
647
648 .wp-gr .wp-google-wr a:active {
649 background: #0a6cff!important;
650 box-shadow: none!important;
651 }
652
653 .wp-gr .wp-google-wr a svg {
654 display: inline-block;
655 padding: 1px;
656 margin: 0 0 0 4px;
657 background: #fff;
658 border-radius: 50%;
659 }
660
661 /*-------------------------------- slider --------------------------------*/
662 .wp-gr[data-layout="slider"] .grw-reviews {
663 margin: 0 20px!important;
664 padding: 10px 0 15px!important;
665 overflow-x: scroll!important;
666 flex-wrap: nowrap!important;
667 -ms-flex-wrap: nowrap!important;
668 scroll-snap-type: x mandatory!important;
669 scroll-behavior: smooth!important;
670 -webkit-overflow-scrolling: touch!important;
671 }
672
673 .wp-gr[data-layout="slider"] .grw-review {
674 scroll-snap-align: start!important;
675 transform-origin: center center!important;
676 transform: scale(1)!important;
677 transition: transform 0.5s!important;
678 }
679
680 /*-------------------------------- grid --------------------------------*/
681 .wp-gr[data-layout="grid"] .grw-reviews {
682 margin: 10px!important;
683 padding: 0!important;
684 flex-wrap: wrap !important;
685 -ms-flex-wrap: wrap!important;
686 }
687
688 .wp-gr[data-layout="grid"] .grw-review-inner {
689 margin: 10px!important;
690 }
691
692 .wp-gr[data-layout="grid"] .grw-header-inner {
693 margin: 0 10px!important;
694 padding: 0!important;
695 }