PluginProbe
WPGet API – Connect to any external REST API / 1.4.6
WPGet API – Connect to any external REST API v1.4.6
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 +35 -619 2.2.31.4.6 View file →
@@ -1,74 +1,8 @@
1 -body[class*="wpgetapi_"] {
2 - background: #f6f9fc;
3 -}
4 1 .wrap.wpgetapi *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
5 2 .wrap.wpgetapi *:before, .wrap.wpgetapi *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
6 -#toplevel_page_wpgetapi_setup div.wp-menu-image,
7 -#toplevel_page_wpgetapi_importer_dashboard div.wp-menu-image {
8 - background-image: url(../img/icon.png);
9 - background-size: 20px 20px;
10 - background-repeat: no-repeat;
11 - background-position: center center;
12 -}
13 -#toplevel_page_wpgetapi_setup a:hover div.wp-menu-image,
14 -#toplevel_page_wpgetapi_importer_dashboard a:hover div.wp-menu-image {
15 - background-image: url(../img/icon-blue.png);
16 -}
17 -#toplevel_page_wpgetapi_setup .wp-has-current-submenu div.wp-menu-image,
18 -#toplevel_page_wpgetapi_importer_dashboard .wp-has-current-submenu div.wp-menu-image {
19 - background-image: url(../img/icon-white.png);
20 -}
21 -
22 -.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 {
23 - justify-content: center;
24 - align-self: center;
25 - max-width: 400px;
26 - flex-direction: row !important;
27 -}
28 -.wpgetapi-gutenberg-endpoint-selector-wrap img {
29 - margin: 0 auto;
30 - text-align: center;
31 - width: 70px;
32 -}
33 -.wpgetapi-gutenberg-endpoint-selector-wrap h3 {
34 - margin: 10px auto;
35 - text-align: center;
36 - display: block;
37 - width: 100%;
38 -}
39 -.wpgetapi-gutenberg-endpoint-selector-wrap .components-base-control {
40 - margin: 0 2px;
41 -}
42 -.wrap.wpgetapi h1.wp-heading-inline {
43 - font-weight: bold;
44 - vertical-align: middle;
45 - margin-bottom: 30px;
46 -}
47 -.wrap.wpgetapi h1.wp-heading-inline img {
48 - margin: -4px 5px 0 0;
49 - display: inline-block;
50 - vertical-align: middle;
51 -}
52 -.wrap.wpgetapi h1.wp-heading-inline .vnum {
53 - background: #e6eaef;
54 - padding: 5px 10px;
55 - font-size: 0.7rem;
56 - border-radius: 20px;
57 - margin: 0 0 0 10px;
58 - display: inline-block;
59 - color: #666;
60 -}
61 -.wrap.wpgetapi.valid .wpgetapi-debug .debug-item h6,
62 -.wrap.wpgetapi.valid h1.wp-heading-inline .vnum {
63 - color: #435e2b;
64 -}
65 -.wrap.wpgetapi.invalid .wpgetapi-debug .debug-item h6
66 -.wrap.wpgetapi.invalid h1.wp-heading-inline .vnum {
67 - color: #543e27;
68 -}
69 3 .wrap.wpgetapi {
70 - padding: 20px 0px 10px 0;
4 + padding: 10px 0px 10px 0;
71 5 margin: 0;
72 6 display: table;
73 7 width: 100%;
74 8 table-layout: fixed;
@@ -73,67 +7,18 @@
73 7 width: 100%;
74 8 table-layout: fixed;
75 9 }
76 10 .wrap.wpgetapi .nav-tab-wrapper {
77 - margin-top: 0;
78 - background: #fff;
79 - border-bottom: 1px solid #ddd;
80 - padding: 0;
81 - margin-bottom: 0;
11 + margin-top: 15px;
82 12 }
83 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab {
84 - border: none;
85 - margin-left: 0;
86 - padding: 15px 15px;
87 - font-size: 13px;
88 - font-weight: 400;
89 - background: none;
90 - color: #000;
91 - white-space: nowrap;
92 - border-bottom: 2px solid transparent;
93 -}
94 -.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 {
95 - border-bottom: 2px solid #5493b2;
96 - color: #000;
97 - font-weight: 600;
98 -}
99 13 .wrap.wpgetapi .main_content_cell {
100 14 display: table-cell;
101 15 height: 500px;
102 16 margin: 0;
103 - padding: 0 10px;
17 + padding: 0;
104 18 vertical-align: top;
105 19 width: 100%;
106 20 }
107 -.wrap.wpgetapi .cmb-form.group {
108 - background: #fff;
109 - padding: 10px 20px 0;
110 - margin: 0 !important;
111 -}
112 -.wrap.wpgetapi form.cmb-form input[type="submit"] {
113 - font-size: 15px;
114 - padding: 3px 40px;
115 -}
116 -#wpbody-content .wpgetapi .metabox-holder {
117 - padding-top: 0;
118 - padding-bottom: 30px;
119 - border: none !important;
120 -}
121 -#wpbody-content .wpgetapi .metabox-holder h3.title {
122 - color: #1d2327;
123 - font-size: 1.3em;
124 - margin: 1em 0;
125 -}
126 -
127 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.api-name {
128 - padding-top:10px !important;
129 -}
130 -.wrap.wpgetapi .sidebar_cell .box,
131 -.wrap.wpgetapi .main_content_cell .outer-box {
132 - box-shadow: 0 1px 4px rgba(18,25,97,.078);
133 - border: 1px solid #e3e6ef;
134 -}
135 -
136 21 .wrap.wpgetapi .sidebar_cell {
137 22 display: table-cell;
138 23 height: 500px;
139 24 margin: 0;
@@ -138,49 +23,15 @@
138 23 height: 500px;
139 24 margin: 0;
140 25 padding: 0;
141 26 vertical-align: top;
142 - width: 330px;
143 - padding: 74px 15px 0 20px;
27 + width: 290px;
28 + padding: 80px 20px 0 20px;
144 29 }
145 -.wrap.wpgetapi .sidebar_cell .box {
146 - background: #fff;
147 - padding: 15px 20px;
148 - margin-bottom: 20px;
149 -}
150 -.wrap.wpgetapi .sidebar_cell .box h3 {
151 - margin-top: 0;
152 -}
153 -.wrap.wpgetapi .sidebar_cell .box h4 {
154 - margin: 0 -20px;
155 - padding: 2px 20px 15px;
156 - border-bottom: 1px solid #ddd;
157 - font-size: 0.9rem;
158 - background: #fff;
159 -}
160 -.wrap.wpgetapi .sidebar_cell .box a {
161 - text-decoration: none;
162 -}
163 -.wrap.wpgetapi .sidebar_cell .box.help-box {
164 - display: block;
165 - position: relative;
166 -}
167 -
168 -.wrap.wpgetapi .sidebar_cell .box.help-box .button {
169 - background: #74bc35;
170 - color: #fff;
171 - padding: 8px 20px;
172 - border-radius: 3px;
173 - font-size: 0.85rem;
174 - font-weight: 600;
175 - border: 2px solid #74bc35;
176 - box-shadow: 0 6px 9px -4px rgba(0 0 0 / 12%);
177 - margin: 25px 0 0;
178 - width: 100%;
179 - display: block;
180 - text-align: center;
181 -}
182 30 .wrap.wpgetapi .cmb2-metabox {
31 + background: #fafafa;
32 + padding: 30px;
33 + border: 1px solid #ddd;
183 34 margin-bottom: 20px;
184 35 }
185 36 .wrap.wpgetapi .cmb-th {
186 37 padding: 10px 10px 10px 0;
@@ -191,22 +42,12 @@
191 42 .wrap.wpgetapi .cmb-type-title .cmb-td {
192 43 padding-left: 0;
193 44 }
194 45
195 -.wrap.wpgetapi .cmb-td input.regular-text::placeholder,
196 -.wrap.wpgetapi .cmb-td textarea::placeholder {
197 - color: #bbb;
198 - font-weight: 300;
199 -}
200 -.wrap.wpgetapi .cmb-td input.regular-text,
201 -.wrap.wpgetapi .cmb-td select {
202 - width: 450px;
46 +.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select {
47 + width: 400px;
203 48 max-width: 95%;
204 49 }
205 -.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select, .wrap.wpgetapi .cmb-td textarea {
206 - border-color: #c2cbd8;
207 - padding: 3px 12px;
208 -}
209 50 .cmb-repeatable-group .cmb-group-title {
210 51 background-color: #dedede;
211 52 }
212 53 .wrap.wpgetapi .cmb-type-group .cmb-th {
@@ -215,10 +56,9 @@
215 56 .wrap.wpgetapi .cmb-type-group .cmb-td {
216 57 padding: 0;
217 58 }
218 59 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
219 - right: 10px;
220 - top: 7px;
60 + right: 0;
221 61 }
222 62 .wrap.wpgetapi p.cmb2-metabox-description {
223 63 font-style: normal;
224 64 margin: 5px 0 0 0;
@@ -225,35 +65,8 @@
225 65 padding-top: 0 !important;
226 66 padding-bottom: 0 !important;
227 67 font-weight: 300;
228 68 }
229 -.wrap.wpgetapi span.dashicons.dashicons-editor-help {
230 - color: #cacfd3;
231 - display: inline-block;
232 - margin: -1px 0 0 5px;
233 - padding: 0;
234 -}
235 -.wpgetapi-tooltip {
236 - position: absolute;
237 - top: 0;
238 - padding: 10px 15px;
239 - background: #1d2327;
240 - border-radius: 5px;
241 - max-width: 260px;
242 - color: #fff;
243 - z-index: 99999;
244 -}
245 -.wpgetapi-tooltip a {
246 - display: inline-block;
247 - background: #fff;
248 - padding: 4px 10px;
249 - color: #2271b1;
250 - border: 1px solid #2271b1;
251 - border-radius: 4px;
252 - text-decoration: none;
253 - font-size: 12px;
254 - margin: 10px 0 5px;
255 -}
256 69 .wrap.wpgetapi p.cmb2-metabox-description a,
257 70 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
258 71 text-decoration: none;
259 72 font-weight: inherit;
@@ -269,14 +82,15 @@
269 82 margin: 0 0 15px;
270 83 padding-top: 0 !important;
271 84 padding-bottom: 0 !important;
272 85 font-weight: 300;
273 - word-break: break-word;
274 86 }
275 87 .wrap.wpgetapi .cmb-type-group .cmb-group-name {
276 88 font-size: 1.1em;
277 89 }
278 -
90 +.wrap.wpgetapi .cmb-type-group .cmb-row:first-of-type {
91 + border: none;
92 +}
279 93 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
280 94 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
281 95 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
282 96 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
@@ -283,459 +97,61 @@
283 97 padding-top: 5px !important;
284 98 }
285 99 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
286 100 padding: 0 !important;
287 - margin: 0 0 20px;
288 - background: #fff;
289 - border: 1px solid #c2cbd8;
290 - position: relative !important;
101 + box-shadow: 0 0px 1px rgb(0 0 0 / 55%);
102 + margin: 0 0 30px;
103 + background: #fbfbfb;
291 104 }
292 -.wrap.wpgetapi .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
293 - cursor: pointer;
294 - color: #b84545;
295 - opacity: 1;
296 - top: 14px;
297 - padding: 2px 16px;
298 -}
299 -.wrap.wpgetapi .cmb2-metabox .button-primary {
300 - background: #fff;
301 - border-color: #2271b1;
302 - color: #2271b1;
303 - text-decoration: none;
304 - text-shadow: none;
305 -}
306 105 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
307 - padding: 0 20px 15px !important;
308 - border: none !important;
106 + padding: 2px 20px 10px !important;
309 107 }
310 108 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
311 - padding: 15px 12px 15px 3em !important;
312 - background: #fff;
313 - border-bottom: 1px solid #c2cbd8;
109 + padding: 8px 12px 8px 2.2em !important;
314 110 }
315 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
316 - width: 48%;
111 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
112 + width: 50%;
317 113 float: left;
318 114 }
319 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap input,
320 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
321 - max-width: 100%;
322 -}
323 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
324 - padding: 8px 15px 8px;
325 -}
326 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row span.colon {
327 - width: 4%;
328 - display: inline-block;
329 - float: left;
330 - text-align: center;
331 - vertical-align: middle;
332 - line-height: 1.8rem;
333 - font-weight: bold;
334 -}
335 -.wrap.wpgetapi .cmb-repeat-table label {
336 - display: none;
337 -}
338 115 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
339 - margin-top: 2px;
340 - border-radius: 4px;
341 - border: 1px solid #d9e2eb;
116 + margin-top: 8px;
342 117 }
343 118 .wrap.wpgetapi .cmb-remove-field-row {
344 119 padding: 0 20px !important;
345 120 }
346 -
347 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row {
348 - padding: 10px 10px 8px 10px;
349 - background: #f7f9fd;
350 - border-radius: 4px;
351 -}
352 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
353 - display: none;
354 -}
355 -
356 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
357 - font-size: 12px;
358 - line-height: 2;
359 - min-height: 24px;
360 - background: #fff;
361 -}
362 -.wrap.wpgetapi .button-secondary {
363 - background: #fff;
364 -}
365 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
366 - height: 1em;
367 -}
368 -.wpgetapi-export,
369 -.wpgetapi-import {
370 - padding: 0 20px;
371 -}
372 -.wpgetapi-export {
373 - margin-top: 30px;
374 - margin-bottom: 30px;
375 - border-bottom: 2px dashed #c2cbd8;
376 - padding-bottom: 30px;
377 -}
378 -.wpgetapi-export h3, .wpgetapi-import h3 {
379 - margin-bottom: 0;
380 -}
381 -.wpgetapi-export p, .wpgetapi-import p {
382 - margin: 5px 0 15px;
383 -}
384 -.wpgetapi-export p, .wpgetapi-import .message {
385 - margin: 10px 0 15px;
386 -}
387 -
388 -.wrap.wpgetapi pre,
389 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre,
390 -.wpgetapi-export .message {
121 +.wrap.wpgetapi pre {
391 122 display: inline-block;
392 - padding: 12px 20px;
123 + background: #ffffff;
124 + padding: 14px 27px;
393 125 margin: 10px 0 10px;
394 - border-radius: 0;
126 + border-radius: 1px;
127 + color: #353535;
395 128 white-space: pre-line;
396 129 line-height: 0.9;
397 130 font-size: 13px;
398 131 font-weight: 300;
399 - word-break: break-all;
132 + box-shadow: 3px 3px 0 rgb(0 0 0 / 8%);
133 + border: 1px solid #efefef;
400 134 }
401 -.wpgetapi-export .message {
402 - display: none;
403 - width: 92%;
404 - line-height: 1rem;
405 -}
406 -.wpgetapi-import textarea {
407 - display: block;
408 - width: 100%;
409 - margin: 0 0 20px;
410 - height: 100px;
411 -}
412 -.wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre {
413 - display: block;
414 -}
415 -.wrap.wpgetapi pre img {
416 - max-width: 100%;
417 -}
418 135 .wrap.wpgetapi pre.url {
419 - margin: 8px 0 40px;
420 - padding: 0;
136 + margin: 0 0 30px;
421 137 }
422 138 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
423 - color: #5493b2;
139 + color: #89ad17;
424 140 }
425 141 .wrap.wpgetapi pre.functions {
426 - line-height: 1.3;
427 142 display: block;
428 - border-bottom: 1px solid #c2cbd8;
429 - margin: 0 0 20px;
430 - padding: 0 20px 7px;
143 + margin: 15px 20px 20px 20px;
431 144 }
432 -.wrap.wpgetapi pre.url div,
433 -.wrap.wpgetapi pre.functions div {
434 - display: inline-block
145 +
146 +.wrap.wpgetapi .sidebar_cell .box {
435 147 }
436 -.wrap.wpgetapi pre.url div, .wrap.wpgetapi pre.url div, .wrap.wpgetapi pre.functions div.wrapper > div {
437 - font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
438 - font-weight: 500;
439 - color: #4e4d4d;
440 - font-size: 12px;
441 -}
442 -.wrap.wpgetapi pre.functions .dashicons {
443 - font-size: 15px;
444 - color: #5493b2;
445 - margin: 1px 0 0 -2px;
446 - cursor: pointer;
447 -}
448 -.wrap.wpgetapi pre.functions .dashicons:hover {
449 - color: #5493b2;
450 -}
451 -.wrap.wpgetapi .collapse,
452 -.wrap.wpgetapi .import-export {
453 - float: right;
454 -}
455 -.wrap.wpgetapi .collapse a.button,
456 -.wrap.wpgetapi .import-export a.button,
457 -.wrap.wpgetapi .cmb2-metabox .test-endpoint-button {
458 - color: #3c434a;
459 - border: 1px solid #aec1cf;
460 - font-weight: 500;
461 - background: #fff;
462 - margin-left:10px;
463 - -webkit-transition : border 200ms ease-out;
464 - -moz-transition : border 200ms ease-out;
465 - -o-transition : border 200ms ease-out;
466 - transition : border 200ms ease-out;
467 -}
468 -.wrap.wpgetapi .cmb2-metabox .test-endpoint-button {
469 - margin-left: 0;
470 -}
471 -.wrap.wpgetapi .collapse a.button:hover,
472 -.wrap.wpgetapi .import-export a.button:hover,
473 -.wrap.wpgetapi .cmb2-metabox .test-endpoint-button:hover {
474 - border: 1px solid #3c434a;
475 -}
476 -.wrap.wpgetapi .collapse a.button {
477 - padding-left: 0;
478 - padding-right: 0;
479 - width: 30px;
480 - text-align: center;
481 - alignment-baseline: middle;
482 - position: relative;
483 -}
484 -.wrap.wpgetapi .collapse a.button .dashicons:before, .wrap.wpgetapi .collapse a.button .dashicons {
485 - vertical-align: middle;
486 - display: inline-block;
487 - position: absolute;
488 - top: 0;
489 - bottom: 0;
490 - right: 0;
491 - left: 0;
492 - text-align: center;
493 - width: 28px;
494 - height: 30px;
495 - line-height: 1.5;
496 -}
497 -.wrap.wpgetapi .collapse.open a.button .dashicons {
498 - transform: rotate(180deg);
499 - width: 30px;
500 -}
501 -
502 148 .wrap.wpgetapi .sidebar_cell hr {
503 149 margin: 20px 0;
504 150 }
505 151 .wrap.wpgetapi .sidebar_cell ol {
506 - margin: 15px 0 0 15px;
152 + margin: 0 0 0 15px;
507 153 }
508 -
509 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
510 - width: calc( 100% - 200px);
511 -}
512 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
513 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
514 - width: 48%;
515 - float: left;
516 -}
517 -
518 -.wrap.wpgetapi .cmb2-metabox .section-wrapper {
519 - padding: 14px 27px;
520 - background: #fff;
521 - border: 1px solid #c2cbd8;
522 - margin: 0 0 20px;
523 -}
524 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
525 - font-size: 1.1em;
526 - padding-bottom: 0;
527 - margin-bottom: 0;
528 -}
529 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
530 - margin: 5px 0 15px;
531 -}
532 -.wrap.wpgetapi .cmb2-metabox .importer-creator {
533 - display: inline-block;
534 - width: 100%;
535 - border: 1px solid #c2cbd8;
536 - background: #fff;
537 - padding: 14px 0 0;
538 - margin-bottom: 15px;
539 -}
540 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
541 - float: left;
542 - width: 50%;
543 - margin-bottom: 20px;
544 - padding: 0 28px;
545 -}
546 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
547 - margin-top: 0;
548 -}
549 -.wrap.wpgetapi .cmb2-metabox .side-notice {
550 - border-left: 3px solid #dba617;
551 - background: #fff;
552 - padding: 5px 15px;
553 - box-shadow: 0 0 1px #aaa;
554 - margin: 10px 0;
555 -}
556 -.wrap.wpgetapi .cmb2-metabox .side-notice p {
557 - margin: 5px 0;
558 -}
559 -
560 -.wrap.wpgetapi .wpgetapi-test-area {
561 - padding: 0 20px 20px !important;
562 -}
563 -.wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
564 - margin: 20px 0 20px;
565 -}
566 -.wrap.wpgetapi .wpgetapi-test-area .handle {
567 - margin: 0;
568 - border-bottom: 1px dotted #ddd;
569 - padding: 0 0 2px;
570 - cursor: pointer;
571 - float: right;
572 - font-size: 12px;
573 -}
574 -.wrap.wpgetapi .wpgetapi-test-area pre {
575 - box-shadow: none;
576 - border: none;
577 - width: auto !important;
578 - max-width: 100%;
579 - word-break: break-all;
580 -}
581 -
582 -.wpgetapi-debug {
583 - background: #fff;
584 - padding: 20px;
585 - box-shadow: 0 0 1px #aaa;
586 - margin: 20px;
587 - font-size: 15px;
588 -}
589 -.wpgetapi-debug
590 -.wpgetapi-debug p
591 -.wpgetapi-debug h5
592 -.wpgetapi-debug h6 {
593 - color: #000;
594 - line-height: 1 !important;
595 - text-transform: none !important;
596 - font-family: sans-serif !important;
597 - letter-spacing: 0px !important;
598 -}
599 -.wpgetapi-debug p.small {
600 - font-size: 85%;
601 - color: #999;
602 - margin: 0 0 12px !important;
603 -}
604 -.wpgetapi-debug h5 {
605 - font-weight: bold;
606 - font-size: 18px;
607 - margin: 0 0 3px;
608 - text-transform: none !important;
609 -}
610 -.wpgetapi-debug .debug-item {
611 - margin: 10px 0;
612 - background: #fff;
613 - padding: 15px 20px;
614 - display: inline-block !important;
615 - width: 100% !important;
616 - box-shadow: 0 4px 4px -2px rgb(0 0 0 / 9%);
617 - border: 1px solid #eee;
618 - margin-bottom: 20px !important;
619 -}
620 -.wpgetapi-debug .debug-item h6 {
621 - font-weight: bold;
622 - font-size: 14px;
623 - margin: 0;
624 - text-transform: none !important;
625 -}
626 -.wpgetapi-debug .debug-item .debug-result,
627 -.wpgetapi-debug .debug-item .debug-result pre {
628 - font-family: monospace !important;
629 - font-size: 13px !important;
630 - margin: 0 !important;
631 - padding: 8px 12px;
632 - background: #f4f7fa;
633 - border-radius: 5px;
634 - border: 1px solid #d9e2eb;
635 -}
636 -.wpgetapi-debug .debug-item .debug-result pre {
637 - border: none;
638 - padding: 5px
639 -}
640 -.wpgetapi-debug.testing {
641 - background: transparent;
642 - padding: 0;
643 - box-shadow: none;
644 -}
645 -.wpgetapi-debug.testing .debug-item {
646 - margin: 5px 0;
647 -}
648 -.wpgetapi-debug.testing .debug-item.status {
649 - border: none;
650 - box-shadow: none;
651 - margin: 0 !important;
652 - padding: 5px 20px 20px;
653 -}
654 -.wpgetapi-debug .debug-item.status h5 {
655 - font-size: 15px;
656 -}
657 -.wpgetapi-debug .status .dashicons {
658 - margin: 0 5px 3px 0;
659 -}
660 -.wpgetapi-debug .status .dashicons-yes-alt {
661 - color: #5e9929;
662 -}
663 -.wpgetapi-debug .status .dashicons-dismiss {
664 - color: #cc4646;
665 -}
666 -.wpgetapi-debug .status .dashicons-warning {
667 - color: #dfa12e;
668 -}
669 -.wpgetapi-debug .status .desc {
670 - font-size: 14px;
671 - font-weight: 400 !important;
672 -}
673 -.wrap.wpgetapi .wpgetapi-test-area .side-notice {
674 - margin-top: 20px;
675 -}
676 -.wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
677 - border-bottom: 1px solid #c2cbd8;
678 - margin: 0 -27px 15px;
679 - padding: 0 27px;
680 -}
681 -
682 -.wrap.wpgetapi .cmb-type-group .cmb-remove-field-row {
683 - border-top: 1px solid #c2cbd8 !important;
684 - padding: 20px 20px 10px !important;
685 -}
686 -.wrap.wpgetapi .fields-wrapper {
687 - margin: 0 !important;
688 - padding: 0px 20px 0 !important;
689 - border-radius: 0;
690 -}
691 -.wrap.wpgetapi .cmb-type-group .field-half {
692 - width: 50%;
693 - float: left;
694 - padding: 0 20px 0 !important;
695 -}
696 -
697 -.wrap.wpgetapi .cmb-type-group .field-half .cmb-th {
698 - display: block;
699 - width: auto;
700 -}
701 -.wrap.wpgetapi .cmb-type-group .field-half .cmb-td {
702 - display: block;
703 - width: 100%;
704 -}
705 -.wrap.wpgetapi .cmb-type-group .field-timeout,
706 -.wrap.wpgetapi .cmb-type-group .field-cache-time {
707 - margin-bottom: 30px;
708 -}
709 -.wrap.wpgetapi .field-half .cmb-td input.regular-text, .wrap.wpgetapi .field-half .cmb-td select {
710 - max-width: 100%;
711 -}
712 -.wrap.wpgetapi .cmb-type-group .cmb-type-parameter {
713 - clear: both;
714 -}
715 -.wrap.wpgetapi .cmb-type-group .field-query-parameters {
716 - padding-top: 5px !important;
717 -}
718 -
719 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions,
720 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-xml-root,
721 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-import_api {
722 - border-top: 1px solid #ddd !important;
723 - padding: 20px 40px !important;
724 -}
725 -
726 -.wrap.wpgetapi .cmb2-metabox h3 button.test-endpoint-button.button-primary {
727 - margin-left: 20px !important;
728 - font-size: 11px;
729 - padding: 5px 8px;
730 - min-height: auto;
731 - line-height: 1;
732 - background: #f7f9fc;
733 - border: 1px solid #e8e9ec;
734 - position: relative;
735 - z-index: 9999;
736 -}
737 -
738 154 @media screen and (max-width: 1024px) {
739 155 .wrap.wpgetapi .main_content_cell {
740 156 width: auto;
741 157 display: block;