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