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 +85 -710 2.2.101.1.0 View file →
@@ -1,763 +1,138 @@
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;
71 - margin: 0;
72 - display: table;
73 - width: 100%;
74 - table-layout: fixed;
4 + padding: 10px 0px 10px 0;
5 + margin: 0;
6 + display: table;
7 + width: 100%;
8 + table-layout: fixed;
75 9 }
76 -.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;
82 -}
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 10 .wrap.wpgetapi .main_content_cell {
100 - display: table-cell;
101 - height: 500px;
102 - margin: 0;
103 - padding: 0 10px;
104 - vertical-align: top;
105 - width: 100%;
11 + display: table-cell;
12 + height: 500px;
13 + margin: 0;
14 + padding: 0;
15 + vertical-align: top;
16 + width: 100%;
106 17 }
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 18 .wrap.wpgetapi .sidebar_cell {
137 - display: table-cell;
138 - height: 500px;
139 - margin: 0;
140 - padding: 0;
141 - vertical-align: top;
142 - width: 330px;
143 - padding: 74px 15px 0 20px;
19 + display: table-cell;
20 + height: 500px;
21 + margin: 0;
22 + padding: 0;
23 + vertical-align: top;
24 + width: 260px;
25 + padding: 80px 0 0 20px;
144 26 }
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 27 .wrap.wpgetapi .cmb2-metabox {
183 - margin-bottom: 20px;
28 + background: #fafafa;
29 + padding: 30px;
30 + border: 1px solid #ddd;
31 + margin-bottom: 20px;
184 32 }
185 33 .wrap.wpgetapi .cmb-th {
186 - padding: 10px 10px 10px 0;
34 + padding: 10px 10px 10px 0;
187 35 }
188 36 .wrap.wpgetapi .cmb-td {
189 - padding: 5px 10px 8px;
37 + padding: 5px 10px 8px;
190 38 }
191 -.wrap.wpgetapi .cmb-type-title .cmb-td {
192 - padding-left: 0;
193 -}
194 -
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 39 .wrap.wpgetapi .cmb-td input.regular-text,
201 40 .wrap.wpgetapi .cmb-td select {
202 - width: 450px;
203 - max-width: 95%;
41 + width: 100%;
42 + max-width: 300px
204 43 }
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 44 .cmb-repeatable-group .cmb-group-title {
210 - background-color: #dedede;
45 + background-color: #dedede;
211 46 }
212 47 .wrap.wpgetapi .cmb-type-group .cmb-th {
213 - padding: 0;
48 + padding: 0;
214 49 }
215 50 .wrap.wpgetapi .cmb-type-group .cmb-td {
216 - padding: 0;
51 + padding: 0;
217 52 }
218 53 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
219 - right: 10px;
220 - top: 7px;
54 + right: 0;
221 55 }
222 56 .wrap.wpgetapi p.cmb2-metabox-description {
223 - font-style: normal;
224 - margin: 5px 0 0 0;
225 - padding-top: 0 !important;
226 - padding-bottom: 0 !important;
227 - font-weight: 300;
57 + font-style: normal;
58 + margin: 5px 0 0 0;
59 + padding-top: 0 !important;
60 + padding-bottom: 0 !important;
61 + font-weight: 300;
228 62 }
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 -.wrap.wpgetapi p.cmb2-metabox-description a,
257 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
258 - text-decoration: none;
259 - font-weight: inherit;
260 - font-size: inherit;
261 -}
262 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
263 - font-size: 0.8rem;
264 - line-height: 1.2rem;
265 - width: 12px;
266 -}
267 63 .wrap.wpgetapi .desc {
268 - font-style: normal;
269 - margin: 0 0 15px;
270 - padding-top: 0 !important;
271 - padding-bottom: 0 !important;
272 - font-weight: 300;
273 - word-break: break-word;
64 + font-style: normal;
65 + margin: 0 0 15px;
66 + padding-top: 0 !important;
67 + padding-bottom: 0 !important;
68 + font-weight: 300;
274 69 }
275 -.wrap.wpgetapi .cmb-type-group .cmb-group-name {
276 - font-size: 1.1em;
277 -}
278 -
279 -.wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
280 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
281 -.wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
70 +.wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
71 +.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
72 +.wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
282 73 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
283 - padding-top: 5px !important;
74 + padding-top: 5px !important;
284 75 }
285 76 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
286 - padding: 0 !important;
287 - margin: 0 0 20px;
288 - background: #fff;
289 - border: 1px solid #c2cbd8;
290 - position: relative !important;
77 + padding: 0 !important;
78 + box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
79 + margin: 0 0 30px;
80 + background: #fbfbfb;
291 81 }
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 82 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
307 - padding: 0 20px 15px !important;
308 - border: none !important;
83 + padding: 2px 20px 10px !important;
309 84 }
310 85 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
311 - padding: 15px 12px 15px 3em !important;
312 - background: #fff;
313 - border-bottom: 1px solid #c2cbd8;
86 + padding: 8px 12px 8px 2.2em !important;
314 87 }
315 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
316 - width: 48%;
317 - float: left;
88 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
89 + width: 50%;
90 + float: left;
318 91 }
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 92 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
339 - margin-top: 2px;
340 - border-radius: 4px;
341 - border: 1px solid #d9e2eb;
93 + margin-top: 8px;
342 94 }
343 95 .wrap.wpgetapi .cmb-remove-field-row {
344 - padding: 0 20px !important;
96 + padding: 0 20px !important;
345 97 }
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;
98 +.wrap.wpgetapi pre {
99 + display: inline-block;
100 + background: #ffffff;
101 + padding: 14px 27px;
102 + margin: 10px 0 10px;
103 + border-radius: 1px;
104 + color: #353535;
105 + white-space: pre-line;
106 + line-height: 0.9;
107 + font-size: 13px;
108 + font-weight: 300;
109 + box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
110 + border: 1px solid #efefef;
351 111 }
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 {
391 - display: inline-block;
392 - padding: 12px 20px;
393 - margin: 10px 0 10px;
394 - border-radius: 0;
395 - white-space: pre-line;
396 - line-height: 0.9;
397 - font-size: 13px;
398 - font-weight: 300;
399 - word-break: break-all;
400 -}
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 112 .wrap.wpgetapi pre.url {
419 - margin: 8px 0 40px;
420 - padding: 0;
113 + margin: 0 0 30px;
421 114 }
422 115 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
423 - color: #5493b2;
116 + color: #718e13;
424 117 }
425 118 .wrap.wpgetapi pre.functions {
426 - line-height: 1.3;
427 - display: block;
428 - border-bottom: 1px solid #c2cbd8;
429 - margin: 0 0 20px;
430 - padding: 0 20px 7px;
119 + display: block;
120 + margin: 15px 20px 20px 20px;
431 121 }
432 -.wrap.wpgetapi pre.url div,
433 -.wrap.wpgetapi pre.functions div {
434 - display: inline-block
435 -}
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 122
502 -.wrap.wpgetapi .sidebar_cell hr {
503 - margin: 20px 0;
123 +.wrap.wpgetapi .sidebar_cell .box {
124 + margin-bottom: 40px;
504 125 }
505 -.wrap.wpgetapi .sidebar_cell ol {
506 - margin: 15px 0 0 15px;
507 -}
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 -.wrap.wpgetapi .cmb2-metabox h3 button.duplicate-endpoint-button.button-primary {
738 - margin-right: 30px !important;
739 - font-size: 11px;
740 - padding: 5px 8px;
741 - min-height: auto;
742 - line-height: 1;
743 - background: #f7f9fc;
744 - border: 1px solid #e8e9ec;
745 - color: #3c434a;
746 - position: relative;
747 - z-index: 9999;
748 - float: right;
749 -}
750 -
751 126 @media screen and (max-width: 1024px) {
752 - .wrap.wpgetapi .main_content_cell {
753 - width: auto;
754 - display: block;
755 - height: auto;
756 - }
757 - .wrap.wpgetapi .sidebar_cell {
758 - width: auto;
759 - padding: 40px 0 0 0;
760 - display: block;
761 - height: auto;
762 - }
127 + .wrap.wpgetapi .main_content_cell {
128 + width: auto;
129 + display: block;
130 + height: auto;
131 + }
132 + .wrap.wpgetapi .sidebar_cell {
133 + width: auto;
134 + padding: 40px 0 0 0;
135 + display: block;
136 + height: auto;
137 + }
763 138 }