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

577 lines 14.6 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 20px;
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 .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
461 .wrap.wpgetapi .sidebar_cell hr {
462 margin: 20px 0;
463 }
464 .wrap.wpgetapi .sidebar_cell ol {
465 margin: 15px 0 0 15px;
466 }
467
468 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
469 width: calc( 100% - 200px);
470 }
471 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
472 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
473 width: 48%;
474 float: left;
475 }
476
477 .wrap.wpgetapi .cmb2-metabox .section-wrapper {
478 padding: 14px 27px;
479 background: #fff;
480 border: 1px solid #ddd;
481 margin: 0 0 20px;
482 }
483 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
484 font-size: 1.1em;
485 padding-bottom: 0;
486 margin-bottom: 0;
487 }
488 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
489 margin: 5px 0 15px;
490 }
491 .wrap.wpgetapi .cmb2-metabox .importer-creator {
492 display: inline-block;
493 width: 100%;
494 border: 1px solid #ddd;
495 background: #fff;
496 padding: 14px 0 0;
497 margin-bottom: 15px;
498 }
499 .wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
500 float: left;
501 width: 50%;
502 margin-bottom: 20px;
503 padding: 0 28px;
504 }
505 .wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
506 margin-top: 0;
507 }
508 .wrap.wpgetapi .cmb2-metabox .side-notice {
509 border-left: 3px solid #dba617;
510 background: #fff;
511 padding: 5px 15px;
512 box-shadow: 0 0 1px #aaa;
513 margin: 10px 0;
514 }
515 .wrap.wpgetapi .cmb2-metabox .side-notice p {
516 margin: 5px 0;
517 }
518
519 .wrap.wpgetapi .wpgetapi-test-area {
520 margin: 0 20px 15px;
521 }
522 .wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
523 margin: 20px 0 20px;
524 }
525 .wrap.wpgetapi .wpgetapi-test-area .handle {
526 margin: 0 0 0 15px;
527 border-bottom: 1px dotted #ccc;
528 padding: 0 0 4px;
529 cursor: pointer;
530 }
531 .wrap.wpgetapi .wpgetapi-test-area pre {
532 box-shadow: none;
533 border: none;
534 width: auto !important;
535 max-width: 100%;
536 word-break: break-all;
537 }
538 .wrap.wpgetapi .wpgetapi-test-area .side-notice {
539 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 }
563
564 @media screen and (max-width: 1024px) {
565 .wrap.wpgetapi .main_content_cell {
566 width: auto;
567 display: block;
568 height: auto;
569 }
570 .wrap.wpgetapi .sidebar_cell {
571 width: auto;
572 padding: 40px 0 0 0;
573 display: block;
574 height: auto;
575 }
576 }
577