PluginProbe
WPGet API – Connect to any external REST API / 1.4.0
WPGet API – Connect to any external REST API v1.4.0
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.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.1.0 2.1.1 2.1.3 2.1.4 2.1.5 2.2.0 2.2.1 2.2.10 2.2.2 2.2.3 All 97 releases
← All changes | assets/css/wpgetapi-admin.css +27 -466 2.1.41.4.0 View file →
@@ -1,61 +1,6 @@
1 1 .wrap.wpgetapi *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
2 2 .wrap.wpgetapi *:before, .wrap.wpgetapi *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
3 -#toplevel_page_wpgetapi_setup div.wp-menu-image,
4 -#toplevel_page_wpgetapi_importer_dashboard div.wp-menu-image {
5 - background-image: url(../img/icon.png);
6 - background-size: 20px 20px;
7 - background-repeat: no-repeat;
8 - background-position: center center;
9 -}
10 -#toplevel_page_wpgetapi_setup a:hover div.wp-menu-image,
11 -#toplevel_page_wpgetapi_importer_dashboard a:hover div.wp-menu-image {
12 - background-image: url(../img/icon-blue.png);
13 -}
14 -#toplevel_page_wpgetapi_setup .wp-has-current-submenu div.wp-menu-image,
15 -#toplevel_page_wpgetapi_importer_dashboard .wp-has-current-submenu div.wp-menu-image {
16 - background-image: url(../img/icon-white.png);
17 -}
18 -
19 -.edit-post-visual-editor .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset, .edit-widgets-block-editor .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset, .editor-styles-wrapper .wpgetapi-gutenberg-endpoint-selector-wrap .components-placeholder__fieldset {
20 - justify-content: center;
21 - align-self: center;
22 - max-width: 400px;
23 - flex-direction: row !important;
24 -}
25 -.wpgetapi-gutenberg-endpoint-selector-wrap img {
26 - margin: 0 auto;
27 - text-align: center;
28 - width: 70px;
29 -}
30 -.wpgetapi-gutenberg-endpoint-selector-wrap h3 {
31 - margin: 10px auto;
32 - text-align: center;
33 - display: block;
34 - width: 100%;
35 -}
36 -.wpgetapi-gutenberg-endpoint-selector-wrap .components-base-control {
37 - margin: 0 2px;
38 -}
39 -.wrap.wpgetapi h1.wp-heading-inline {
40 - font-weight: bold;
41 - vertical-align: middle;
42 - margin-bottom: 15px;
43 -}
44 -.wrap.wpgetapi h1.wp-heading-inline img {
45 - margin: -4px 5px 0 0;
46 - display: inline-block;
47 - vertical-align: middle;
48 -}
49 -.wrap.wpgetapi h1.wp-heading-inline .vnum {
50 - background: #e1e1e1;
51 - padding: 5px 10px;
52 - font-size: 0.7rem;
53 - border-radius: 20px;
54 - margin: 0 0 0 10px;
55 - display: inline-block;
56 - color: #666;
57 -}
58 3 .wrap.wpgetapi {
59 4 padding: 10px 0px 10px 0;
60 5 margin: 0;
61 6 display: table;
@@ -61,31 +6,8 @@
61 6 display: table;
62 7 width: 100%;
63 8 table-layout: fixed;
64 9 }
65 -.wrap.wpgetapi .nav-tab-wrapper {
66 - margin-top: 15px;
67 - background: #fff;
68 - border: 1px solid #ddd;
69 - border-bottom: none;
70 - padding: 0;
71 -}
72 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab {
73 - border: none;
74 - margin-left: 0;
75 - padding: 15px 15px;
76 - font-size: 13px;
77 - font-weight: 400;
78 - background: none;
79 - color: #000;
80 - white-space: nowrap;
81 - border-bottom: 2px solid transparent;
82 -}
83 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab-active, .wrap.wpgetapi .nav-tab-wrapper .nav-tab-active:focus, .nav-tab-active:focus:active, .wrap.wpgetapi .nav-tab-wrapper .nav-tab-active:hover {
84 - border-bottom: 2px solid #007cba;
85 - color: #000;
86 - font-weight: 600;
87 -}
88 10 .wrap.wpgetapi .main_content_cell {
89 11 display: table-cell;
90 12 height: 500px;
91 13 margin: 0;
@@ -92,23 +14,8 @@
92 14 padding: 0;
93 15 vertical-align: top;
94 16 width: 100%;
95 17 }
96 -.wrap.wpgetapi .cmb-form.group {
97 - background: #fdfdfd;
98 - border: 1px solid #ddd;
99 - padding: 0 20px;
100 -}
101 -#wpbody-content .wpgetapi .metabox-holder {
102 - padding-top: 0;
103 - padding-bottom: 30px;
104 - border: none !important;
105 -}
106 -#wpbody-content .wpgetapi .metabox-holder h3.title {
107 - color: #1d2327;
108 - font-size: 1.3em;
109 - margin: 1em 0;
110 -}
111 18 .wrap.wpgetapi .sidebar_cell {
112 19 display: table-cell;
113 20 height: 500px;
114 21 margin: 0;
@@ -113,49 +20,15 @@
113 20 height: 500px;
114 21 margin: 0;
115 22 padding: 0;
116 23 vertical-align: top;
117 - width: 330px;
118 - padding: 74px 15px 0 20px;
24 + width: 260px;
25 + padding: 80px 0 0 20px;
119 26 }
120 -.wrap.wpgetapi .sidebar_cell .box {
121 - background: #fff;
122 - padding: 15px 20px;
27 +.wrap.wpgetapi .cmb2-metabox {
28 + background: #fafafa;
29 + padding: 30px;
123 30 border: 1px solid #ddd;
124 -}
125 -.wrap.wpgetapi .sidebar_cell .box h3 {
126 - margin-top: 0;
127 -}
128 -.wrap.wpgetapi .sidebar_cell .box h4 {
129 - margin: 0 -20px;
130 - padding: 2px 20px 15px;
131 - border-bottom: 1px solid #ddd;
132 - font-size: 0.9rem;
133 - background: #fff;
134 -}
135 -.wrap.wpgetapi .sidebar_cell .box a {
136 - text-decoration: none;
137 -}
138 -.wrap.wpgetapi .sidebar_cell .box.help-box {
139 - display: block;
140 - position: relative;
141 -}
142 -
143 -.wrap.wpgetapi .sidebar_cell .box.help-box .button {
144 - background: #fff;
145 - color: #74bc35;
146 - padding: 8px 20px;
147 - border-radius: 3px;
148 - font-size: 0.85rem;
149 - font-weight: 600;
150 - border: 2px solid;
151 - box-shadow: 0 6px 9px -4px rgba(0 0 0 / 12%);
152 - margin: 25px 0 0;
153 - width: 100%;
154 - display: block;
155 - text-align: center;
156 -}
157 -.wrap.wpgetapi .cmb2-metabox {
158 31 margin-bottom: 20px;
159 32 }
160 33 .wrap.wpgetapi .cmb-th {
161 34 padding: 10px 10px 10px 0;
@@ -162,26 +35,13 @@
162 35 }
163 36 .wrap.wpgetapi .cmb-td {
164 37 padding: 5px 10px 8px;
165 38 }
166 -.wrap.wpgetapi .cmb-type-title .cmb-td {
167 - padding-left: 0;
168 -}
169 39
170 -.wrap.wpgetapi .cmb-td input.regular-text::placeholder,
171 -.wrap.wpgetapi .cmb-td textarea::placeholder {
172 - color: #bbb;
173 - font-weight: 300;
174 -}
175 -.wrap.wpgetapi .cmb-td input.regular-text,
176 -.wrap.wpgetapi .cmb-td select {
177 - width: 450px;
40 +.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select {
41 + width: 400px;
178 42 max-width: 95%;
179 43 }
180 -.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select, .wrap.wpgetapi .cmb-td textarea {
181 - border-color: #c2cbd8;
182 - padding: 3px 12px;
183 -}
184 44 .cmb-repeatable-group .cmb-group-title {
185 45 background-color: #dedede;
186 46 }
187 47 .wrap.wpgetapi .cmb-type-group .cmb-th {
@@ -191,9 +51,8 @@
191 51 padding: 0;
192 52 }
193 53 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
194 54 right: 0;
195 - top: 7px;
196 55 }
197 56 .wrap.wpgetapi p.cmb2-metabox-description {
198 57 font-style: normal;
199 58 margin: 5px 0 0 0;
@@ -200,47 +59,8 @@
200 59 padding-top: 0 !important;
201 60 padding-bottom: 0 !important;
202 61 font-weight: 300;
203 62 }
204 -.wrap.wpgetapi span.dashicons.dashicons-editor-help {
205 - color: #bac1c7;
206 - display: inline-block;
207 - float: right;
208 - margin: 0;
209 - padding: 0;
210 -}
211 -.wpgetapi-tooltip {
212 - position: absolute;
213 - top: 0;
214 - padding: 10px 15px;
215 - border: 1px solid #ddd;
216 - background: white;
217 - border-radius: 4px;
218 - box-shadow: 0 3px 9px #bac1c7;
219 - max-width: 300px;
220 -}
221 -.wpgetapi-tooltip a {
222 - display: inline-block;
223 - background: #fff;
224 - padding: 4px 10px;
225 - color: #2271b1;
226 - border: 1px solid #2271b1;
227 - border-radius: 4px;
228 - text-decoration: none;
229 - font-size: 12px;
230 - margin: 10px 0 5px;
231 -}
232 -.wrap.wpgetapi p.cmb2-metabox-description a,
233 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
234 - text-decoration: none;
235 - font-weight: inherit;
236 - font-size: inherit;
237 -}
238 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
239 - font-size: 0.8rem;
240 - line-height: 1.2rem;
241 - width: 12px;
242 -}
243 63 .wrap.wpgetapi .desc {
244 64 font-style: normal;
245 65 margin: 0 0 15px;
246 66 padding-top: 0 !important;
@@ -245,14 +65,9 @@
245 65 margin: 0 0 15px;
246 66 padding-top: 0 !important;
247 67 padding-bottom: 0 !important;
248 68 font-weight: 300;
249 - word-break: break-word;
250 69 }
251 -.wrap.wpgetapi .cmb-type-group .cmb-group-name {
252 - font-size: 1.1em;
253 -}
254 -
255 70 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
256 71 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
257 72 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
258 73 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
@@ -259,310 +74,56 @@
259 74 padding-top: 5px !important;
260 75 }
261 76 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
262 77 padding: 0 !important;
263 - margin: 0 0 20px;
264 - background: #fff;
265 - border: 1px solid #ddd;
266 - position: relative !important;
78 + box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
79 + margin: 0 0 30px;
80 + background: #fbfbfb;
267 81 }
268 -.wrap.wpgetapi .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
269 - cursor: pointer;
270 - color: #bf4242;
271 - opacity: 1;
272 - top: 14px;
273 -}
274 -.wrap.wpgetapi .cmb2-metabox .button-primary {
275 - background: #fff;
276 - border-color: #2271b1;
277 - color: #2271b1;
278 - text-decoration: none;
279 - text-shadow: none;
280 -}
281 82 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
282 - padding: 0 20px 15px !important;
283 - border: none !important;
83 + padding: 2px 20px 10px !important;
284 84 }
285 85 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
286 - padding: 15px 12px 15px 2.2em !important;
287 - background: #fafafa;
288 - border-bottom: 1px solid #ddd;
86 + padding: 8px 12px 8px 2.2em !important;
289 87 }
290 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
291 - width: 48%;
88 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
89 + width: 50%;
292 90 float: left;
293 91 }
294 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap input,
295 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
296 - max-width: 100%;
297 -}
298 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
299 - padding: 8px 15px 8px;
300 -}
301 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row span.colon {
302 - width: 4%;
303 - display: inline-block;
304 - float: left;
305 - text-align: center;
306 - vertical-align: middle;
307 - line-height: 1.8rem;
308 - font-weight: bold;
309 -}
310 -.wrap.wpgetapi .cmb-repeat-table label {
311 - display: none;
312 -}
313 92 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
314 - margin-top: 2px;
315 - border-radius: 4px;
93 + margin-top: 8px;
316 94 }
317 95 .wrap.wpgetapi .cmb-remove-field-row {
318 96 padding: 0 20px !important;
319 97 }
320 -
321 -.wrap.wpgetapi .cmb-type-parameter .cmb-repeat-table .cmb-row.cmb-repeat-row {
322 - padding: 10px 10px 8px 10px;
323 - background: #fdfdfd;
324 - border-radius: 4px;
325 -}
326 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
327 - display: none;
328 -}
329 -
330 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
331 - font-size: 12px;
332 - line-height: 2;
333 - min-height: 24px;
334 - background: #fff;
335 -}
336 -.wrap.wpgetapi .button-secondary {
337 - background: #fff;
338 -}
339 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
340 - height: 1em;
341 -}
342 -.wpgetapi-export,
343 -.wpgetapi-import {
344 - padding: 0 20px;
345 -}
346 -.wpgetapi-export {
347 - margin-top: 30px;
348 - margin-bottom: 30px;
349 - border-bottom: 2px dashed #ddd;
350 - padding-bottom: 30px;
351 -}
352 -.wpgetapi-export h3, .wpgetapi-import h3 {
353 - margin-bottom: 0;
354 -}
355 -.wpgetapi-export p, .wpgetapi-import p {
356 - margin: 5px 0 15px;
357 -}
358 -.wpgetapi-export p, .wpgetapi-import .message {
359 - margin: 10px 0 15px;
360 -}
361 -
362 -.wrap.wpgetapi pre,
363 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre,
364 -.wpgetapi-export .message {
98 +.wrap.wpgetapi pre {
365 99 display: inline-block;
366 - background: #f4f7fa;
367 - padding: 12px 20px;
100 + background: #ffffff;
101 + padding: 14px 27px;
368 102 margin: 10px 0 10px;
369 - border-radius: 4px;
103 + border-radius: 1px;
104 + color: #353535;
370 105 white-space: pre-line;
371 106 line-height: 0.9;
372 107 font-size: 13px;
373 108 font-weight: 300;
374 - word-break: break-all;
375 - box-shadow: inset 0 0 12px rgba(0,0,0,0.04);
109 + box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
110 + border: 1px solid #efefef;
376 111 }
377 -.wpgetapi-export .message {
378 - display: none;
379 - width: 92%;
380 - line-height: 1rem;
381 -}
382 -.wpgetapi-import textarea {
383 - display: block;
384 - width: 100%;
385 - margin: 0 0 20px;
386 - height: 100px;
387 -}
388 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre {
389 - display: block;
390 -}
391 -.wrap.wpgetapi pre img {
392 - max-width: 100%;
393 -}
394 112 .wrap.wpgetapi pre.url {
395 - margin: 0 0 20px;
113 + margin: 0 0 30px;
396 114 }
397 115 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
398 - color: #5e9929;
116 + color: #718e13;
399 117 }
400 118 .wrap.wpgetapi pre.functions {
401 119 display: block;
402 - margin: 20px 20px 20px 20px;
403 - line-height: 1.3;
404 - padding: 12px 20px 5px;
120 + margin: 15px 20px 20px 20px;
405 121 }
406 -.wrap.wpgetapi pre.url div,
407 -.wrap.wpgetapi pre.functions div {
408 - display: inline-block
409 -}
410 -.wrap.wpgetapi pre.url div,
411 -.wrap.wpgetapi pre.functions div.wrapper > div {
412 - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
413 - font-weight: 500;
414 -}
415 -.wrap.wpgetapi pre.functions .dashicons {
416 - font-size: 15px;
417 - color: #5e9929;
418 - margin: 1px 0 0 -2px;
419 - cursor: pointer;
420 -}
421 -.wrap.wpgetapi pre.functions .dashicons:hover {
422 - color: #5e9929;
423 -}
424 -.wrap.wpgetapi .collapse,
425 -.wrap.wpgetapi .import-export {
426 - float: right;
427 -}
428 -.wrap.wpgetapi .collapse a.button,
429 -.wrap.wpgetapi .import-export a.button {
430 - color: #3c434a;
431 - border: 1px solid #aec1cf;
432 - font-weight: 500;
433 - background: #fff;
434 - margin-left:10px;
435 -}
436 -.wrap.wpgetapi .collapse a.button {
437 - padding-left: 0;
438 - padding-right: 0;
439 - width: 30px;
440 - text-align: center;
441 - alignment-baseline: middle;
442 - position: relative;
443 -}
444 -.wrap.wpgetapi .collapse a.button .dashicons:before, .wrap.wpgetapi .collapse a.button .dashicons {
445 - vertical-align: middle;
446 - display: inline-block;
447 - position: absolute;
448 - top: 0;
449 - bottom: 0;
450 - right: 0;
451 - left: 0;
452 - text-align: center;
453 - width: 28px;
454 - height: 30px;
455 - line-height: 1.5;
456 -}
457 -.wrap.wpgetapi .collapse.open a.button .dashicons {
458 - transform: rotate(180deg);
459 - width: 30px;
460 -}
461 122
462 -.wrap.wpgetapi .sidebar_cell hr {
463 - margin: 20px 0;
123 +.wrap.wpgetapi .sidebar_cell .box {
124 + margin-bottom: 40px;
464 125 }
465 -.wrap.wpgetapi .sidebar_cell ol {
466 - margin: 15px 0 0 15px;
467 -}
468 -
469 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
470 - width: calc( 100% - 200px);
471 -}
472 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
473 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
474 - width: 48%;
475 - float: left;
476 -}
477 -
478 -.wrap.wpgetapi .cmb2-metabox .section-wrapper {
479 - padding: 14px 27px;
480 - background: #fff;
481 - border: 1px solid #ddd;
482 - margin: 0 0 20px;
483 -}
484 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
485 - font-size: 1.1em;
486 - padding-bottom: 0;
487 - margin-bottom: 0;
488 -}
489 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
490 - margin: 5px 0 15px;
491 -}
492 -.wrap.wpgetapi .cmb2-metabox .importer-creator {
493 - display: inline-block;
494 - width: 100%;
495 - border: 1px solid #ddd;
496 - background: #fff;
497 - padding: 14px 0 0;
498 - margin-bottom: 15px;
499 -}
500 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
501 - float: left;
502 - width: 50%;
503 - margin-bottom: 20px;
504 - padding: 0 28px;
505 -}
506 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
507 - margin-top: 0;
508 -}
509 -.wrap.wpgetapi .cmb2-metabox .side-notice {
510 - border-left: 3px solid #dba617;
511 - background: #fff;
512 - padding: 5px 15px;
513 - box-shadow: 0 0 1px #aaa;
514 - margin: 10px 0;
515 -}
516 -.wrap.wpgetapi .cmb2-metabox .side-notice p {
517 - margin: 5px 0;
518 -}
519 -
520 -.wrap.wpgetapi .wpgetapi-test-area {
521 - margin: 0 20px 15px;
522 -}
523 -.wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
524 - margin: 20px 0 20px;
525 -}
526 -.wrap.wpgetapi .wpgetapi-test-area .handle {
527 - margin: 0 0 0 15px;
528 - border-bottom: 1px dotted #ccc;
529 - padding: 0 0 4px;
530 - cursor: pointer;
531 -}
532 -.wrap.wpgetapi .wpgetapi-test-area pre {
533 - box-shadow: none;
534 - border: none;
535 - width: auto !important;
536 - max-width: 100%;
537 - word-break: break-all;
538 -}
539 -.wrap.wpgetapi .wpgetapi-test-area .side-notice {
540 - margin-top: 20px;
541 -}
542 -.wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
543 - border-bottom: 1px solid #ddd;
544 - margin: 0 -27px 15px;
545 - padding: 0 27px;
546 -}
547 -
548 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions {
549 - border-top: 1px solid #ddd !important;
550 - padding-top: 20px !important;
551 - padding-bottom: 20px !important;
552 -}
553 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-wpdatatables-table {
554 - border-top: 1px solid #ddd !important;
555 - padding: 10px 20px 20px !important;
556 -}
557 -.wpgetapi .wpdatatables-buttons a.button {
558 - margin-right: 15px;
559 -}
560 -.wrap.wpgetapi .cmb-type-group .cmb-remove-field-row {
561 - border-top: 1px solid #ddd !important;
562 - padding: 20px 20px 10px !important;
563 -}
564 -
565 126 @media screen and (max-width: 1024px) {
566 127 .wrap.wpgetapi .main_content_cell {
567 128 width: auto;
568 129 display: block;