PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 2.1.8
Visualizer – Tables & Charts Manager with Built-in AI Generator v2.1.8
4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.10.0 3.10.1 3.10.10 3.10.11 3.10.12 3.10.13 3.10.14 3.10.15 3.10.2 3.10.3 3.10.4 All 148 releases
← All changes | css/frame.css +71 -131 3.0.72.1.8 View file →
@@ -42,9 +42,9 @@
42 42
43 43 -webkit-overflow-scrolling: touch;
44 44 }
45 45
46 -.viz-group {
46 +.group {
47 47 margin: 0;
48 48 font-size: 12px;
49 49 line-height: 18px;
50 50 list-style: none;
@@ -49,9 +49,9 @@
49 49 line-height: 18px;
50 50 list-style: none;
51 51 }
52 52
53 -.viz-group .viz-group-header .viz-group-title {
53 +.group .group-header .group-title {
54 54 margin: 10px 0;
55 55 padding: 15px 20px;
56 56 border-top: 1px solid #ddd;
57 57 border-bottom: 1px solid #ddd;
@@ -58,22 +58,22 @@
58 58 color: #555d66;
59 59 background: #fff;
60 60 }
61 61
62 -.viz-group-wrapper ul .viz-group-title {
62 +.group-wrapper ul .group-title {
63 63 border-top: 1px solid #ddd;
64 64 }
65 65
66 -.viz-group-wrapper ul li {
66 +.group-wrapper ul li {
67 67 border-top: 1px solid #ddd;
68 68 }
69 69
70 -.viz-group-wrapper ul ul li.viz-subsection {
70 +.group-wrapper ul ul li.subsection {
71 71 margin: 5px;
72 72 border: 1px solid #ddd;
73 73 }
74 74
75 -.viz-group-wrapper .viz-group .viz-group .viz-group-title {
75 +.group-wrapper .group .group .group-title {
76 76 position: relative;
77 77 margin: 0;
78 78 padding: 10px 10px 11px 14px;
79 79 border-top: none;
@@ -88,16 +88,16 @@
88 88 -webkit-transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out;
89 89 transition: 0.15s color ease-in-out,0.15s background-color ease-in-out,0.15s border-color ease-in-out;
90 90 }
91 91
92 -.viz-group-wrapper .viz-group .viz-group:hover .viz-group-title,
93 -.viz-group-wrapper .viz-group .viz-group.open .viz-group-title {
92 +.group-wrapper .group .group:hover .group-title,
93 +.group-wrapper .group .group.open .group-title {
94 94 border-left-color: #0073aa;
95 95 color: #0073aa;
96 96 background: #f3f3f5;
97 97 }
98 98
99 -.viz-group-wrapper .viz-group .viz-group .viz-group-title:after {
99 +.group-wrapper .group .group .group-title:after {
100 100 position: absolute;
101 101 z-index: 1;
102 102 top: 11px;
103 103 right: 10px;
@@ -105,13 +105,13 @@
105 105 font: 400 20px/1 dashicons;
106 106 content: "\f345";
107 107 }
108 108
109 -.viz-group-wrapper .viz-group .viz-group.open .viz-group-title:after {
109 +.group-wrapper .group .group.open .group-title:after {
110 110 content: "\f347";
111 111 }
112 112
113 -.viz-group-wrapper .viz-group .customize-section-back {
113 +.group-wrapper .group .customize-section-back {
114 114 display: block;
115 115 float: left;
116 116 width: 42px;
117 117 height: 49px;
@@ -121,8 +121,9 @@
121 121 border-top: 1px solid #ddd;
122 122 border-right: 1px solid #ddd;
123 123 border-left: 4px solid #fff;
124 124 background: #fff;
125 + -webkit-box-shadow: none;
125 126 box-shadow: none;
126 127 cursor: pointer;
127 128 -webkit-transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
128 129 transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
@@ -127,9 +128,9 @@
127 128 -webkit-transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
128 129 transition: color 0.15s ease-in-out,border-color 0.15s ease-in-out,background 0.15s ease-in-out;
129 130 }
130 131
131 -.viz-group-wrapper .viz-group .customize-section-back:hover {
132 +.group-wrapper .group .customize-section-back:hover {
132 133 border-left-color: #0073aa;
133 134 outline: 0;
134 135 color: #0073aa;
135 136 background: #f3f3f5;
@@ -134,9 +135,9 @@
134 135 color: #0073aa;
135 136 background: #f3f3f5;
136 137 }
137 138
138 -.viz-group-wrapper .viz-group .customize-section-back:before {
139 +.group-wrapper .group .customize-section-back:before {
139 140 position: relative;
140 141 top: -11px;
141 142 left: -2px;
142 143 font: 400 20px/72px dashicons;
@@ -142,9 +143,9 @@
142 143 font: 400 20px/72px dashicons;
143 144 content: "\f341";
144 145 }
145 146
146 -.viz-group-wrapper.full-height {
147 +.group-wrapper.full-height {
147 148 float: left;
148 149 position: relative;
149 150 width: 100%;
150 151 height: 100%;
@@ -150,9 +151,9 @@
150 151 height: 100%;
151 152 margin: 0;
152 153 }
153 154
154 -.viz-group.bottom-fixed {
155 +.group.bottom-fixed {
155 156 display: block;
156 157 position: absolute;
157 158 bottom: 0;
158 159 width: 100%;
@@ -157,20 +158,19 @@
157 158 bottom: 0;
158 159 width: 100%;
159 160 }
160 161
161 -.viz-group ul li h2,
162 -.viz-group ul li h3 {
162 +.group ul li h2,
163 +.group ul li h3 {
163 164 padding: 7px 15px 7px 35px;
164 165 }
165 166
166 -.viz-group h2 .dashicons,
167 -.viz-group h3 .dashicons {
167 +.group h2 .dashicons {
168 168 margin-right: 5px;
169 169 vertical-align: -5px;
170 170 }
171 171
172 -.viz-group-content {
172 +.group-content {
173 173 display: none;
174 174 margin: 0;
175 175 padding: 0;
176 176 background-color: #fdfdfd;
@@ -175,17 +175,17 @@
175 175 padding: 0;
176 176 background-color: #fdfdfd;
177 177 }
178 178
179 -div.viz-group-content {
179 +div.group-content {
180 180 padding: 15px;
181 181 }
182 182
183 -.viz-group.open > .viz-group-content {
183 +.group.open > .group-content {
184 184 display: block;
185 185 }
186 186
187 -.viz-group-description {
187 +.group-description {
188 188 margin: 0;
189 189 padding: 5px;
190 190 color: #555;
191 191 font-size: 12px;
@@ -191,15 +191,15 @@
191 191 font-size: 12px;
192 192 text-align: left;
193 193 }
194 194
195 -div.viz-group-content .viz-group-description {
195 +div.group-content .group-description {
196 196 padding: 5px;
197 197 font-family: "Montserrat",sans-serif;
198 198 font-weight: 300;
199 199 }
200 200
201 -.initial-screen .viz-group-description {
201 +.initial-screen .group-description {
202 202 padding: 0;
203 203 padding: 10px 20px 20px;
204 204 font-family: "Montserrat",sans-serif;
205 205 font-weight: 300;
@@ -204,9 +204,9 @@
204 204 font-family: "Montserrat",sans-serif;
205 205 font-weight: 300;
206 206 }
207 207
208 -.viz-section-title {
208 +.section-title {
209 209 display: block;
210 210 position: relative;
211 211 margin-bottom: 5px;
212 212 padding: 4px 20px;
@@ -212,20 +212,22 @@
212 212 padding: 4px 20px;
213 213 border-top: 1px solid #eee;
214 214 border-bottom: 1px solid #eee;
215 215 background-color: rgba(0, 0, 0, 0.02);
216 + -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
216 217 box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.1);
217 218 font-weight: bold;
218 219 cursor: pointer;
219 220 }
220 221
221 -.viz-group-wrapper ul ul li .viz-section-title {
222 +.group-wrapper ul ul li .section-title {
222 223 margin-bottom: 0;
223 224 border: none;
225 + -webkit-box-shadow: none;
224 226 box-shadow: none;
225 227 }
226 228
227 -.viz-section-title::after {
229 +.section-title::after {
228 230 position: absolute;
229 231 z-index: 1;
230 232 top: 13px;
231 233 right: 20px;
@@ -236,19 +238,18 @@
236 238 border-color: #ccc transparent;
237 239 content: "";
238 240 }
239 241
240 -.viz-section-title.open::after {
242 +.section-title.open::after {
241 243 border-width: 0 4px 4px;
242 244 }
243 245
244 -.section-items,
245 -.viz-section-items {
246 +.section-items {
246 247 display: none;
247 248 padding: 15px;
248 249 }
249 250
250 -.viz-section-items.open {
251 +.section-items.open {
251 252 display: block;
252 253 }
253 254
254 255 .more-info {
@@ -259,9 +260,9 @@
259 260 font-weight: normal;
260 261 text-decoration: none;
261 262 }
262 263
263 -.viz-section-description {
264 +.section-description {
264 265 margin: 0;
265 266 /*display: none;*/
266 267 padding: 0;
267 268 color: gray;
@@ -267,19 +268,18 @@
267 268 color: gray;
268 269 font-size: 11px;
269 270 }
270 271
271 -.viz-section-table {
272 +.section-table {
272 273 width: 100%;
273 274 }
274 275
275 -.section-delimiter,
276 -.viz-section-delimiter {
276 +.section-delimiter {
277 277 margin: 15px 0;
278 278 border-top: 1px dashed #ccc;
279 279 }
280 280
281 -.viz-section-table-column {
281 +.section-table-column {
282 282 width: 50%;
283 283 padding: 0 1px;
284 284 text-align: left;
285 285 vertical-align: top;
@@ -284,9 +284,9 @@
284 284 text-align: left;
285 285 vertical-align: top;
286 286 }
287 287
288 -.viz-section-item {
288 +.section-item {
289 289 margin-bottom: 10px;
290 290 }
291 291
292 292 .control-select,
@@ -301,14 +301,14 @@
301 301 .control-check::after {
302 302 clear: both;
303 303 }
304 304
305 -.viz-section-description ul {
305 +.section-description ul {
306 306 margin: 0 0 0 25px;
307 307 list-style: circle;
308 308 }
309 309
310 -.viz-section-description li {
310 +.section-description li {
311 311 margin: 0;
312 312 list-style: circle;
313 313 }
314 314
@@ -357,8 +357,9 @@
357 357 left: 0;
358 358 height: 36px;
359 359 padding: 12px 16px;
360 360 border-top: 1px solid #dfdfdf;
361 + -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1);
361 362 box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1);
362 363 text-align: center;
363 364 }
364 365
@@ -391,8 +392,9 @@
391 392 border-top: 1px dashed #ddd;
392 393 border-bottom: 1px dashed #ddd;
393 394 background: #e0e0e0;
394 395 background-color: #efefef;
396 + -webkit-box-shadow: 0 0 8px #ddd;
395 397 box-shadow: 0 0 8px #ddd;
396 398 font-weight: bold;
397 399 text-align: center;
398 400 }
@@ -401,9 +403,9 @@
401 403 color: #c55555;
402 404 }
403 405
404 406 #type-picker {
405 - width: 954px;
407 + width: 952px;
406 408 margin: 50px auto;
407 409 }
408 410
409 411 .type-box {
@@ -411,8 +413,9 @@
411 413 position: relative;
412 414 margin: 0 20px 20px 0;
413 415 border: 1px dashed #ddd;
414 416 background-color: #efefef;
417 + -webkit-box-shadow: 0 0 8px #ddd;
415 418 box-shadow: 0 0 8px #ddd;
416 419 }
417 420
418 421 .type-box:nth-child(3n+3) {
@@ -573,8 +576,9 @@
573 576 border: medium none rgb(100, 100, 100) !important;
574 577 border: 1px solid #b0b0b0 !important;
575 578 color: #646464 !important;
576 579 background: #e6e6e6 url("../images/computer.png") no-repeat scroll 7px 1px !important;
580 + -webkit-box-shadow: none !important;
577 581 box-shadow: none !important;
578 582 text-shadow: none!important;
579 583 font-family: "Open Sans",sans-serif;
580 584 font-weight: 700;
@@ -586,8 +590,10 @@
586 590 padding-left: 27px !important;
587 591 border: 1px solid #2f8cea !important;
588 592 color: white !important;
589 593 background: #2f8cea url("../images/computer.png") no-repeat scroll 7px -36px !important;
594 + -webkit-box-shadow: 0 1px 0 rgba(171, 171, 171, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15) !important;
595 + -webkit-box-shadow: none !important;
590 596 box-shadow: 0 1px 0 rgba(171, 171, 171, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15) !important;
591 597 box-shadow: none !important;
592 598 -webkit-transition: all 0.3s ease 0s;
593 599 -webkit-transition: all 0.3s ease;
@@ -605,8 +611,9 @@
605 611 border: medium none #646464 !important;
606 612 border: 1px solid #b0b0b0 !important;
607 613 color: #646464 !important;
608 614 background: #e6e6e6 url("../images/web.png") no-repeat scroll 7px 1px !important;
615 + -webkit-box-shadow: none !important;
609 616 box-shadow: none !important;
610 617 font-family: "Open Sans",sans-serif;
611 618 font-weight: 700;
612 619 -webkit-transition: all 0.3s ease 0s;
@@ -619,8 +626,9 @@
619 626 /*margin-left: 2px !important;*/
620 627 border: 1px solid #89b158 !important;
621 628 color: white !important;
622 629 background: #89b158 url("../images/web.png") no-repeat scroll 7px -38px !important;
630 + -webkit-box-shadow: none !important;
623 631 box-shadow: none !important;
624 632 -webkit-transition: all 0.3s ease 0s;
625 633 -webkit-transition: all 0.3s ease;
626 634 transition: all 0.3s ease 0s;
@@ -640,8 +648,9 @@
640 648 border: medium none #646464 !important;
641 649 border: 1px solid #b0b0b0 !important;
642 650 color: #646464 !important;
643 651 background: #e6e6e6 url("../images/from_chart.png") no-repeat scroll 7px 1px !important;
652 + -webkit-box-shadow: none !important;
644 653 box-shadow: none !important;
645 654 font-family: "Open Sans",sans-serif;
646 655 font-weight: 700;
647 656 -webkit-transition: all 0.3s ease 0s;
@@ -655,8 +664,9 @@
655 664 /*margin-left: 2px !important;*/
656 665 border: 1px solid #10aecb !important;
657 666 color: white !important;
658 667 background: #10aecb url("../images/from_chart.png") no-repeat scroll 7px -36px !important;
668 + -webkit-box-shadow: none !important;
659 669 box-shadow: none !important;
660 670 -webkit-transition: all 0.3s ease 0s;
661 671 -webkit-transition: all 0.3s ease;
662 672 transition: all 0.3s ease 0s;
@@ -681,8 +691,9 @@
681 691 margin: 0 auto;
682 692 border: 1px solid #2c80d6 !important;
683 693 color: white !important;
684 694 background-color: #2f8cea !important;
695 + -webkit-box-shadow: none !important;
685 696 box-shadow: none !important;
686 697 text-shadow: none;
687 698 -webkit-transition: all 0.3s ease;
688 699 transition: all 0.3s ease;
@@ -691,8 +702,9 @@
691 702 .preview-btn {
692 703 border: 1px solid #2c80d6 !important;
693 704 color: white !important;
694 705 background-color: #2f8cea !important;
706 + -webkit-box-shadow: none !important;
695 707 box-shadow: none !important;
696 708 font-family: "Open Sans",sans-serif;
697 709 font-weight: 700;
698 710 -webkit-transition: all 0.3s ease;
@@ -702,8 +714,9 @@
702 714 .preview-btn:hover {
703 715 border: 1px solid #2c80d6 !important;
704 716 color: white !important;
705 717 background-color: #2c80d6 !important;
718 + -webkit-box-shadow: none !important;
706 719 box-shadow: none !important;
707 720 font-family: "Open Sans",sans-serif;
708 721 font-weight: 700;
709 722 -webkit-transition: all 0.3s ease;
@@ -714,8 +727,9 @@
714 727 width: 100%;
715 728 margin-top: 15px !important;
716 729 border-color: #e98b00 !important;
717 730 background-color: #f90 !important;
731 + -webkit-box-shadow: none !important;
718 732 box-shadow: none !important;
719 733 font-family: "Open Sans",sans-serif;
720 734 font-weight: 700;
721 735 }
@@ -724,8 +738,9 @@
724 738 width: 100%;
725 739 margin-top: 15px !important;
726 740 border-color: #e98b00 !important;
727 741 background-color: #ea8c00 !important;
742 + -webkit-box-shadow: none !important;
728 743 box-shadow: none !important;
729 744 font-family: "Open Sans",sans-serif;
730 745 font-weight: 700;
731 746 -webkit-transition: all 0.3s ease;
@@ -793,12 +808,10 @@
793 808 }
794 809 }
795 810
796 811 #vz-chart-settings h2:hover,
797 -#vz-chart-permissions h2:hover,
798 -.sidebar-footer-link h2:hover,
799 812 #vz-chart-review a:hover {
800 - text-decoration: none;
813 + text-decoration: underline;
801 814 }
802 815
803 816 #vz-chart-review a {
804 817 color: #00a0d2;
@@ -805,10 +818,8 @@
805 818 text-decoration: none;
806 819 }
807 820
808 821 #vz-chart-settings h2,
809 -#vz-chart-permissions h2,
810 -.sidebar-footer-link h2,
811 822 #vz-chart-review h2 {
812 823 padding: 0;
813 824 border: none;
814 825 font-size: 12px;
@@ -816,45 +827,31 @@
816 827 }
817 828
818 829 #vz-chart-review {
819 830 right: 0;
820 - bottom: 10px;
831 + bottom: 40px;
832 + -webkit-box-sizing: border-box;
821 833 box-sizing: border-box;
822 - width: 40%;
823 - padding-right: 6px;
834 + width: 50%;
835 + padding-right: 20px;
824 836 text-align: right;
825 837 }
826 838
827 839 #vz-chart-settings.bottom-fixed h2 {
828 - padding-left: 6px;
840 + padding-left: 20px;
829 841 }
830 842
831 843 #vz-chart-settings {
832 844 bottom: 40px;
833 845 left: 0;
846 + -webkit-box-sizing: border-box;
834 847 box-sizing: border-box;
835 - width: 33%;
848 + width: 50%;
836 849 text-align: left;
837 850 }
838 851
839 -#vz-chart-permissions:not(.open) h2 {
840 - display: inline-block;
841 - width: 100%;
842 - margin: 0;
843 - text-align: right;
844 -}
845 -
846 -#vz-chart-permissions {
847 - right: 0;
848 - bottom: 40px;
849 - box-sizing: border-box;
850 - width: 33%;
851 - text-align: left;
852 -}
853 -
854 -#vz-chart-permissions h2,
855 -#vz-chart-settings h2,
856 -.sidebar-footer-link h2 {
852 +#vz-chart-review,
853 +#vz-chart-settings h2 {
857 854 display: inline;
858 855 color: #00a0d2;
859 856 background: none;
860 857 font-family: "Open Sans",sans-serif;
@@ -860,11 +857,8 @@
860 857 font-family: "Open Sans",sans-serif;
861 858 cursor: pointer;
862 859 }
863 860
864 -.sidebar-footer-link,
865 -#vz-chart-review,
866 -#vz-chart-permissions,
867 861 #vz-chart-settings {
868 862 display: inline;
869 863 background: none;
870 864 cursor: pointer;
@@ -869,11 +863,9 @@
869 863 background: none;
870 864 cursor: pointer;
871 865 }
872 866
873 -.sidebar-footer-link > ul,
874 867 #vz-chart-source > ul,
875 -#vz-chart-permissions > ul,
876 868 #vz-chart-settings > ul {
877 869 position: relative;
878 870 z-index: 10;
879 871 border-bottom: 1px solid #ddd;
@@ -888,44 +880,19 @@
888 880 border-left: 1px solid #ddd;
889 881 background: #f3f3f3;
890 882 }
891 883
892 -#vz-chart-permissions.open h2 {
893 - position: absolute;
894 - right: 6px;
895 - bottom: 28px;
896 - left: auto;
897 - width: 50%;
898 - text-align: right;
899 -}
900 -
901 884 #vz-chart-settings.open h2 {
902 885 position: absolute;
903 886 bottom: 28px;
904 - left: 6px;
905 -}
906 -
907 -#vz-chart-permissions .viz-group-header,
908 -#vz-chart-settings.open .viz-group-header {
909 - display: block;
910 -}
911 -
912 -#vz-chart-permissions .viz-group-header,
913 -#vz-chart-settings .viz-group-header {
914 - display: none;
915 -}
916 -
917 -.sidebar-footer-link.open h2 {
918 - position: absolute;
919 - bottom: 28px;
920 887 left: 20px;
921 888 }
922 889
923 -.sidebar-footer-link.open .viz-group-header {
890 +#vz-chart-settings.open .group-header {
924 891 display: block;
925 892 }
926 893
927 -.sidebar-footer-link .viz-group-header {
894 +#vz-chart-settings .group-header {
928 895 display: none;
929 896 }
930 897
931 898 #vz-csv-file-form,
@@ -945,9 +912,9 @@
945 912 width: 100%;
946 913 margin: 0 0 15px;
947 914 }
948 915
949 -.viz-group .dashicons-lock {
916 +.group .dashicons-lock {
950 917 display: none;
951 918 }
952 919
953 920 .only-pro-feature .dashicons-lock {
@@ -953,10 +920,10 @@
953 920 .only-pro-feature .dashicons-lock {
954 921 display: inline;
955 922 }
956 923
957 -.viz-section-title .dashicons,
958 -.viz-group-title .dashicons {
924 +.section-title .dashicons,
925 +.group-title .dashicons {
959 926 width: 18px;
960 927 height: 18px;
961 928 margin-left: 3px;
962 929 font-size: 18px;
@@ -1027,32 +994,5 @@
1027 994 }
1028 995
1029 996 #sidebar::-webkit-scrollbar-thumb {
1030 997 background: #999;
1031 -}
1032 -
1033 -span.viz-section-error {
1034 - color: #ff000;
1035 -}
1036 -
1037 -#visualizer-error-manual {
1038 - color: #ff595e;
1039 -}
1040 -
1041 -#vz-chart-permissions {
1042 - width: 43%;
1043 -}
1044 -
1045 -#vz-chart-permissions {
1046 - color: #ce484c;
1047 -}
1048 -
1049 -#vz-chart-permissions {
1050 - right: 6px;
1051 - bottom: 40px;
1052 - width: 35%;
1053 -}
1054 -
1055 -#permissions-form .only-pro-feature > ul {
1056 - position: relative;
1057 - text-align: center;
1058 998 }