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 +26 -342 2.0.11.1.0 View file →
@@ -1,58 +1,6 @@
1 1 .wrap.wpgetapi *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
2 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 - background-image: url(../img/icon.png);
5 - background-size: 20px 20px;
6 - background-repeat: no-repeat;
7 - background-position: center center;
8 -}
9 -#toplevel_page_wpgetapi_setup a:hover div.wp-menu-image {
10 - background-image: url(../img/icon-blue.png);
11 -}
12 -#toplevel_page_wpgetapi_setup .wp-has-current-submenu div.wp-menu-image {
13 - background-image: url(../img/icon-white.png);
14 -}
15 -
16 -.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 {
17 - justify-content: center;
18 - align-self: center;
19 - max-width: 400px;
20 - flex-direction: row !important;
21 -}
22 -.wpgetapi-gutenberg-endpoint-selector-wrap img {
23 - margin: 0 auto;
24 - text-align: center;
25 - width: 70px;
26 -}
27 -.wpgetapi-gutenberg-endpoint-selector-wrap h3 {
28 - margin: 10px auto;
29 - text-align: center;
30 - display: block;
31 - width: 100%;
32 -}
33 -.wpgetapi-gutenberg-endpoint-selector-wrap .components-base-control {
34 - margin: 0 2px;
35 -}
36 -.wrap.wpgetapi h1.wp-heading-inline {
37 - font-weight: bold;
38 - vertical-align: middle;
39 - margin-bottom: 15px;
40 -}
41 -.wrap.wpgetapi h1.wp-heading-inline img {
42 - margin: -4px 5px 0 0;
43 - display: inline-block;
44 - vertical-align: middle;
45 -}
46 -.wrap.wpgetapi h1.wp-heading-inline .vnum {
47 - background: #e1e1e1;
48 - padding: 5px 10px;
49 - font-size: 0.7rem;
50 - border-radius: 20px;
51 - margin: 0 0 0 10px;
52 - display: inline-block;
53 - color: #666;
54 -}
55 3 .wrap.wpgetapi {
56 4 padding: 10px 0px 10px 0;
57 5 margin: 0;
58 6 display: table;
@@ -58,31 +6,8 @@
58 6 display: table;
59 7 width: 100%;
60 8 table-layout: fixed;
61 9 }
62 -.wrap.wpgetapi .nav-tab-wrapper {
63 - margin-top: 15px;
64 - background: #fff;
65 - border: 1px solid #ddd;
66 - border-bottom: none;
67 - padding: 0;
68 -}
69 -.wrap.wpgetapi .nav-tab-wrapper .nav-tab {
70 - border: none;
71 - margin-left: 0;
72 - padding: 15px 15px;
73 - font-size: 13px;
74 - font-weight: 400;
75 - background: none;
76 - color: #000;
77 - white-space: nowrap;
78 - border-bottom: 2px solid transparent;
79 -}
80 -.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 {
81 - border-bottom: 2px solid #007cba;
82 - color: #000;
83 - font-weight: 600;
84 -}
85 10 .wrap.wpgetapi .main_content_cell {
86 11 display: table-cell;
87 12 height: 500px;
88 13 margin: 0;
@@ -89,22 +14,8 @@
89 14 padding: 0;
90 15 vertical-align: top;
91 16 width: 100%;
92 17 }
93 -.wrap.wpgetapi .cmb-form.group {
94 - background: #fdfdfd;
95 - border: 1px solid #ddd;
96 - padding: 0 20px;
97 -}
98 -#wpbody-content .wpgetapi .metabox-holder {
99 - padding-top: 0;
100 - padding-bottom: 30px;
101 -}
102 -#wpbody-content .wpgetapi .metabox-holder h3.title {
103 - color: #1d2327;
104 - font-size: 1.3em;
105 - margin: 1em 0;
106 -}
107 18 .wrap.wpgetapi .sidebar_cell {
108 19 display: table-cell;
109 20 height: 500px;
110 21 margin: 0;
@@ -109,23 +20,15 @@
109 20 height: 500px;
110 21 margin: 0;
111 22 padding: 0;
112 23 vertical-align: top;
113 - width: 330px;
114 - padding: 74px 15px 0 20px;
24 + width: 260px;
25 + padding: 80px 0 0 20px;
115 26 }
116 -.wrap.wpgetapi .sidebar_cell .box {
117 - background: #fff;
118 - padding: 15px 20px;
27 +.wrap.wpgetapi .cmb2-metabox {
28 + background: #fafafa;
29 + padding: 30px;
119 30 border: 1px solid #ddd;
120 -}
121 -.wrap.wpgetapi .sidebar_cell .box h3 {
122 - margin-top: 0;
123 -}
124 -.wrap.wpgetapi .sidebar_cell .box a {
125 - text-decoration: none;
126 -}
127 -.wrap.wpgetapi .cmb2-metabox {
128 31 margin-bottom: 20px;
129 32 }
130 33 .wrap.wpgetapi .cmb-th {
131 34 padding: 10px 10px 10px 0;
@@ -132,26 +35,13 @@
132 35 }
133 36 .wrap.wpgetapi .cmb-td {
134 37 padding: 5px 10px 8px;
135 38 }
136 -.wrap.wpgetapi .cmb-type-title .cmb-td {
137 - padding-left: 0;
138 -}
139 -
140 -.wrap.wpgetapi .cmb-td input.regular-text::placeholder,
141 -.wrap.wpgetapi .cmb-td textarea::placeholder {
142 - color: #bbb;
143 - font-weight: 300;
144 -}
145 -.wrap.wpgetapi .cmb-td input.regular-text,
39 +.wrap.wpgetapi .cmb-td input.regular-text,
146 40 .wrap.wpgetapi .cmb-td select {
147 - width: 450px;
148 - max-width: 95%;
41 + width: 100%;
42 + max-width: 300px
149 43 }
150 -.wrap.wpgetapi .cmb-td input.regular-text, .wrap.wpgetapi .cmb-td select, .wrap.wpgetapi .cmb-td textarea {
151 - border-color: #c2cbd8;
152 - padding: 3px 12px;
153 -}
154 44 .cmb-repeatable-group .cmb-group-title {
155 45 background-color: #dedede;
156 46 }
157 47 .wrap.wpgetapi .cmb-type-group .cmb-th {
@@ -161,9 +51,8 @@
161 51 padding: 0;
162 52 }
163 53 .wrap.wpgetapi .cmb-type-group .cmb-row .cmbhandle {
164 54 right: 0;
165 - top: 7px;
166 55 }
167 56 .wrap.wpgetapi p.cmb2-metabox-description {
168 57 font-style: normal;
169 58 margin: 5px 0 0 0;
@@ -170,47 +59,8 @@
170 59 padding-top: 0 !important;
171 60 padding-bottom: 0 !important;
172 61 font-weight: 300;
173 62 }
174 -.wrap.wpgetapi span.dashicons.dashicons-editor-help {
175 - color: #bac1c7;
176 - display: inline-block;
177 - float: right;
178 - margin: 0;
179 - padding: 0;
180 -}
181 -.wpgetapi-tooltip {
182 - position: absolute;
183 - top: 0;
184 - padding: 10px 15px;
185 - border: 1px solid #ddd;
186 - background: white;
187 - border-radius: 4px;
188 - box-shadow: 0 3px 9px #bac1c7;
189 - max-width: 300px;
190 -}
191 -.wpgetapi-tooltip a {
192 - display: inline-block;
193 - background: #fff;
194 - padding: 4px 10px;
195 - color: #2271b1;
196 - border: 1px solid #2271b1;
197 - border-radius: 4px;
198 - text-decoration: none;
199 - font-size: 12px;
200 - margin: 10px 0 5px;
201 -}
202 -.wrap.wpgetapi p.cmb2-metabox-description a,
203 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons{
204 - text-decoration: none;
205 - font-weight: inherit;
206 - font-size: inherit;
207 -}
208 -.wrap.wpgetapi p.cmb2-metabox-description a .dashicons {
209 - font-size: 0.8rem;
210 - line-height: 1.2rem;
211 - width: 12px;
212 -}
213 63 .wrap.wpgetapi .desc {
214 64 font-style: normal;
215 65 margin: 0 0 15px;
216 66 padding-top: 0 !important;
@@ -215,14 +65,9 @@
215 65 margin: 0 0 15px;
216 66 padding-top: 0 !important;
217 67 padding-bottom: 0 !important;
218 68 font-weight: 300;
219 - word-break: break-word;
220 69 }
221 -.wrap.wpgetapi .cmb-type-group .cmb-group-name {
222 - font-size: 1.1em;
223 -}
224 -
225 70 .wrap.wpgetapi .cmb-type-group .cmb-remove-field-row,
226 71 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field,
227 72 .wrap.wpgetapi .cmb2-postbox .cmb-remove-field-row,
228 73 .wrap.wpgetapi .cmb2-postbox .cmb-repeat-group-field {
@@ -229,217 +74,56 @@
229 74 padding-top: 5px !important;
230 75 }
231 76 .wrap.wpgetapi .cmb-type-group .cmb-repeatable-grouping {
232 77 padding: 0 !important;
78 + box-shadow: 0 3px 5px rgb(0 0 0 / 5%);
233 79 margin: 0 0 30px;
234 - background: #fff;
235 - border: 1px solid #ddd;
236 - position: relative !important;
80 + background: #fbfbfb;
237 81 }
238 -.wrap.wpgetapi .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row:not([disabled]) {
239 - cursor: pointer;
240 - color: #bf4242;
241 - opacity: 1;
242 - top: 14px;
243 -}
244 -.wrap.wpgetapi .cmb2-metabox .button-primary {
245 - background: #fff;
246 - border-color: #2271b1;
247 - color: #2271b1;
248 - text-decoration: none;
249 - text-shadow: none;
250 -}
251 82 .wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field {
252 - padding: 0 20px 15px !important;
253 - border: none !important;
83 + padding: 2px 20px 10px !important;
254 84 }
255 85 .wrap.wpgetapi .cmb-repeatable-group .cmb-group-title {
256 - padding: 15px 12px 15px 2.2em !important;
257 - background: #fafafa;
258 - border-bottom: 1px solid #ddd;
86 + padding: 8px 12px 8px 2.2em !important;
259 87 }
260 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap {
261 - width: 48%;
88 +.wrap.wpgetapi .cmb-repeatable-group .cmb-td .input-wrap {
89 + width: 50%;
262 90 float: left;
263 91 }
264 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap input,
265 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
266 - max-width: 100%;
267 -}
268 -.wrap.wpgetapi .cmb-repeat-table .cmb-td .input-wrap textarea {
269 - padding: 8px 15px 8px;
270 -}
271 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row span.colon {
272 - width: 4%;
273 - display: inline-block;
274 - float: left;
275 - text-align: center;
276 - vertical-align: middle;
277 - line-height: 1.8rem;
278 - font-weight: bold;
279 -}
280 -.wrap.wpgetapi .cmb-repeat-table label {
281 - display: none;
282 -}
283 92 .wrap.wpgetapi .cmb-repeat-table.cmb-nested {
284 - margin-top: 2px;
285 - border-radius: 4px;
93 + margin-top: 8px;
286 94 }
287 95 .wrap.wpgetapi .cmb-remove-field-row {
288 96 padding: 0 20px !important;
289 97 }
290 -
291 -.wrap.wpgetapi .cmb-type-parameter .cmb-repeat-table .cmb-row.cmb-repeat-row {
292 - padding: 10px 10px 8px 10px;
293 - background: #fdfdfd;
294 - border-radius: 4px;
295 -}
296 -.wrap.wpgetapi .cmb-repeat-table .cmb-row.cmb-repeat-row:before {
297 - display: none;
298 -}
299 -
300 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row .button-secondary {
301 - font-size: 12px;
302 - line-height: 2;
303 - min-height: 24px;
304 - background: #fff;
305 -}
306 -.wrap.wpgetapi .button-secondary {
307 - background: #fff;
308 -}
309 -.wrap.wpgetapi .cmb-type-parameter .cmb-add-row:before {
310 - height: 1em;
311 -}
312 -
313 98 .wrap.wpgetapi pre {
314 99 display: inline-block;
315 - background: #f4f7f9;
316 - padding: 12px 20px;
100 + background: #ffffff;
101 + padding: 14px 27px;
317 102 margin: 10px 0 10px;
318 - border-radius: 4px;
319 - color: #222;
103 + border-radius: 1px;
104 + color: #353535;
320 105 white-space: pre-line;
321 106 line-height: 0.9;
322 107 font-size: 13px;
323 108 font-weight: 300;
324 - word-break: break-all;
325 - border: 1px solid #ddd;
109 + box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
110 + border: 1px solid #efefef;
326 111 }
327 112 .wrap.wpgetapi pre.url {
328 - margin: 0 0 20px;
113 + margin: 0 0 30px;
329 114 }
330 115 .wrap.wpgetapi pre.url span, .wrap.wpgetapi pre.functions span {
331 - color: #5e9929;
116 + color: #718e13;
332 117 }
333 118 .wrap.wpgetapi pre.functions {
334 119 display: block;
335 - margin: 20px 20px 20px 20px;
336 - line-height: 0.7;
337 - padding: 12px 20px 5px;
120 + margin: 15px 20px 20px 20px;
338 121 }
339 -.wrap.wpgetapi pre.functions .dashicons {
340 - font-size: 16px;
341 - color: #a7aaad;
342 - margin: -2px 0 0 0;
343 - cursor: pointer;
344 -}
345 -.wrap.wpgetapi pre.functions .dashicons:hover {
346 - color: #5e9929;
347 -}
348 122
349 -
350 -.wrap.wpgetapi .sidebar_cell hr {
351 - margin: 20px 0;
123 +.wrap.wpgetapi .sidebar_cell .box {
124 + margin-bottom: 40px;
352 125 }
353 -.wrap.wpgetapi .sidebar_cell ol {
354 - margin: 15px 0 0 15px;
355 -}
356 -
357 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td {
358 - width: calc( 100% - 200px);
359 -}
360 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .name,
361 -.wpgetapi_page_wpgetapi_oauth .wrap.wpgetapi .cmb-type-parameter > .cmb-td .value {
362 - width: 48%;
363 - float: left;
364 -}
365 -
366 -.wrap.wpgetapi .cmb2-metabox .section-wrapper {
367 - padding: 14px 27px;
368 - background: #fff;
369 - border: 1px solid #ddd;
370 - margin: 0 0 20px;
371 -}
372 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb2-metabox-title {
373 - font-size: 1.1em;
374 - padding-bottom: 0;
375 - margin-bottom: 0;
376 -}
377 -.wrap.wpgetapi .cmb2-metabox .section-wrapper .cmb-type-title .cmb2-metabox-description {
378 - margin: 5px 0 15px;
379 -}
380 -.wrap.wpgetapi .cmb2-metabox .importer-creator {
381 - display: inline-block;
382 - width: 100%;
383 - border: 1px solid #ddd;
384 - background: #fff;
385 - padding: 14px 0 0;
386 - margin-bottom: 15px;
387 -}
388 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box.half {
389 - float: left;
390 - width: 50%;
391 - margin-bottom: 20px;
392 - padding: 0 28px;
393 -}
394 -.wrap.wpgetapi .cmb2-metabox .importer-creator .box h4 {
395 - margin-top: 0;
396 -}
397 -.wrap.wpgetapi .cmb2-metabox .side-notice {
398 - border-left: 3px solid #dba617;
399 - background: #fff;
400 - padding: 5px 15px;
401 - box-shadow: 0 0 1px #aaa;
402 - margin: 10px 0;
403 -}
404 -.wrap.wpgetapi .cmb2-metabox .side-notice p {
405 - margin: 5px 0;
406 -}
407 -
408 -.wrap.wpgetapi .wpgetapi-test-area {
409 - margin: 0 20px 15px;
410 -}
411 -.wrap.wpgetapi .wpgetapi-test-area .wpgetapi-result .wpgetapi-debug {
412 - margin: 20px 0 20px;
413 -}
414 -.wrap.wpgetapi .wpgetapi-test-area .handle {
415 - margin: 0 0 0 15px;
416 - border-bottom: 1px dotted #ccc;
417 - padding: 0 0 4px;
418 - cursor: pointer;
419 -}
420 -.wrap.wpgetapi .wpgetapi-test-area pre {
421 - box-shadow: none;
422 - border: none;
423 - width: auto !important;
424 - max-width: 100%;
425 - word-break: break-all;
426 -}
427 -.wrap.wpgetapi .wpgetapi-test-area .side-notice {
428 - margin-top: 20px;
429 -}
430 -.wrap.wpgetapi .section-wrapper .cmb-row.cmb-type-title {
431 - border-bottom: 1px solid #ddd;
432 - margin: 0 -27px 15px;
433 - padding: 0 27px;
434 -}
435 -
436 -.wrap.wpgetapi .cmb-type-group .cmb-repeat-group-field.field-actions {
437 - border-top: 1px solid #ddd !important;
438 - padding-top: 20px !important;
439 - padding-bottom: 20px !important;
440 -}
441 -
442 126 @media screen and (max-width: 1024px) {
443 127 .wrap.wpgetapi .main_content_cell {
444 128 width: auto;
445 129 display: block;