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