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

578 lines 14.7 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 border: none !important;
105 }
106 #wpbody-content .wpgetapi .metabox-holder h3.title {
107 color: #1d2327;
108 font-size: 1.3em;
109 margin: 1em 0;
110 }
111 .wrap.wpgetapi .sidebar_cell {
112 display: table-cell;
113 height: 500px;
114 margin: 0;
115 padding: 0;
116 vertical-align: top;
117 width: 330px;
118 padding: 74px 15px 0 20px;
119 }
120 .wrap.wpgetapi .sidebar_cell .box {
121 background: #fff;
122 padding: 15px 20px;
123 border: 1px solid #ddd;
124 }
125 .wrap.wpgetapi .sidebar_cell .box h3 {
126 margin-top: 0;
127 }
128 .wrap.wpgetapi .sidebar_cell .box h4 {
129 margin: 0 -20px;
130 padding: 2px 20px 15px;
131 border-bottom: 1px solid #ddd;
132 font-size: 0.9rem;
133 background: #fff;
134 }
135 .wrap.wpgetapi .sidebar_cell .box a {
136 text-decoration: none;
137 }
138 .wrap.wpgetapi .sidebar_cell .box.help-box {
139 display: block;
140 position: relative;
141 }
142
143 .wrap.wpgetapi .sidebar_cell .box.help-box .button {
144 background: #fff;
145 color: #74bc35;
146 padding: 8px 20px;
147 border-radius: 3px;
148 font-size: 0.85rem;
149 font-weight: 600;
150 border: 2px solid;
151 box-shadow: 0 6px 9px -4px rgba(0 0 0 / 12%);
152 margin: 25px 0 0;
153 width: 100%;
154 display: block;
155 text-align: center;
156 }
157 .wrap.wpgetapi .cmb2-metabox {
158 margin-bottom: 20px;
159 }
160 .wrap.wpgetapi .cmb-th {
161 padding: 10px 10px 10px 0;
162 }
163 .wrap.wpgetapi .cmb-td {
164 padding: 5px 10px 8px;
165 }
166 .wrap.wpgetapi .cmb-type-title .cmb-td {
167 padding-left: 0;
168 }
169
170 .wrap.wpgetapi .cmb-td input.regular-text::placeholder,
171 .wrap.wpgetapi .cmb-td textarea::placeholder {
172 color: #bbb;
173 font-weight: 300;
174 }
175 .wrap.wpgetapi .cmb-td input.regular-text,
176 .wrap.wpgetapi .cmb-td select {
177 width: 450px;
178 max-width: 95%;
179 }
180 .wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select, .wrap.wpgetapi .cmb-td textarea {
181 border-color: #c2cbd8;
182 padding: 3px 12px;
183 }
184 .cmb-repeatable-group .cmb-group-title {
185 background-color: #dedede;
186 }
187 .wrap.wpgetapi .cmb-type-group .cmb-th {
188 padding: 0;
189 }
190 .wrap.wpgetapi .cmb-type-group .cmb-td {
191 padding: 0;
192 }
193 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
194 right: 0;
195 top: 7px;
196 }
197 .wrap.wpgetapi p.cmb2-metabox-description {
198 font-style: normal;
199 margin: 5px 0 0 0;
200 padding-top: 0 !important;
201 padding-bottom: 0 !important;
202 font-weight: 300;
203 }
204 .wrap.wpgetapi span.dashicons.dashicons-editor-help {
205 color: #bac1c7;
206 display: inline-block;
207 float: right;
208 margin: 0;
209 padding: 0;
210 }
211 .wpgetapi-tooltip {
212 position: absolute;
213 top: 0;
214 padding: 10px 15px;
215 border: 1px solid #ddd;
216 background: white;
217 border-radius: 4px;
218 box-shadow: 0 3px 9px #bac1c7;
219 max-width: 300px;
220 }
221 .wpgetapi-tooltip a {
222 display: inline-block;
223 background: #fff;
224 padding: 4px 10px;
225 color: #2271b1;
226 border: 1px solid #2271b1;
227 border-radius: 4px;
228 text-decoration: none;
229 font-size: 12px;
230 margin: 10px 0 5px;
231 }
232 .wrap.wpgetapi p.cmb2-metabox-description a,
233 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
234 text-decoration: none;
235 font-weight: inherit;
236 font-size: inherit;
237 }
238 .wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
239 font-size: 0.8rem;
240 line-height: 1.2rem;
241 width: 12px;
242 }
243 .wrap.wpgetapi .desc {
244 font-style: normal;
245 margin: 0 0 15px;
246 padding-top: 0 !important;
247 padding-bottom: 0 !important;
248 font-weight: 300;
249 word-break: break-word;
250 }
251 .wrap.wpgetapi .cmb-type-group .cmb-group-name {
252 font-size: 1.1em;
253 }
254
255 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
256 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
257 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
258 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
259 padding-top: 5px !important;
260 }
261 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
262 padding: 0 !important;
263 margin: 0 0 20px;
264 background: #fff;
265 border: 1px solid #ddd;
266 position: relative !important;
267 }
268 .wrap.wpgetapi .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
269 cursor: pointer;
270 color: #bf4242;
271 opacity: 1;
272 top: 14px;
273 }
274 .wrap.wpgetapi .cmb2-metabox .button-primary {
275 background: #fff;
276 border-color: #2271b1;
277 color: #2271b1;
278 text-decoration: none;
279 text-shadow: none;
280 }
281 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
282 padding: 0 20px 15px !important;
283 border: none !important;
284 }
285 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
286 padding: 15px 12px 15px 2.2em !important;
287 background: #fafafa;
288 border-bottom: 1px solid #ddd;
289 }
290 .wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
291 width: 48%;
292 float: left;
293 }
294 .wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap input,
295 .wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
296 max-width: 100%;
297 }
298 .wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
299 padding: 8px 15px 8px;
300 }
301 .wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row span.colon {
302 width: 4%;
303 display: inline-block;
304 float: left;
305 text-align: center;
306 vertical-align: middle;
307 line-height: 1.8rem;
308 font-weight: bold;
309 }
310 .wrap.wpgetapi .cmb-repeat-table label {
311 display: none;
312 }
313 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
314 margin-top: 2px;
315 border-radius: 4px;
316 }
317 .wrap.wpgetapi .cmb-remove-field-row {
318 padding: 0 20px !important;
319 }
320
321 .wrap.wpgetapi .cmb-type-parameter .cmb-repeat-table .cmb-row.cmb-repeat-row {
322 padding: 10px 10px 8px 10px;
323 background: #fdfdfd;
324 border-radius: 4px;
325 }
326 .wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
327 display: none;
328 }
329
330 .wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
331 font-size: 12px;
332 line-height: 2;
333 min-height: 24px;
334 background: #fff;
335 }
336 .wrap.wpgetapi .button-secondary {
337 background: #fff;
338 }
339 .wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
340 height: 1em;
341 }
342 .wpgetapi-export,
343 .wpgetapi-import {
344 padding: 0 20px;
345 }
346 .wpgetapi-export {
347 margin-top: 30px;
348 margin-bottom: 30px;
349 border-bottom: 2px dashed #ddd;
350 padding-bottom: 30px;
351 }
352 .wpgetapi-export h3, .wpgetapi-import h3 {
353 margin-bottom: 0;
354 }
355 .wpgetapi-export p, .wpgetapi-import p {
356 margin: 5px 0 15px;
357 }
358 .wpgetapi-export p, .wpgetapi-import .message {
359 margin: 10px 0 15px;
360 }
361
362 .wrap.wpgetapi pre,
363 .wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre,
364 .wpgetapi-export .message {
365 display: inline-block;
366 background: #f4f7fa;
367 padding: 12px 20px;
368 margin: 10px 0 10px;
369 border-radius: 4px;
370 white-space: pre-line;
371 line-height: 0.9;
372 font-size: 13px;
373 font-weight: 300;
374 word-break: break-all;
375 box-shadow: inset 0 0 12px rgba(0,0,0,0.04);
376 }
377 .wpgetapi-export .message {
378 display: none;
379 width: 92%;
380 line-height: 1rem;
381 }
382 .wpgetapi-import textarea {
383 display: block;
384 width: 100%;
385 margin: 0 0 20px;
386 height: 100px;
387 }
388 .wpgetapi-debug .debug-item .debug-result, .wpgetapi-debug .debug-item .debug-result pre {
389 display: block;
390 }
391 .wrap.wpgetapi pre img {
392 max-width: 100%;
393 }
394 .wrap.wpgetapi pre.url {
395 margin: 0 0 20px;
396 }
397 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
398 color: #5e9929;
399 }
400 .wrap.wpgetapi pre.functions {
401 display: block;
402 margin: 20px 20px 20px 20px;
403 line-height: 1.3;
404 padding: 12px 20px 5px;
405 }
406 .wrap.wpgetapi pre.url div,
407 .wrap.wpgetapi pre.functions div {
408 display: inline-block
409 }
410 .wrap.wpgetapi pre.url div,
411 .wrap.wpgetapi pre.functions div.wrapper > div {
412 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
413 font-weight: 500;
414 }
415 .wrap.wpgetapi pre.functions .dashicons {
416 font-size: 15px;
417 color: #5e9929;
418 margin: 1px 0 0 -2px;
419 cursor: pointer;
420 }
421 .wrap.wpgetapi pre.functions .dashicons:hover {
422 color: #5e9929;
423 }
424 .wrap.wpgetapi .collapse,
425 .wrap.wpgetapi .import-export {
426 float: right;
427 }
428 .wrap.wpgetapi .collapse a.button,
429 .wrap.wpgetapi .import-export a.button {
430 color: #3c434a;
431 border: 1px solid #aec1cf;
432 font-weight: 500;
433 background: #fff;
434 margin-left:10px;
435 }
436 .wrap.wpgetapi .collapse a.button {
437 padding-left: 0;
438 padding-right: 0;
439 width: 30px;
440 text-align: center;
441 alignment-baseline: middle;
442 position: relative;
443 }
444 .wrap.wpgetapi .collapse a.button .dashicons:before, .wrap.wpgetapi .collapse a.button .dashicons {
445 vertical-align: middle;
446 display: inline-block;
447 position: absolute;
448 top: 0;
449 bottom: 0;
450 right: 0;
451 left: 0;
452 text-align: center;
453 width: 28px;
454 height: 30px;
455 line-height: 1.5;
456 }
457 .wrap.wpgetapi .collapse.open a.button .dashicons {
458 transform: rotate(180deg);
459 width: 30px;
460 }
461
462 .wrap.wpgetapi .sidebar_cell hr {
463 margin: 20px 0;
464 }
465 .wrap.wpgetapi .sidebar_cell ol {
466 margin: 15px 0 0 15px;
467 }
468
469 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
470 width: calc( 100% - 200px);
471 }
472 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
473 .wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
474 width: 48%;
475 float: left;
476 }
477
478 .wrap.wpgetapi .cmb2-metabox .section-wrapper {
479 padding: 14px 27px;
480 background: #fff;
481 border: 1px solid #ddd;
482 margin: 0 0 20px;
483 }
484 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
485 font-size: 1.1em;
486 padding-bottom: 0;
487 margin-bottom: 0;
488 }
489 .wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
490 margin: 5px 0 15px;
491 }
492 .wrap.wpgetapi .cmb2-metabox .importer-creator {
493 display: inline-block;
494 width: 100%;
495 border: 1px solid #ddd;
496 background: #fff;
497 padding: 14px 0 0;
498 margin-bottom: 15px;
499 }
500 .wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
501 float: left;
502 width: 50%;
503 margin-bottom: 20px;
504 padding: 0 28px;
505 }
506 .wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
507 margin-top: 0;
508 }
509 .wrap.wpgetapi .cmb2-metabox .side-notice {
510 border-left: 3px solid #dba617;
511 background: #fff;
512 padding: 5px 15px;
513 box-shadow: 0 0 1px #aaa;
514 margin: 10px 0;
515 }
516 .wrap.wpgetapi .cmb2-metabox .side-notice p {
517 margin: 5px 0;
518 }
519
520 .wrap.wpgetapi .wpgetapi-test-area {
521 margin: 0 20px 15px;
522 }
523 .wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
524 margin: 20px 0 20px;
525 }
526 .wrap.wpgetapi .wpgetapi-test-area .handle {
527 margin: 0 0 0 15px;
528 border-bottom: 1px dotted #ccc;
529 padding: 0 0 4px;
530 cursor: pointer;
531 }
532 .wrap.wpgetapi .wpgetapi-test-area pre {
533 box-shadow: none;
534 border: none;
535 width: auto !important;
536 max-width: 100%;
537 word-break: break-all;
538 }
539 .wrap.wpgetapi .wpgetapi-test-area .side-notice {
540 margin-top: 20px;
541 }
542 .wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
543 border-bottom: 1px solid #ddd;
544 margin: 0 -27px 15px;
545 padding: 0 27px;
546 }
547
548 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions {
549 border-top: 1px solid #ddd !important;
550 padding-top: 20px !important;
551 padding-bottom: 20px !important;
552 }
553 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-wpdatatables-table {
554 border-top: 1px solid #ddd !important;
555 padding: 10px 20px 20px !important;
556 }
557 .wpgetapi .wpdatatables-buttons a.button {
558 margin-right: 15px;
559 }
560 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row {
561 border-top: 1px solid #ddd !important;
562 padding: 20px 20px 10px !important;
563 }
564
565 @media screen and (max-width: 1024px) {
566 .wrap.wpgetapi .main_content_cell {
567 width: auto;
568 display: block;
569 height: auto;
570 }
571 .wrap.wpgetapi .sidebar_cell {
572 width: auto;
573 padding: 40px 0 0 0;
574 display: block;
575 height: auto;
576 }
577 }
578