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