PluginProbe
WP Coder – Insert & Manage Code Snippets / 3.0
WP Coder – Insert & Manage Code Snippets v3.0
4.5.1 1.1 2.3.1 2.3.2 2.4.1 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 3.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.1 3.1.1 3.2 3.2.1 3.3 3.4 3.5 3.5.1 All 39 releases
← All changes | assets/css/admin.css +25 -396 3.13.0 View file →
@@ -1,5 +1,4 @@
1 -@charset "UTF-8";
2 1 :root {
3 2 --wowp-blue: #005BBF;
4 3 --wowp-yellow: #FFD500;
5 4 --wowp-border: #cccccc;
@@ -40,10 +39,11 @@
40 39 }
41 40
42 41 .wowp-header {
43 42 position: relative;
44 - padding: 32px 36px;
43 + padding: 32px 20px;
45 44 margin-left: -20px;
45 + background: #ffffff;
46 46 display: flex;
47 47 align-items: center;
48 48 gap: 1rem;
49 49 flex-wrap: wrap;
@@ -48,29 +48,8 @@
48 48 gap: 1rem;
49 49 flex-wrap: wrap;
50 50 }
51 51
52 -.wowp-header-title {
53 - display: flex;
54 - align-items: center;
55 - background: #ffffff;
56 - padding: 22px 36px;
57 - margin-left: -20px;
58 - border-top: 1px solid #dcdcdc;
59 - border-bottom: 1px solid #dcdcdc;
60 -}
61 -.wowp-header-title h2 {
62 - font-size: 22px;
63 - font-weight: 600;
64 - margin: 0;
65 -}
66 -.wowp-header-title .button {
67 - margin-left: 20px;
68 -}
69 -.wowp-header-title .wowp-notice-license {
70 - margin-left: 20px;
71 -}
72 -
73 52 .wowp-logo {
74 53 display: flex;
75 54 align-items: center;
76 55 }
@@ -93,9 +72,9 @@
93 72
94 73 .wowp-links {
95 74 position: absolute;
96 75 top: 0;
97 - right: 36px;
76 + right: 20px;
98 77 display: flex;
99 78 border-radius: 0 0 4px 4px;
100 79 border: 2px solid;
101 80 border-top: none;
@@ -127,9 +106,8 @@
127 106 .wowp-links a:hover {
128 107 background-color: #F6C8AF;
129 108 }
130 109
131 -.wowp-links .codericon,
132 110 .wowp-links .dashicons {
133 111 width: 15px;
134 112 height: 15px;
135 113 font-size: 15px;
@@ -140,9 +118,9 @@
140 118 color: var(--wowp-blue);
141 119 }
142 120
143 121 .wowp-list {
144 - padding: 50px 36px 50px 16px;
122 + padding: 50px 0;
145 123 }
146 124
147 125 @media screen and (max-width: 782px) {
148 126 .wowp-list td.column-mode span:first-child {
@@ -171,20 +149,8 @@
171 149 .wowp-status-off {
172 150 background-color: red;
173 151 }
174 152
175 -.wowp-settings #titlewrap input {
176 - padding: 3px 8px;
177 - font-size: 1.7em;
178 - line-height: 100%;
179 - height: 1.7em;
180 - width: 100%;
181 - outline: none;
182 - margin: 0 0 3px;
183 - background-color: #fff;
184 - border-radius: 0;
185 -}
186 -
187 153 .wowp-wrap fieldset {
188 154 border: 2px solid var(--wowp-border);
189 155 padding: 20px;
190 156 display: flex;
@@ -202,10 +168,9 @@
202 168 .wowp-field {
203 169 position: relative;
204 170 box-sizing: border-box;
205 171 }
206 -.wowp-field input:not([type=checkbox], [type=radio], .wp-color-picker, .wp-picker-clear, .button),
207 -.wowp-field select {
172 +.wowp-field > input:not([type=checkbox], [type=radio]), .wowp-field > select {
208 173 height: 40px;
209 174 line-height: 40px;
210 175 width: 100%;
211 176 border: 1px solid var(--wowp-blue);
@@ -210,12 +175,8 @@
210 175 width: 100%;
211 176 border: 1px solid var(--wowp-blue);
212 177 max-width: 100%;
213 178 }
214 -.wowp-field textarea {
215 - width: 100%;
216 - min-height: 350px;
217 -}
218 179 .wowp-field .label {
219 180 position: absolute;
220 181 top: 0;
221 182 left: 10px;
@@ -223,14 +184,13 @@
223 184 font-size: 12px;
224 185 font-weight: 700;
225 186 padding: 0 5px;
226 187 color: #004A9B;
227 - z-index: 9;
228 188 }
229 189 .wowp-field .label:after {
230 190 position: absolute;
231 191 content: " ";
232 - height: 4px;
192 + height: 3px;
233 193 background: #fff;
234 194 width: 100%;
235 195 top: 50%;
236 196 left: 0;
@@ -236,46 +196,8 @@
236 196 left: 0;
237 197 z-index: -1;
238 198 transform: translateY(-50%);
239 199 }
240 -.wowp-field .label.wowp-info:before {
241 - position: absolute;
242 - content: "?";
243 - top: 0;
244 - left: calc(100% - 5px);
245 - font-size: 10px;
246 - color: var(--wowp-dark);
247 - transform: translateY(calc(-50% ));
248 - font-weight: bold;
249 -}
250 -.wowp-field .label.wowp-info:hover:before {
251 - position: absolute;
252 - top: 0;
253 - left: 0;
254 - background-color: #2B222A;
255 - border-radius: 5px;
256 - color: #fff;
257 - content: attr(data-info);
258 - padding: 5px 10px;
259 - text-transform: none;
260 - width: 160px;
261 - transform: translateY(calc(-100% - 7px));
262 - word-wrap: break-word;
263 - white-space: break-spaces;
264 - line-height: 1.1;
265 - font-weight: normal;
266 - font-size: 12px;
267 -}
268 -.wowp-field .wowp-download-img {
269 - position: absolute;
270 - top: 0;
271 - right: 5px;
272 - transform: translateY(-100%);
273 - font-weight: 600;
274 - font-size: 8px;
275 - cursor: pointer;
276 - color: var(--wowp-dark);
277 -}
278 200
279 201 .wowp-field {
280 202 width: calc(100%/3 - 15px/2 - 2.5px);
281 203 }
@@ -284,9 +206,9 @@
284 206 width: 100%;
285 207 }
286 208 }
287 209
288 -.wowp-field.has-checkbox {
210 +.wowp-field.has-chackbox {
289 211 display: flex;
290 212 padding: 0 8px;
291 213 align-items: center;
292 214 border: 1px solid var(--wowp-blue);
@@ -296,16 +218,16 @@
296 218 gap: 8px;
297 219 width: calc(100%/3 - 15px/2 - 2.5px - 2.5px);
298 220 }
299 221 @media screen and (max-width: 1024px) {
300 - .wowp-field.has-checkbox {
222 + .wowp-field.has-chackbox {
301 223 width: 100%;
302 224 }
303 225 }
304 -.wowp-field.has-checkbox input[type=checkbox] {
305 - margin: 0 8px 0 0;
226 +.wowp-field.has-chackbox input[type=checkbox] {
227 + margin: 0;
306 228 }
307 -.wowp-field.has-checkbox .label {
229 +.wowp-field.has-chackbox .label {
308 230 line-height: initial;
309 231 }
310 232
311 233 .wowp-field.has-addon {
@@ -312,14 +234,13 @@
312 234 display: flex;
313 235 align-items: center;
314 236 }
315 237 .wowp-field.has-addon .is-addon {
316 - order: -1;
317 - box-sizing: border-box;
238 + box-sizing: inherit;
318 239 height: 40px;
319 240 line-height: 40px;
320 241 padding: 0 8px;
321 - background-color: #ffffff;
242 + background-color: #DFE2FC;
322 243 color: var(--wowp-dark);
323 244 border: 1px solid var(--wowp-blue);
324 245 border-radius: 3px 0 0 3px;
325 246 border-right: none;
@@ -324,63 +245,12 @@
324 245 border-radius: 3px 0 0 3px;
325 246 border-right: none;
326 247 margin-right: -2px;
327 248 }
328 -.wowp-field.has-addon select,
329 249 .wowp-field.has-addon input:not([type=checkbox], [type=radio]) {
330 - box-sizing: border-box;
331 250 border-radius: 0 3px 3px 0;
332 - border-left: none;
333 251 }
334 -.wowp-field.has-addon select[readonly] + .is-addon,
335 -.wowp-field.has-addon input:not([type=checkbox], [type=radio])[readonly] + .is-addon {
336 - background-color: #f0f0f1;
337 -}
338 -.wowp-field.has-addon select:focus,
339 -.wowp-field.has-addon input:not([type=checkbox], [type=radio]):focus {
340 - box-shadow: none;
341 -}
342 -.wowp-field.has-addon:has(input:focus) {
343 - box-shadow: 0 0 0 1px #2271b1;
344 - border-radius: 3px;
345 -}
346 -.wowp-field.has-addon.has-background .is-addon {
347 - background-color: #DFE2FC;
348 -}
349 252
350 -.wowp-field.has-addon-right label {
351 - display: flex;
352 - align-items: center;
353 -}
354 -.wowp-field.has-addon-right label .is-addon {
355 - order: 1;
356 - box-sizing: border-box;
357 - height: 40px;
358 - line-height: 40px;
359 - padding: 0 8px;
360 - background-color: #ffffff;
361 - color: var(--wowp-dark);
362 - border: 1px solid var(--wowp-blue);
363 - border-radius: 0 3px 3px 0;
364 - border-left: none;
365 - margin-left: -2px;
366 -}
367 -.wowp-field.has-addon-right label select,
368 -.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]) {
369 - border-radius: 3px 0 0 3px;
370 -}
371 -.wowp-field.has-addon-right label select:focus + .is-addon,
372 -.wowp-field.has-addon-right label input:not([type=checkbox], [type=radio]):focus + .is-addon {
373 - box-shadow: 0 0 0 1px #2271b1;
374 -}
375 -.wowp-field.has-addon-right:has(input:focus) {
376 - box-shadow: 0 0 0 1px #2271b1;
377 - border-radius: 3px;
378 -}
379 -.wowp-field.has-addon-right.has-background .is-addon {
380 - background-color: #DFE2FC;
381 -}
382 -
383 253 .wowp-field.has-addon .is-addon .dashicons {
384 254 line-height: 40px;
385 255 }
386 256
@@ -397,40 +267,16 @@
397 267 width: 100%;
398 268 }
399 269
400 270 .wowp-fields-group {
401 - position: relative;
402 271 display: flex;
403 272 gap: 15px;
404 273 flex-wrap: wrap;
405 274 width: 100%;
406 - box-sizing: border-box;
407 275 }
408 276
409 -.wowp-wrap .large-text.code {
410 - background: #32373c;
411 - color: rgba(240, 245, 250, 0.7);
412 - font-size: 12px;
413 - font-family: Menlo, Monaco, monospace;
414 - display: block;
415 - overflow: auto;
416 - white-space: pre;
417 - width: 100%;
418 - height: 450px;
419 - padding: 10px;
420 - outline: none;
421 -}
422 -
423 -.wowp-code-nav {
424 - position: relative;
425 - min-height: 30px;
426 -}
427 -
428 277 .wowp-notice {
429 - padding: 22px;
430 - border-right: none;
431 - border-top: none;
432 - border-bottom: none;
278 + padding: 0.75rem 1.25rem;
433 279 }
434 280
435 281 .wowp-error {
436 282 background: #FAD0D0;
@@ -444,47 +290,8 @@
444 290 color: #14102C;
445 291 border-left: 6px solid #109610;
446 292 }
447 293
448 -.wowp-notice {
449 - --notification-color: var(--wowp-success);
450 - position: relative;
451 - background-color: color-mix(in srgb, var(--notification-color) 7%, white);
452 - border-width: 1px;
453 - border-style: solid;
454 - border-color: var(--notification-color);
455 - padding-block: 1.25rem;
456 - padding-inline: 3rem 1.25rem;
457 - border-radius: 4px;
458 - margin-block: 15px;
459 -}
460 -.wowp-notice:before {
461 - position: absolute;
462 - left: 0.5rem;
463 - top: 50%;
464 - transform: translateY(-50%);
465 - content: "";
466 - font-family: dashicons;
467 - font-size: 1.5rem;
468 - width: 2rem;
469 - height: 2rem;
470 - display: flex;
471 - align-items: center;
472 - justify-content: center;
473 - color: var(--notification-color);
474 -}
475 -.wowp-notice:after {
476 - position: absolute;
477 - content: "";
478 - left: 0;
479 - top: 50%;
480 - transform: translateY(-50%);
481 - height: 2rem;
482 - width: 3px;
483 - border-radius: 0 3px 3px 0;
484 - background-color: var(--notification-color);
485 -}
486 -
487 294 .wowp-file input::file-selector-button {
488 295 color: #14102C;
489 296 padding: 0.5em;
490 297 border: thin solid var(--wowp-yellow);
@@ -494,12 +301,8 @@
494 301 .wowp-file input[type=file]:valid {
495 302 color: var(--wowp-orange);
496 303 }
497 304
498 -.wowp-settings #poststuff {
499 - padding-top: 0;
500 - margin-top: 15px;
501 -}
502 305 .wowp-settings h4 {
503 306 display: flex;
504 307 width: max-content;
505 308 gap: 8px;
@@ -517,9 +320,9 @@
517 320 padding: 4px 8px;
518 321 border-radius: 25px;
519 322 }
520 323
521 -.codericon {
324 +.wowp-icon {
522 325 color: var(--wowp-orange);
523 326 }
524 327
525 328 .nav-tab-wrapper.wowp-tab {
@@ -531,9 +334,8 @@
531 334 border-bottom: 1px solid #ffffff;
532 335 }
533 336
534 337 .wowp-tab-content {
535 - position: relative;
536 338 padding: 1.5rem 1.25rem;
537 339 background-color: #ffffff;
538 340 border-width: 1px;
539 341 border-style: solid;
@@ -539,14 +341,12 @@
539 341 border-style: solid;
540 342 border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1 100%;
541 343 }
542 344 .wowp-tab-content .tab-content {
543 - position: absolute;
544 - left: -9999%;
345 + display: none;
545 346 }
546 347 .wowp-tab-content .tab-content.tab-content-active {
547 - position: relative;
548 - left: 0;
348 + display: block;
549 349 }
550 350
551 351 .wowp-text-helper {
552 352 width: 100%;
@@ -551,8 +351,15 @@
551 351 .wowp-text-helper {
552 352 width: 100%;
553 353 }
554 354
355 +.CodeMirror {
356 + border: 1px solid var(--wowp-border);
357 + font-size: 13px;
358 + resize: vertical;
359 + overflow: auto;
360 +}
361 +
555 362 .wowp-sidebar-pub-section {
556 363 display: flex;
557 364 flex-direction: column;
558 365 gap: 15px;
@@ -573,9 +380,8 @@
573 380 text-decoration: none;
574 381 }
575 382 .wowp-sidebar-pub-section .wowp-field input:not([type=checkbox], [type=radio]) {
576 383 height: 32px;
577 - line-height: 32px;
578 384 }
579 385
580 386 .wowp-sidebar-pub-section [list]::-webkit-calendar-picker-indicator {
581 387 display: none !important;
@@ -611,23 +417,8 @@
611 417 border-color: #760200;
612 418 color: #ffffff;
613 419 }
614 420
615 -.button-editor {
616 - position: absolute;
617 - right: 0;
618 - bottom: 2px;
619 - cursor: pointer;
620 - padding: 5px 10px;
621 - background-color: var(--wowp-border);
622 - color: var(--wowp-dark);
623 - border-radius: 4px;
624 - display: block;
625 -}
626 -.button-editor:focus, .button-editor:hover {
627 - background-color: var(--wowp-yellow);
628 -}
629 -
630 421 .has-tooltip {
631 422 position: relative;
632 423 cursor: help;
633 424 }
@@ -744,30 +535,8 @@
744 535 .wowp-toogle.is-off:focus span, .wowp-toogle.is-off:hover span {
745 536 background-color: #760200;
746 537 }
747 538
748 -.wowp-input-group {
749 - position: relative;
750 - display: flex;
751 -}
752 -.wowp-input-group .wowp-copy {
753 - display: flex;
754 - align-items: center;
755 - padding: 0 5px;
756 - cursor: pointer;
757 - color: var(--wowp-blue);
758 - transform: translateX(-100%);
759 -}
760 -.wowp-input-group .wowp-copy:hover {
761 - color: var(--wowp-dark);
762 -}
763 -.wowp-input-group input {
764 - padding-right: 21px;
765 -}
766 -
767 -.wowp-wrap {
768 - padding: 22px 16px 50px 16px;
769 -}
770 539 .wowp-wrap .has-shadow {
771 540 box-shadow: 0 0 10px 3px rgba(0, 91, 191, 0.1);
772 541 }
773 542 .wowp-wrap .has-padding {
@@ -789,17 +558,8 @@
789 558 }
790 559 .wowp-wrap .has-mt {
791 560 margin-top: 24px;
792 561 }
793 -.wowp-wrap .color-red {
794 - color: #760200;
795 -}
796 -.wowp-wrap .color-green {
797 - color: #109610;
798 -}
799 -.wowp-wrap .is-relative {
800 - position: relative;
801 -}
802 562
803 563 .w_block {
804 564 background-color: #ebf3ff;
805 565 padding: 50px 32px;
@@ -937,136 +697,5 @@
937 697 .w_boxes__3-col {
938 698 grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
939 699 }
940 700
941 -.changelog-list {
942 - max-width: 750px;
943 - margin-inline: auto;
944 -}
945 -.changelog-list h4 {
946 - font-size: 22px;
947 - padding-bottom: 0.75rem;
948 - border-bottom: 2px solid #FADFD0;
949 - margin-bottom: 1rem;
950 - display: inline-block;
951 -}
952 -.changelog-list ul li {
953 - font-size: 16px;
954 - line-height: 1.5;
955 - padding-left: 8px;
956 -}
957 -.changelog-list ul li::marker {
958 - font-size: 12px;
959 -}
960 -.changelog-list ul li.added::marker {
961 - content: "✅";
962 -}
963 -.changelog-list ul li.fixed::marker {
964 - content: "🛠";
965 -}
966 -.changelog-list ul li.initial::marker {
967 - content: "📢";
968 -}
969 -
970 -#code-attributes .dashicons,
971 -#dequeue .dashicons,
972 -#includes-files .dashicons,
973 -#schedule .dashicons,
974 -#display-rules .dashicons {
975 - color: var(--wowp-danger);
976 - cursor: pointer;
977 - position: absolute;
978 - right: 0;
979 - top: 0;
980 - transform: translateX(calc(100% + 5px));
981 -}
982 -
983 -.CodeMirror {
984 - border: 1px solid var(--wowp-border);
985 - font-size: 13px;
986 - width: 100%;
987 - min-height: 60vh !important;
988 - height: calc(100vh - 295px) !important;
989 - box-sizing: border-box;
990 -}
991 -
992 -.wpcoder-global-php .CodeMirror-sizer:before {
993 - content: "<?php\a defined( 'ABSPATH' ) || exit;\a\a";
994 - white-space: pre;
995 -}
996 -
997 -.wpcoder-global-php .CodeMirror-sizer:before {
998 - color: #848A8A;
999 - position: absolute;
1000 -}
1001 -
1002 -.wpcoder-global-php .CodeMirror-lines {
1003 - padding-top: 50px;
1004 -}
1005 -
1006 -.highlighted-gutter {
1007 - background-color: #e8f2ff;
1008 - border-left: 5px solid var(--wowp-orange);
1009 -}
1010 -
1011 -.wowp-notification {
1012 - --notification-color: var(--wowp-dark);
1013 - position: relative;
1014 - background-color: color-mix(in srgb, var(--notification-color) 7%, white);
1015 - border-width: 1px;
1016 - border-style: solid;
1017 - border-color: var(--notification-color);
1018 - padding-block: 1.25rem;
1019 - padding-inline: 3rem 1.25rem;
1020 - border-radius: 4px;
1021 - margin-block: 15px;
1022 -}
1023 -.wowp-notification:before {
1024 - position: absolute;
1025 - left: 0.5rem;
1026 - top: 50%;
1027 - transform: translateY(-50%);
1028 - content: "";
1029 - font-family: dashicons;
1030 - font-size: 1.5rem;
1031 - width: 2rem;
1032 - height: 2rem;
1033 - display: flex;
1034 - align-items: center;
1035 - justify-content: center;
1036 - color: var(--notification-color);
1037 -}
1038 -.wowp-notification:after {
1039 - position: absolute;
1040 - content: "";
1041 - left: 0;
1042 - top: 50%;
1043 - transform: translateY(-50%);
1044 - height: 2rem;
1045 - width: 3px;
1046 - border-radius: 0 3px 3px 0;
1047 - background-color: var(--notification-color);
1048 -}
1049 -.wowp-notification.-info {
1050 - --notification-color: var(--wowp-blue);
1051 -}
1052 -.wowp-notification.-info:before {
1053 - content: "";
1054 -}
1055 -.wowp-notification.-warning {
1056 - --notification-color: var(--wowp-yellow);
1057 -}
1058 -.wowp-notification.-warning:before {
1059 - content: "";
1060 -}
1061 -.wowp-notification.-error {
1062 - --notification-color: var(--wowp-danger);
1063 -}
1064 -.wowp-notification.-error:before {
1065 - content: "";
1066 -}
1067 -.wowp-notification.-success {
1068 - --notification-color: var(--wowp-success);
1069 -}
1070 -.wowp-notification.-success:before {
1071 - content: "";
1072 -}
701 +/*# sourceMappingURL=admin.css.map */