PluginProbe ʕ •ᴥ•ʔ
Strong Testimonials / 2.38
Strong Testimonials v2.38
3.3.2 3.3.1 trunk 1.0.1 2.30.9 2.31.10 2.32 2.32.1 2.32.2 2.32.3 2.32.4 2.33 2.34 2.35 2.36 2.37 2.38 2.38.1 2.39 2.39.1 2.39.2 2.39.3 2.40.0 2.40.1 2.40.2 2.40.3 2.40.4 2.40.5 2.40.6 2.40.7 2.41.0 2.41.1 2.50.0 2.50.1 2.50.2 2.50.3 2.50.4 2.51.0 2.51.1 2.51.2 2.51.3 2.51.4 2.51.5 2.51.6 2.51.7 2.51.8 2.51.9 3.0.0 3.0.1 3.0.2 3.0.3 3.1.0 3.1.1 3.1.10 3.1.11 3.1.12 3.1.13 3.1.14 3.1.15 3.1.16 3.1.17 3.1.18 3.1.19 3.1.2 3.1.20 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7 3.1.8 3.1.9 3.2.0 3.2.1 3.2.10 3.2.11 3.2.12 3.2.13 3.2.14 3.2.15 3.2.16 3.2.17 3.2.18 3.2.19 3.2.2 3.2.20 3.2.21 3.2.22 3.2.3 3.2.4 3.2.5 3.2.6 3.2.7 3.2.8 3.2.9 3.3.0
strong-testimonials / assets / src / scss / admin.scss
strong-testimonials / assets / src / scss Last commit date
admin 7 years ago admin.scss 7 years ago
admin.scss
854 lines
1 /**
2 * Strong Testimonials admin stylesheet
3 */
4
5 .icon-blue {
6 color: #0073aa;
7 }
8
9 .error {
10 color: red !important;
11 }
12
13 .required-phrase {
14 color: red;
15 font-style: normal;
16 font-weight: 400;
17 font-size: 0.9em;
18 }
19
20 .required-phrase:before,
21 label.required:after {
22 content: '*';
23 display: inline-block;
24 color: red;
25 font-size: 27px;
26 line-height: 19px;
27 height: 19px;
28 font-weight: 600;
29 vertical-align: middle;
30 position: relative;
31 top: 1px;
32 }
33
34 .has-input {
35 display: inline-block;
36 }
37
38 .error-message {
39 display: inline-block;
40 margin-left: 0.5em;
41 }
42
43 button.nogo {
44 margin: 0 3px;
45 }
46
47 li.warning {
48 background: lightyellow;
49 }
50
51 .between-inputs {
52 margin-left: 0.3em;
53 margin-right: 0.3em;
54 }
55
56 .intro p {
57 font-size: 14px;
58 }
59
60 .wrap.wpmtst h2 {
61 margin: 2em 0 1em;
62 }
63
64 .wrap.wpmtst p {
65 font-size: 14px;
66 }
67
68 .wrap.wpmtst .notice p {
69 font-size: 13px;
70 }
71
72 .wpmtst .list-wrap {
73 padding: .5em;
74 }
75
76 .wp-core-ui .button-primary.active,
77 .wp-core-ui .button-primary.active:hover,
78 .wp-core-ui .button-primary.active:focus,
79 .wp-core-ui .button-primary:active {
80 vertical-align: baseline;
81 }
82
83 /* Firefox fix */
84
85 a.widget-action:focus {
86 outline: none;
87 }
88
89 /* Slug field */
90
91 input#post_name {
92 width: 98%;
93 }
94
95 fieldset>div {
96 min-height: 30px;
97 }
98
99 /* Help sections
100 ---------------------------------------------------------*/
101
102 div.help {
103 margin-left: 0;
104 }
105
106 div.help.minor {
107 font-size: 0.9em;
108 text-align: left;
109 }
110
111 /* Settings table
112 ---------------------------------------------------------*/
113
114 .wpmtst i.fa.example {
115 color: #0073aa;
116 }
117
118 .stackem ul {
119 margin: 14px 0 0 0;
120 }
121
122 .stackem li {
123 margin-top: 16px;
124 margin-bottom: 16px;
125 }
126
127 .stackem label {
128 display: inline-block;
129 line-height: 28px;
130 margin-right: 0.5em;
131 vertical-align: baseline;
132 }
133
134 .stackem label.inline {
135 display: inline-block;
136 }
137
138 .stackem p.description {
139 margin-top: 0;
140 margin-left: 22px;
141 }
142
143 .stackem p.description.warning {
144 color: #CD0000;
145 }
146
147 .stackem .notice {
148 background: none;
149 border: none;
150 box-shadow: none;
151 display: inline-block;
152 font-size: .9em;
153 font-style: italic;
154 margin: 0 .2em;
155 padding: 0;
156 color: #868686;
157 }
158
159 .stackem span.link {
160 display: inline-block;
161 margin: 0 .3em;
162 font-size: .9em;
163 line-height: 28px;
164 }
165
166 .stackem label.disabled {
167 color: #888;
168 }
169
170 div.radio {
171 line-height: 1.5em;
172 }
173
174 div.radio:hover {
175 color: #000;
176 }
177
178 #screenshot-screen-options,
179 #help-section {
180 display: none;
181 }
182
183 .screenshot>div {
184 display: inline-block;
185 -webkit-box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.8);
186 -moz-box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.8);
187 box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.8);
188 }
189
190 .help-text {
191 padding: 0.5em 0;
192 }
193
194 /* form table */
195
196 .wpmtst .form-table {
197 vertical-align: middle;
198 }
199
200 .wpmtst .form-table .actions {
201 /*vertical-align: top;*/
202 }
203
204 .wpmtst .form-table td {
205 padding-top: 15px;
206 /* override PopupMaker's override */
207 }
208
209 .wpmtst .form-table td:nth-child(1) {
210 width: 200px;
211 }
212
213 .wpmtst .form-table .parent {
214 border-bottom: 0;
215 vertical-align: top;
216 }
217
218 .wpmtst .form-table th.parent+td {}
219
220 .wpmtst .form-table .child {
221 border-top: 0;
222 }
223
224 .wpmtst .form-table p {
225 /*margin-bottom: 1em;*/
226 }
227
228 .wpmtst .form-table td p:last-child {
229 margin-bottom: 0;
230 }
231
232 .wpmtst .form-table input,
233 .wpmtst .form-table select,
234 .wpmtst .form-table textarea {
235 /*line-height: 1.5em;*/
236 }
237
238 .wpmtst .form-table input[type="button"]="button""] {
239 line-height: 26px;
240 height: 28px;
241 }
242
243 .wpmtst select {
244 min-width: 120px;
245 }
246
247 .wpmtst option {
248 padding-left: 5px;
249 }
250
251 .wpmtst .form-table div.box {
252 border: 1px solid #DDD;
253 display: inline-block;
254 padding: 10px;
255 }
256
257 .wpmtst .form-table .row {
258 line-height: 2.5em;
259 }
260
261 .wpmtst .form-table .alpha {
262 width: 120px;
263 }
264
265 .wpmtst .form-table .alpha.alpha-110 {
266 width: 110px;
267 }
268
269 .wpmtst .form-table .alpha+div {
270 display: inline-block;
271 }
272
273 .wpmtst label.success-action {
274 display: inline-block;
275 width: 11em;
276 padding: 10px 0;
277 }
278
279 /* compact */
280
281 .wpmtst .form-table.compact th {
282 vertical-align: top;
283 }
284
285 .wpmtst .form-table.compact td {
286 vertical-align: middle;
287 }
288
289 /*.wpmtst .form-table.compact td:nth-child(3) {*/
290
291 .wpmtst .form-table.compact td.actions {
292 width: 100px;
293 vertical-align: bottom;
294 }
295
296 /*.wpmtst .form-table.compact td:nth-child(3) input.button {*/
297
298 .wpmtst .form-table.compact td.actions input.button {
299 margin-right: 0;
300 margin-bottom: 3px;
301 }
302
303 .wpmtst .form-table.compact input[type="text"]="text""] {
304 width: 100%;
305 }
306
307 .wpmtst .form-table.compact input.error {
308 border-color: red;
309 border-radius: 2px;
310 box-shadow: none;
311 }
312
313 .wpmtst .form-table.compact label.error {
314 color: red;
315 display: block;
316 }
317
318 /* end: form-table */
319
320 .code {
321 background: #FFF;
322 }
323
324 .code.wide {
325 padding: 2px 5px;
326 margin: 3px;
327 border-radius: 2px;
328 }
329
330 .submit-buttons input.button {
331 margin-right: 10px;
332 }
333
334 .custom-input {
335 line-height: 1.3em;
336 }
337
338 .indent {
339 margin-left: 2em;
340 }
341
342 .outdent {
343 margin-left: -2em;
344 }
345
346 .hilite {
347 background: lightyellow;
348 border-radius: 4px;
349 display: inline-block;
350 padding: .25em .75em;
351 -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
352 -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
353 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
354 }
355
356 p.description.hilite {
357 margin-bottom: 2em;
358 }
359
360 ul.compact {
361 margin: 0;
362 }
363
364 ul.compact li {
365 display: inline-block;
366 margin: 6px 30px 6px 0;
367 }
368
369 /* Add-on license table
370 ------------------------------------------------*/
371
372 #licenses-form .form-table {
373 width: auto;
374 max-width: 1024px;
375 }
376
377 #licenses-form .form-table label {
378 /* to match text inputs */
379 line-height: 27px;
380 }
381
382 #licenses-form .form-table th,
383 #licenses-form .form-table td {
384 vertical-align: top;
385 }
386
387 #licenses-form th.for-license-key,
388 #licenses-form th.for-license-status {
389 width: 350px;
390 }
391
392 #licenses-form .form-table th {
393 padding: 15px;
394 }
395
396 #licenses-form .form-table td {
397 white-space: nowrap;
398 padding: 15px;
399 }
400
401 #licenses-form .form-table th:first-child,
402 #licenses-form .form-table td:first-child {
403 padding-left: 0;
404 }
405
406 #licenses-form .form-table input[type="text"]="text""] {
407 font-family: Consolas, Monaco, monospace;
408 width: 100%;
409 }
410
411 #licenses-form .form-table label {
412 padding-left: 0;
413 text-indent: 0;
414 }
415
416 #licenses-form .doing-ajax:before {
417 display: inline-block;
418 font: normal 22px/29px dashicons;
419 content: "\f463";
420 text-align: center;
421 vertical-align: middle;
422 -webkit-animation-name: rotate;
423 -webkit-animation-duration: 1.5s;
424 -webkit-animation-iteration-count: infinite;
425 -webkit-animation-timing-function: linear;
426 -moz-animation-name: rotate;
427 -moz-animation-duration: 1.5s;
428 -moz-animation-iteration-count: infinite;
429 -moz-animation-timing-function: linear;
430 animation-name: rotate;
431 animation-duration: 1.5s;
432 animation-iteration-count: infinite;
433 animation-timing-function: linear;
434 }
435
436 #licenses-form span.license-status {
437 display: inline-block;
438 font-size: 0.9em;
439 line-height: 28px;
440 height: 27px;
441 margin: 1px 10px 1px 0;
442 padding: 0 8px;
443 text-transform: uppercase;
444 border-radius: 3px;
445 vertical-align: middle;
446 }
447
448 #licenses-form span.active {
449 background: green;
450 color: #FFF;
451 }
452
453 #licenses-form span.inactive {
454 background: #999;
455 color: #FFF;
456 }
457
458 #licenses-form span.ib {
459 display: inline-block;
460 vertical-align: middle;
461 }
462
463 .activation-error {
464 color: red;
465 }
466
467 /* Descriptions
468 ------------------------------------------------*/
469
470 .form-table th .description,
471 .form-table td .description {
472 font-size: 14px;
473 font-style: italic;
474 /*text-indent: 24px;*/
475 }
476
477 .description.inline {
478 display: inline-block;
479 margin-left: 1em;
480 }
481
482 .description a {
483 text-decoration: underline;
484 }
485
486 .description a:hover {
487 text-decoration: none;
488 }
489
490 .radio .description {
491 padding-left: 20px;
492 }
493
494 li.checkbox {
495 margin-bottom: 10px;
496 }
497
498 .checkbox .description {
499 padding-left: 24px;
500 }
501
502 ul.description {
503 font-style: italic;
504 color: #666;
505 margin-top: 4px;
506 list-style-type: disc;
507 margin-left: 21px;
508 margin-bottom: 0;
509 }
510
511 /* Widget
512 ------------------------------------------------*/
513
514 .wpmtst-widget-form {
515 margin-bottom: 1em;
516 }
517
518 .widget-inside p {
519 margin: .5em 0;
520 }
521
522 input[disabled]],
523 input[readonly]] {
524 color: #999;
525 background: rgba(0, 0, 0, 0.04);
526 }
527
528 /* Categories admin list
529 ------------------------------------------------*/
530
531 .widefat th.column-ID {
532 width: 2.2em;
533 }
534
535 /* Post list table
536 ------------------------------------------------*/
537
538 td.column-shortcode,
539 td.column-id {
540 white-space: nowrap;
541 font-family: Consolas, Monaco, monospace;
542 }
543
544 th.sortable.column-id a span {
545 float: right;
546 }
547
548 td.column-id {
549 text-align: right;
550 }
551
552 /* Star rating in list table
553 --------------------------------------------------*/
554
555 .column-rating {
556 width: auto !important;
557 }
558
559 /* Views list table
560 --------------------------------------------------*/
561
562 .wp-list-table.fixed.wpm-testimonial_page_testimonial-views {
563 table-layout: auto;
564 }
565
566 .wpmtst2>h1 {
567 margin-bottom: 15px;
568 }
569
570 /* WordPress fixes
571 --------------------------------------------------*/
572
573 /* settings page */
574
575 @media screen and (max-width: 782px) {
576 .wpm-testimonial_page_testimonial-settings .form-table td input[type="text"]="text""] {
577 display: inline-block;
578 width: auto;
579 }
580 }
581
582 /* Animation
583 --------------------------------------------------*/
584
585 @-webkit-keyframes rotate {
586 from {
587 -webkit-transform: rotate(0deg);
588 }
589 to {
590 -webkit-transform: rotate(360deg);
591 }
592 }
593
594 @-moz-keyframes rotate {
595 from {
596 -moz-transform: rotate(0deg);
597 }
598 to {
599 -moz-transform: rotate(360deg);
600 }
601 }
602
603 @keyframes rotate {
604 from {
605 transform: rotate(0deg);
606 }
607 to {
608 transform: rotate(360deg);
609 }
610 }
611
612 /* Admin > Shortcode example table
613 --------------------------------------------------*/
614
615 .form-table.shortcodes tbody tr:hover {
616 background: #FFF;
617 }
618
619 .form-table.shortcodes th {
620 padding-left: 10px;
621 width: auto;
622 }
623
624 .form-table.shortcodes td {
625 border: 1px solid #DDD;
626 }
627
628 .form-table.shortcodes td.shortcode {
629 font-family: Consolas, Monaco, monospace;
630 }
631
632 .form-table.shortcodes td p {
633 margin: 1em 0;
634 }
635
636 .form-table.shortcodes td p:first-child {
637 margin-top: 0;
638 }
639
640 .form-table.shortcodes td p:last-child {
641 margin-bottom: 0;
642 }
643
644 /* special */
645
646 .form-table.shortcodes tr.important {
647 background: #FFF;
648 }
649
650 .form-table.shortcodes tr.important td {
651 border: 1px solid #CCC;
652 }
653
654 /* Misc
655 --------------------------------------------------*/
656
657 .slug-example {
658 font-weight: bold;
659 color: #0073aa;
660 }
661
662 .form-table.width-auto {
663 width: auto;
664 }
665
666 .form-table td p:first-child {
667 margin-top: 6px;
668 }
669
670 .current-dashicon {
671 display: inline-block;
672 background: #0073aa;
673 color: #FFF;
674 border-radius: 2px;
675 text-align: center;
676 vertical-align: middle;
677 width: 28px;
678 height: 28px;
679 position: relative;
680 top: -3px;
681 }
682
683 .current-dashicon .dashicons {
684 vertical-align: middle;
685 line-height: 1.3;
686 }
687
688 /*
689 Back these out to have normal "reset" buttons
690 */
691
692 /* wp-includes/css/buttons.css:109 */
693
694 /*
695 .wp-core-ui input[type="reset"],
696 .wp-core-ui input[type="reset"]:hover,
697 .wp-core-ui input[type="reset"]:active,
698 .wp-core-ui input[type="reset"]:focus {
699 background: none;
700 border: none;
701 -webkit-box-shadow: none;
702 box-shadow: none;
703 padding: 0 2px 1px;
704 width: auto;
705 }
706 */
707
708 .wp-core-ui input[type="reset"]="reset""],
709 .wp-core-ui input[type="reset"]="reset""]:hover,
710 .wp-core-ui input[type="reset"]="reset""]:active,
711 .wp-core-ui input[type="reset"]="reset""]:focus {
712 background: #F7F7F7;
713 border: 1px solid #CCC;
714 -webkit-box-shadow: 0 1px 0 #CCC;
715 box-shadow: 0 1px 0 #CCC;
716 padding: 0 10px 1px;
717 width: auto;
718 }
719
720 /* wp-admin/css/forms.css:102 */
721
722 /*
723 .wp-core-ui input[type="reset"]:hover,
724 .wp-core-ui input[type="reset"]:active {
725 color: #00a0d2;
726 }
727 */
728
729 /* Based on section 2.0 in wp-includes/css/buttons.css:125 */
730
731 .wp-core-ui input[type="reset"]="reset""]:hover,
732 .wp-core-ui input[type="reset"]="reset""]:focus {
733 background: #fafafa;
734 border-color: #999;
735 color: #23282d;
736 }
737
738 .wp-core-ui input[type="reset"]="reset""]:focus {
739 border-color: #5b9dd9;
740 -webkit-box-shadow: 0 0 3px rgba(0, 115, 170, .8);
741 box-shadow: 0 0 3px rgba(0, 115, 170, .8);
742 }
743
744 .wp-core-ui input[type="reset"]="reset""]:active {
745 background: #eee;
746 border-color: #999;
747 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
748 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
749 -webkit-transform: translateY(1px);
750 -ms-transform: translateY(1px);
751 transform: translateY(1px);
752 }
753
754 input.button.restore-default {
755 font: normal 20px/1 dashicons;
756 padding: 1px 3px;
757 }
758
759 .wpmtst .subsubsub {
760 float: none;
761 margin-left: 16px;
762 }
763
764 .regular-text.half {
765 width: 12.5em;
766 }
767
768 .regular-text.third {
769 width: 20em;
770 }
771
772 input.code {
773 font-size: 13px;
774 font-family: Consolas, Monaco, monospace;
775 }
776
777 .wrap h2.nav-tab-wrapper {
778 margin-top: 6px;
779 }
780
781 .tab-header {
782 padding: 1em 0;
783 }
784
785 .striped>tbody>tr.readonly {
786 background: lightyellow;
787 }
788
789 ul.standard {
790 list-style: disc;
791 padding-left: 1.5em;
792 }
793
794 .form-table p.error {
795 margin: 0.5em 0;
796 }
797
798 /* shortcodes page */
799
800 .wpmtst.shortcode {
801 vertical-align: middle;
802 }
803
804 .wpmtst.shortcodes.has-stars table {
805 margin-bottom: 1em;
806 }
807
808 .wpmtst.shortcodes.has-stars td:nth-child(2) {
809 width: 70%;
810 /*white-space: nowrap;*/
811 }
812
813 .wpmtst.shortcodes td {
814 padding: 10px;
815 }
816
817 .wpmtst.shortcodes tr.important td {
818 border: 1px solid #DDD;
819 }
820
821 .wpmtst.shortcodes tr:hover {
822 background: #FFF;
823 }
824
825 /* inner table */
826
827 .wpmtst.shortcodes td.has-inner {
828 padding: 0;
829 }
830
831 .wpmtst.shortcodes table.inner {
832 margin: 0;
833 vertical-align: middle;
834 width: 100%;
835 }
836
837 .wpmtst.shortcodes table.inner,
838 .wpmtst.shortcodes table.inner tr,
839 .wpmtst.shortcodes table.inner td {
840 border: 0;
841 }
842
843 .wpmtst.shortcodes table.inner tr:first-child td {
844 border-bottom: 1px solid #DDD;
845 }
846
847 .wp-list-table .type-wpm-testimonial .row-actions span.id span {
848 color: #777;
849 }
850
851 @import 'admin/pages';
852 @import 'admin/notices';
853
854