PluginProbe
WPGet API – Connect to any external REST API / 2.1.0
WPGet API – Connect to any external REST API v2.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
wpgetapi / assets / css / wpgetapi-admin.css

wpgetapi-admin.css in WPGet API – Connect to any external REST API 2.1.0, at assets/css/wpgetapi-admin.css

549 lines 14.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wrap.wpgetapi *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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 .wrap.wpgetapi {
59 padding: 10px 0px 10px 0;
60 margin: 0;
61 display: table;
62 width: 100%;
63 table-layout: fixed;
64 }
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 .wrap.wpgetapi .main_content_cell {
89 display: table-cell;
90 height: 500px;
91 margin: 0;
92 padding: 0;
93 vertical-align: top;
94 width: 100%;
95 }
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 .wrap.wpgetapi .sidebar_cell {
111 display: table-cell;
112 height: 500px;
113 margin: 0;
114 padding: 0;
115 vertical-align: top;
116 width: 330px;
117 padding: 74px 15px 0 20px;
118 }
119 .wrap.wpgetapi .sidebar_cell .box {
120 background: #fff;
121 padding: 15px 20px;
122 border: 1px solid #ddd;
123 }
124 .wrap.wpgetapi .sidebar_cell .box h3 {
125 margin-top: 0;
126 }
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;
133 }
134 .wrap.wpgetapi .sidebar_cell .box a {
135 text-decoration: none;
136 }
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 .wrap.wpgetapi .cmb2-metabox {
157 margin-bottom: 20px;
158 }
159 .wrap.wpgetapi .cmb-th {
160 padding: 10px 10px 10px 0;
161 }
162 .wrap.wpgetapi .cmb-td {
163 padding: 5px 10px 8px;
164 }
165 .wrap.wpgetapi .cmb-type-title .cmb-td {
166 padding-left: 0;
167 }
168
169 .wrap.wpgetapi .cmb-td input.regular-text::placeholder,
170 .wrap.wpgetapi .cmb-td textarea::placeholder {
171 color: #bbb;
172 font-weight: 300;
173 }
174 .wrap.wpgetapi .cmb-td input.regular-text,
175 .wrap.wpgetapi .cmb-td select {
176 width: 450px;
177 max-width: 95%;
178 }
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 .cmb-repeatable-group .cmb-group-title {
184 background-color: #dedede;
185 }
186 .wrap.wpgetapi .cmb-type-group .cmb-th {
187 padding: 0;
188 }
189 .wrap.wpgetapi .cmb-type-group .cmb-td {
190 padding: 0;
191 }
192 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
193 right: 0;
194 top: 7px;
195 }
196 .wrap.wpgetapi p.cmb2-metabox-description {
197 font-style: normal;
198 margin: 5px 0 0 0;
199 padding-top: 0 !important;
200 padding-bottom: 0 !important;
201 font-weight: 300;
202 }
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 .wrap.wpgetapi p.cmb2-metabox-description a,
232 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
233 text-decoration: none;
234 font-weight: inherit;
235 font-size: inherit;
236 }
237 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
238 font-size: 0.8rem;
239 line-height: 1.2rem;
240 width: 12px;
241 }
242 .wrap.wpgetapi .desc {
243 font-style: normal;
244 margin: 0 0 15px;
245 padding-top: 0 !important;
246 padding-bottom: 0 !important;
247 font-weight: 300;
248 word-break: break-word;
249 }
250 .wrap.wpgetapi .cmb-type-group .cmb-group-name {
251 font-size: 1.1em;
252 }
253
254 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
255 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
256 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
257 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
258 padding-top: 5px !important;
259 }
260 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
261 padding: 0 !important;
262 margin: 0 0 30px;
263 background: #fff;
264 border: 1px solid #ddd;
265 position: relative !important;
266 }
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 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
281 padding: 0 20px 15px !important;
282 border: none !important;
283 }
284 .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;
288 }
289 .wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
290 width: 48%;
291 float: left;
292 }
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 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
313 margin-top: 2px;
314 border-radius: 4px;
315 }
316 .wrap.wpgetapi .cmb-remove-field-row {
317 padding: 0 20px !important;
318 }
319
320 .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;
324 }
325 .wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
326 display: none;
327 }
328
329 .wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
330 font-size: 12px;
331 line-height: 2;
332 min-height: 24px;
333 background: #fff;
334 }
335 .wrap.wpgetapi .button-secondary {
336 background: #fff;
337 }
338 .wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
339 height: 1em;
340 }
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
361 .wrap.wpgetapi pre,
362 .wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre,
363 .wpgetapi-export .message {
364 display: inline-block;
365 background: #f4f7fa;
366 padding: 12px 20px;
367 margin: 10px 0 10px;
368 border-radius: 4px;
369 white-space: pre-line;
370 line-height: 0.9;
371 font-size: 13px;
372 font-weight: 300;
373 word-break: break-all;
374 box-shadow: inset 0 0 12px rgba(0,0,0,0.04);
375 }
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 .wrap.wpgetapi pre.url {
394 margin: 0 0 20px;
395 }
396 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
397 color: #5e9929;
398 }
399 .wrap.wpgetapi pre.functions {
400 display: block;
401 margin: 20px 20px 20px 20px;
402 line-height: 1.3;
403 padding: 12px 20px 5px;
404 }
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 .import-export {
424 float: right;
425 }
426 .wrap.wpgetapi .import-export a.button {
427 color: #3c434a;
428 border: 1px solid #aec1cf;
429 font-weight: 500;
430 background: #fff;
431 }
432
433 .wrap.wpgetapi .sidebar_cell hr {
434 margin: 20px 0;
435 }
436 .wrap.wpgetapi .sidebar_cell ol {
437 margin: 15px 0 0 15px;
438 }
439
440 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
441 width: calc( 100% - 200px);
442 }
443 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
444 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
445 width: 48%;
446 float: left;
447 }
448
449 .wrap.wpgetapi .cmb2-metabox .section-wrapper {
450 padding: 14px 27px;
451 background: #fff;
452 border: 1px solid #ddd;
453 margin: 0 0 20px;
454 }
455 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
456 font-size: 1.1em;
457 padding-bottom: 0;
458 margin-bottom: 0;
459 }
460 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
461 margin: 5px 0 15px;
462 }
463 .wrap.wpgetapi .cmb2-metabox .importer-creator {
464 display: inline-block;
465 width: 100%;
466 border: 1px solid #ddd;
467 background: #fff;
468 padding: 14px 0 0;
469 margin-bottom: 15px;
470 }
471 .wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
472 float: left;
473 width: 50%;
474 margin-bottom: 20px;
475 padding: 0 28px;
476 }
477 .wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
478 margin-top: 0;
479 }
480 .wrap.wpgetapi .cmb2-metabox .side-notice {
481 border-left: 3px solid #dba617;
482 background: #fff;
483 padding: 5px 15px;
484 box-shadow: 0 0 1px #aaa;
485 margin: 10px 0;
486 }
487 .wrap.wpgetapi .cmb2-metabox .side-notice p {
488 margin: 5px 0;
489 }
490
491 .wrap.wpgetapi .wpgetapi-test-area {
492 margin: 0 20px 15px;
493 }
494 .wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
495 margin: 20px 0 20px;
496 }
497 .wrap.wpgetapi .wpgetapi-test-area .handle {
498 margin: 0 0 0 15px;
499 border-bottom: 1px dotted #ccc;
500 padding: 0 0 4px;
501 cursor: pointer;
502 }
503 .wrap.wpgetapi .wpgetapi-test-area pre {
504 box-shadow: none;
505 border: none;
506 width: auto !important;
507 max-width: 100%;
508 word-break: break-all;
509 }
510 .wrap.wpgetapi .wpgetapi-test-area .side-notice {
511 margin-top: 20px;
512 }
513 .wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
514 border-bottom: 1px solid #ddd;
515 margin: 0 -27px 15px;
516 padding: 0 27px;
517 }
518
519 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions {
520 border-top: 1px solid #ddd !important;
521 padding-top: 20px !important;
522 padding-bottom: 20px !important;
523 }
524 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-wpdatatables-table {
525 border-top: 1px solid #ddd !important;
526 padding: 10px 20px 20px !important;
527 }
528 .wpgetapi .wpdatatables-buttons a.button {
529 margin-right: 15px;
530 }
531 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row {
532 border-top: 1px solid #ddd !important;
533 padding: 20px 20px 10px !important;
534 }
535
536 @media screen and (max-width: 1024px) {
537 .wrap.wpgetapi .main_content_cell {
538 width: auto;
539 display: block;
540 height: auto;
541 }
542 .wrap.wpgetapi .sidebar_cell {
543 width: auto;
544 padding: 40px 0 0 0;
545 display: block;
546 height: auto;
547 }
548 }
549