PluginProbe
WP Coder – Insert & Manage Code Snippets / 2.3.2
WP Coder – Insert & Manage Code Snippets v2.3.2
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 +141 -1072 3.12.3.2 View file →
@@ -1,1072 +1,141 @@
1 -@charset "UTF-8";
2 -:root {
3 - --wowp-blue: #005BBF;
4 - --wowp-yellow: #FFD500;
5 - --wowp-border: #cccccc;
6 - --wowp-dark: #14102C;
7 - --wowp-orange: #E86E2C;
8 - --wowp-bg: #EEF3EB;
9 - --wowp-success: #00BF04;
10 - --wowp-danger: #BF0400;
11 -}
12 -
13 -.wowp-box {
14 - padding: 1.5rem 1.25rem;
15 - margin-top: 50px;
16 - position: relative;
17 - box-sizing: border-box;
18 - background: #ffffff;
19 - background-clip: padding-box;
20 - border: solid 2px transparent;
21 - border-radius: 4px;
22 -}
23 -.wowp-box::before {
24 - content: "";
25 - position: absolute;
26 - top: 0;
27 - right: 0;
28 - bottom: 0;
29 - left: 0;
30 - z-index: -1;
31 - margin: -2px;
32 - border-radius: inherit;
33 - background: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow));
34 -}
35 -
36 -.wowp-header-border {
37 - height: 5px;
38 - background: linear-gradient(to right, var(--wowp-blue), var(--wowp-yellow));
39 - margin-left: -20px;
40 -}
41 -
42 -.wowp-header {
43 - position: relative;
44 - padding: 32px 36px;
45 - margin-left: -20px;
46 - display: flex;
47 - align-items: center;
48 - gap: 1rem;
49 - flex-wrap: wrap;
50 -}
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 -.wowp-logo {
74 - display: flex;
75 - align-items: center;
76 -}
77 -
78 -.wowp-logo img {
79 - width: 40px;
80 -}
81 -
82 -.wowp-header h1 {
83 - position: relative;
84 - margin: 0 35px 0 0;
85 -}
86 -
87 -.wowp-version {
88 - position: absolute;
89 - transform: translateY(-50%) translateX(50%);
90 - font-size: 12px;
91 - font-weight: normal;
92 -}
93 -
94 -.wowp-links {
95 - position: absolute;
96 - top: 0;
97 - right: 36px;
98 - display: flex;
99 - border-radius: 0 0 4px 4px;
100 - border: 2px solid;
101 - border-top: none;
102 - background-color: #DFE2FC;
103 - border-image: linear-gradient(to right, #14102C, #E86E2C);
104 - border-image-slice: 1;
105 -}
106 -@media screen and (max-width: 850px) {
107 - .wowp-links {
108 - display: none;
109 - }
110 -}
111 -.wowp-links img {
112 - width: 15px;
113 - height: 15px;
114 -}
115 -
116 -.wowp-links a {
117 - text-decoration: none;
118 - color: #14102C;
119 - display: flex;
120 - flex-direction: column;
121 - font-size: 12px;
122 - align-items: center;
123 - padding: 5px;
124 - transition: all 0.15s linear;
125 -}
126 -
127 -.wowp-links a:hover {
128 - background-color: #F6C8AF;
129 -}
130 -
131 -.wowp-links .codericon,
132 -.wowp-links .dashicons {
133 - width: 15px;
134 - height: 15px;
135 - font-size: 15px;
136 - color: #596FF9;
137 -}
138 -
139 -.wowp-wrap .nav-tab-wrapper .nav-tab-active {
140 - color: var(--wowp-blue);
141 -}
142 -
143 -.wowp-list {
144 - padding: 50px 36px 50px 16px;
145 -}
146 -
147 -@media screen and (max-width: 782px) {
148 - .wowp-list td.column-mode span:first-child {
149 - margin-left: 0;
150 - }
151 -}
152 -.wowp-list .row-actions .duplicate a {
153 - color: green;
154 -}
155 -.wowp-list .row-actions .export a {
156 - color: orange;
157 -}
158 -
159 -.wowp-status-on,
160 -.wowp-status-off {
161 - display: inline-block;
162 - width: 14px;
163 - height: 14px;
164 - border-radius: 50%;
165 -}
166 -
167 -.wowp-status-on {
168 - background-color: green;
169 -}
170 -
171 -.wowp-status-off {
172 - background-color: red;
173 -}
174 -
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 -.wowp-wrap fieldset {
188 - border: 2px solid var(--wowp-border);
189 - padding: 20px;
190 - display: flex;
191 - flex-wrap: wrap;
192 - gap: 15px;
193 - margin-bottom: 24px;
194 -}
195 -.wowp-wrap legend {
196 - font-weight: bold;
197 - color: var(--wowp-dark);
198 - padding: 0 8px;
199 - font-size: 15px;
200 -}
201 -
202 -.wowp-field {
203 - position: relative;
204 - box-sizing: border-box;
205 -}
206 -.wowp-field input:not([type=checkbox], [type=radio], .wp-color-picker, .wp-picker-clear, .button),
207 -.wowp-field select {
208 - height: 40px;
209 - line-height: 40px;
210 - width: 100%;
211 - border: 1px solid var(--wowp-blue);
212 - max-width: 100%;
213 -}
214 -.wowp-field textarea {
215 - width: 100%;
216 - min-height: 350px;
217 -}
218 -.wowp-field .label {
219 - position: absolute;
220 - top: 0;
221 - left: 10px;
222 - transform: translateY(-50%);
223 - font-size: 12px;
224 - font-weight: 700;
225 - padding: 0 5px;
226 - color: #004A9B;
227 - z-index: 9;
228 -}
229 -.wowp-field .label:after {
230 - position: absolute;
231 - content: " ";
232 - height: 4px;
233 - background: #fff;
234 - width: 100%;
235 - top: 50%;
236 - left: 0;
237 - z-index: -1;
238 - transform: translateY(-50%);
239 -}
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 -
279 -.wowp-field {
280 - width: calc(100%/3 - 15px/2 - 2.5px);
281 -}
282 -@media screen and (max-width: 1024px) {
283 - .wowp-field {
284 - width: 100%;
285 - }
286 -}
287 -
288 -.wowp-field.has-checkbox {
289 - display: flex;
290 - padding: 0 8px;
291 - align-items: center;
292 - border: 1px solid var(--wowp-blue);
293 - border-radius: 3px;
294 - height: 40px;
295 - line-height: 40px;
296 - gap: 8px;
297 - width: calc(100%/3 - 15px/2 - 2.5px - 2.5px);
298 -}
299 -@media screen and (max-width: 1024px) {
300 - .wowp-field.has-checkbox {
301 - width: 100%;
302 - }
303 -}
304 -.wowp-field.has-checkbox input[type=checkbox] {
305 - margin: 0 8px 0 0;
306 -}
307 -.wowp-field.has-checkbox .label {
308 - line-height: initial;
309 -}
310 -
311 -.wowp-field.has-addon {
312 - display: flex;
313 - align-items: center;
314 -}
315 -.wowp-field.has-addon .is-addon {
316 - order: -1;
317 - box-sizing: border-box;
318 - height: 40px;
319 - line-height: 40px;
320 - padding: 0 8px;
321 - background-color: #ffffff;
322 - color: var(--wowp-dark);
323 - border: 1px solid var(--wowp-blue);
324 - border-radius: 3px 0 0 3px;
325 - border-right: none;
326 - margin-right: -2px;
327 -}
328 -.wowp-field.has-addon select,
329 -.wowp-field.has-addon input:not([type=checkbox], [type=radio]) {
330 - box-sizing: border-box;
331 - border-radius: 0 3px 3px 0;
332 - border-left: none;
333 -}
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 -
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 -.wowp-field.has-addon .is-addon .dashicons {
384 - line-height: 40px;
385 -}
386 -
387 -.wowp-field.border-default .is-addon {
388 - background-color: #dcdcde;
389 - color: #50575e;
390 - border-color: #8c8f94;
391 -}
392 -.wowp-field.border-default input:not([type=checkbox], [type=radio]) {
393 - border: 1px solid #8c8f94;
394 -}
395 -
396 -.wowp-field.is-full {
397 - width: 100%;
398 -}
399 -
400 -.wowp-fields-group {
401 - position: relative;
402 - display: flex;
403 - gap: 15px;
404 - flex-wrap: wrap;
405 - width: 100%;
406 - box-sizing: border-box;
407 -}
408 -
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 -.wowp-notice {
429 - padding: 22px;
430 - border-right: none;
431 - border-top: none;
432 - border-bottom: none;
433 -}
434 -
435 -.wowp-error {
436 - background: #FAD0D0;
437 - color: #14102C;
438 - border-left: 6px solid #E82C2C;
439 -}
440 -
441 -.wowp-success {
442 - padding: 1.25rem;
443 - background: #D0FAD0;
444 - color: #14102C;
445 - border-left: 6px solid #109610;
446 -}
447 -
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 -.wowp-file input::file-selector-button {
488 - color: #14102C;
489 - padding: 0.5em;
490 - border: thin solid var(--wowp-yellow);
491 - border-radius: 4px;
492 -}
493 -
494 -.wowp-file input[type=file]:valid {
495 - color: var(--wowp-orange);
496 -}
497 -
498 -.wowp-settings #poststuff {
499 - padding-top: 0;
500 - margin-top: 15px;
501 -}
502 -.wowp-settings h4 {
503 - display: flex;
504 - width: max-content;
505 - gap: 8px;
506 - align-items: center;
507 - margin: 0 0 1.5rem 0;
508 - font-weight: 800;
509 - box-sizing: border-box;
510 - color: var(--wowp-blue);
511 - font-size: 16px;
512 - letter-spacing: -1.08px;
513 - line-height: 18px;
514 - text-align: left;
515 - -webkit-font-smoothing: antialiased;
516 - background-color: var(--wowp-bg);
517 - padding: 4px 8px;
518 - border-radius: 25px;
519 -}
520 -
521 -.codericon {
522 - color: var(--wowp-orange);
523 -}
524 -
525 -.nav-tab-wrapper.wowp-tab {
526 - cursor: pointer;
527 -}
528 -
529 -.wowp-tab .nav-tab-active {
530 - background-color: #ffffff;
531 - border-bottom: 1px solid #ffffff;
532 -}
533 -
534 -.wowp-tab-content {
535 - position: relative;
536 - padding: 1.5rem 1.25rem;
537 - background-color: #ffffff;
538 - border-width: 1px;
539 - border-style: solid;
540 - border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1 100%;
541 -}
542 -.wowp-tab-content .tab-content {
543 - position: absolute;
544 - left: -9999%;
545 -}
546 -.wowp-tab-content .tab-content.tab-content-active {
547 - position: relative;
548 - left: 0;
549 -}
550 -
551 -.wowp-text-helper {
552 - width: 100%;
553 -}
554 -
555 -.wowp-sidebar-pub-section {
556 - display: flex;
557 - flex-direction: column;
558 - gap: 15px;
559 -}
560 -
561 -.wowp-sidebar-pub-section .wowp-field {
562 - width: 100%;
563 -}
564 -
565 -.wowp-sidebar-pub-section .wowp-field .is-addon {
566 - height: 32px;
567 - line-height: 32px;
568 -}
569 -.wowp-sidebar-pub-section .wowp-field .is-addon .dashicons {
570 - line-height: 32px;
571 -}
572 -.wowp-sidebar-pub-section .wowp-field .is-addon a {
573 - text-decoration: none;
574 -}
575 -.wowp-sidebar-pub-section .wowp-field input:not([type=checkbox], [type=radio]) {
576 - height: 32px;
577 - line-height: 32px;
578 -}
579 -
580 -.wowp-sidebar-pub-section [list]::-webkit-calendar-picker-indicator {
581 - display: none !important;
582 -}
583 -
584 -.wowp-sidebar #major-publishing-actions {
585 - margin: 0 -12px -12px -12px;
586 - padding: 12px 24px;
587 -}
588 -
589 -.wowp-sidebar #minor-publishing-actions {
590 - padding: 0;
591 -}
592 -
593 -.button._is-success {
594 - background-color: var(--wowp-success);
595 - border-color: var(--wowp-success);
596 - color: #ffffff;
597 -}
598 -.button._is-success:focus, .button._is-success:hover {
599 - background-color: #007602;
600 - border-color: #007602;
601 - color: #ffffff;
602 -}
603 -
604 -.button._is-danger {
605 - background-color: var(--wowp-danger);
606 - border-color: var(--wowp-danger);
607 - color: #ffffff;
608 -}
609 -.button._is-danger:focus, .button._is-danger:hover {
610 - background-color: #760200;
611 - border-color: #760200;
612 - color: #ffffff;
613 -}
614 -
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 -.has-tooltip {
631 - position: relative;
632 - cursor: help;
633 -}
634 -.has-tooltip::before, .has-tooltip::after {
635 - color: #efefef;
636 - font-family: monospace;
637 - font-size: 12px;
638 - opacity: 0;
639 - pointer-events: none;
640 - text-align: center;
641 -}
642 -.has-tooltip::before {
643 - position: absolute;
644 - top: 0;
645 - left: 50%;
646 - background-color: #2B222A;
647 - border-radius: 5px;
648 - color: #fff;
649 - content: attr(data-tooltip);
650 - padding: 5px 10px;
651 - text-transform: none;
652 - transition: all 0.5s ease;
653 - width: 160px;
654 - transform: translateY(calc(-100% - 7px)) translateX(-50%);
655 - word-wrap: break-word;
656 - white-space: break-spaces;
657 - line-height: 1.1;
658 -}
659 -.has-tooltip::after {
660 - position: absolute;
661 - top: -7px;
662 - left: 50%;
663 - border-left: 5px solid transparent;
664 - border-right: 5px solid transparent;
665 - border-top: 5px solid #2B222A;
666 - content: " ";
667 - font-size: 0;
668 - line-height: 0;
669 - margin-left: -5px;
670 - width: 0;
671 - transform: translateX(-50%);
672 -}
673 -.has-tooltip:focus::before, .has-tooltip:focus::after, .has-tooltip:hover::before, .has-tooltip:hover::after {
674 - opacity: 1;
675 - transition: all 0.75s ease;
676 -}
677 -.has-tooltip.on-right::before {
678 - top: 50%;
679 - left: 100%;
680 - transform: translateY(-50%) translateX(4px);
681 -}
682 -.has-tooltip.on-right::after {
683 - top: 50%;
684 - left: calc(100% + 2px);
685 - rotate: 90deg;
686 - transform: translateX(calc(-50% + 2.5px));
687 -}
688 -.has-tooltip.on-left::before {
689 - top: 50%;
690 - left: -2px;
691 - transform: translateY(-50%) translateX(-100%);
692 -}
693 -.has-tooltip.on-left::after {
694 - top: 50%;
695 - left: 0;
696 - rotate: -90deg;
697 - transform: translateX(calc(-50% + 7px));
698 -}
699 -
700 -.wowp-toogle {
701 - display: flex;
702 - align-items: center;
703 - position: relative;
704 - text-decoration: none;
705 - color: #ffffff;
706 - width: 40px;
707 - height: 28px;
708 - border-radius: 50px;
709 - padding: 0 4px;
710 -}
711 -.wowp-toogle:focus, .wowp-toogle:hover {
712 - color: #ffffff;
713 -}
714 -
715 -.wowp-toogle span {
716 - height: 20px;
717 - width: 20px;
718 - display: flex;
719 - align-items: center;
720 - justify-content: center;
721 - border-radius: 50%;
722 - font-size: 8px;
723 -}
724 -
725 -.wowp-toogle.is-on {
726 - background-color: #BFFFC0;
727 -}
728 -
729 -.wowp-toogle.is-on span {
730 - background-color: #00BF04;
731 -}
732 -.wowp-toogle.is-on:focus span, .wowp-toogle.is-on:hover span {
733 - background-color: #007602;
734 -}
735 -
736 -.wowp-toogle.is-off {
737 - flex-direction: row-reverse;
738 - background-color: #FFC0BF;
739 -}
740 -
741 -.wowp-toogle.is-off span {
742 - background-color: #BF0400;
743 -}
744 -.wowp-toogle.is-off:focus span, .wowp-toogle.is-off:hover span {
745 - background-color: #760200;
746 -}
747 -
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 -.wowp-wrap .has-shadow {
771 - box-shadow: 0 0 10px 3px rgba(0, 91, 191, 0.1);
772 -}
773 -.wowp-wrap .has-padding {
774 - padding: 10px;
775 - margin: 0 -10px;
776 -}
777 -.wowp-wrap .is-hidden {
778 - display: none;
779 -}
780 -.wowp-wrap .has-radius {
781 - border-radius: 4px;
782 -}
783 -.wowp-wrap .w_has-border {
784 - border: 2px solid;
785 - border-image: linear-gradient(to bottom, var(--wowp-blue), var(--wowp-yellow)) 1;
786 -}
787 -.wowp-wrap .w_width-750 {
788 - max-width: 750px;
789 -}
790 -.wowp-wrap .has-mt {
791 - margin-top: 24px;
792 -}
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 -
803 -.w_block {
804 - background-color: #ebf3ff;
805 - padding: 50px 32px;
806 - max-width: 1200px;
807 - margin: 50px auto;
808 -}
809 -.w_block-titles {
810 - position: relative;
811 - width: max-content;
812 - margin: 0 auto;
813 - display: flex;
814 - flex-direction: column;
815 - gap: 15px;
816 -}
817 -.w_block-subtitle {
818 - color: #f16046;
819 - font-size: 16px;
820 - font-weight: 700;
821 - line-height: 20px;
822 - margin: 0;
823 -}
824 -.w_block-title {
825 - position: relative;
826 - font-size: 40px;
827 - font-weight: 600;
828 - line-height: 45px;
829 - margin: 0;
830 - background: linear-gradient(to right, #14102C 0%, #14102C 30%, #E86E2C 81%, #14102C 100%);
831 - -webkit-background-clip: text;
832 - -webkit-text-fill-color: transparent;
833 - color: #14102C;
834 -}
835 -.w_block-btns {
836 - width: max-content;
837 - margin: 48px auto 68px;
838 - display: flex;
839 - gap: 25px;
840 -}
841 -@media screen and (max-width: 768px) {
842 - .w_block-btns {
843 - flex-direction: column;
844 - }
845 -}
846 -.w_block-btns [class^=w_btn] {
847 - display: inline-block;
848 - width: 220px;
849 - height: 50px;
850 - margin: 0 15px;
851 - line-height: 50px;
852 - font-size: 20px;
853 - text-decoration: none;
854 - color: #fff;
855 - border-width: 1px;
856 - border-style: solid;
857 - text-align: center;
858 - border-radius: 8px;
859 - text-transform: uppercase;
860 - transition: 0.5s;
861 - background-size: 200% auto;
862 -}
863 -.w_block-btns [class^=w_btn]:hover {
864 - background-position: right center;
865 -}
866 -.w_block-btns .w_btn-pro {
867 - background-image: linear-gradient(to right, #FFD500 0%, #E86E2C 51%, #FFD500 100%);
868 -}
869 -.w_block-btns .w_btn-demo {
870 - background-image: linear-gradient(to right, #005BBF 0%, #800080 51%, #005BBF 100%);
871 -}
872 -
873 -h4.wowp-title {
874 - font-size: 32px;
875 - font-weight: 600;
876 - line-height: 1.125;
877 - margin: 0 0 48px;
878 - padding: 0;
879 - color: var(--wowp-dark);
880 -}
881 -
882 -.w_card {
883 - position: relative;
884 - background-color: #fff;
885 - border-radius: 6px;
886 - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
887 - padding: 15px;
888 - text-decoration: none;
889 - color: #363636;
890 -}
891 -.w_card-media {
892 - position: absolute;
893 - top: -6px;
894 - left: -12px;
895 - background-color: #fdf2ed;
896 - width: 56px;
897 - height: 56px;
898 - border-radius: 6px;
899 - display: flex;
900 - align-items: center;
901 - color: orange;
902 - font-size: 32px;
903 - justify-content: center;
904 - margin: 0;
905 -}
906 -.w_card-content {
907 - display: flex;
908 - gap: 28px;
909 - flex-direction: column;
910 -}
911 -.w_card-title {
912 - font-size: 22px;
913 - font-weight: 700;
914 - margin: 0 0 0 44px;
915 -}
916 -.w_card-description {
917 - font-size: 16px;
918 - display: -webkit-box;
919 - -webkit-line-clamp: 2;
920 - -webkit-box-orient: vertical;
921 - overflow: hidden;
922 - text-overflow: ellipsis;
923 - cursor: pointer;
924 - margin: 0;
925 -}
926 -.w_card-description.is-open {
927 - overflow: visible;
928 - display: block;
929 - -webkit-line-clamp: unset;
930 -}
931 -
932 -[class^=w_boxes] {
933 - display: grid;
934 - gap: 22px;
935 -}
936 -
937 -.w_boxes__3-col {
938 - grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
939 -}
940 -
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 -}
1 +/* ========= INFORMATION ============================
2 + - document: Wow Plugin!
3 + - author: Dmytro Lobov
4 + - version: 1.0
5 +
6 +==================================================== */
7 +
8 +/* Tab style */
9 +.wow-plugin .tab-box{
10 + width: 100%;
11 + box-sizing: border-box;
12 +}
13 +.wow-plugin .tab-box:after{
14 + clear:both;
15 + content:"";
16 + display:block;
17 +}
18 +.wow-plugin .tab-nav{
19 + margin:0;
20 + padding:0;
21 + list-style:none;
22 + width:145px;
23 + float:left;
24 + border-right: 1px solid #1f9ef8;
25 +
26 +}
27 +.wow-plugin .tab-nav li{
28 + float:left;
29 + margin-bottom:1px;
30 +}
31 +.wow-plugin .tab-nav li a{
32 + display:inline-block;
33 + width:125px;
34 + padding:10px 10px;
35 + font-size:14px;
36 + color:#000;
37 + text-decoration:none;
38 +}
39 +.wow-plugin .tab-nav li a:hover{
40 + color:#000;
41 + text-decoration:none;
42 + font-weight: 700;
43 +}
44 +.wow-plugin .tab-nav li.select a{
45 + background: #fff;
46 + box-shadow: none;
47 + border-bottom: 1px solid #1f9ef8;
48 + font-weight: 700;
49 +}
50 +.wow-plugin .tab-nav .active{
51 + display:inline-block;
52 + padding:5px;
53 +}
54 +.wow-plugin .tab-box>div{
55 + margin:0 0 0 145px;
56 + padding:10px;
57 + border-left: 1px solid #1f9ef8;
58 +}
59 +.wow-plugin .tab-panels{
60 + background:#fff;
61 +}
62 +
63 +/* Flexbox elements */
64 +.wow-container {
65 + display: flex;
66 + justify-content: space-around;
67 +}
68 +.wow-container .wow-element {
69 + width: 100%;
70 + padding:10px;
71 +}
72 +.wow-plugin label {
73 + font-weight: 600;
74 + cursor: default;
75 +}
76 +.wow-plugin label[for] {
77 + cursor: pointer;
78 +}
79 +/* form elements style */
80 +.wow-element input[type=text],.wow-element input[type=tel],.wow-element input[type=number], .wow-element input[type=date], .wow-element select , .wow-element textarea{
81 + width: 100%;
82 + -moz-box-sizing: border-box;
83 + box-sizing: border-box;
84 + display: inline-block;
85 +}
86 +
87 +.wow-plugin fieldset {
88 + border: 1px solid #eee;
89 + margin: 15px 0;
90 +}
91 +.wow-plugin legend {
92 + font-size: 18px;
93 + font-weight: bold;
94 + padding: 0 25px 0 10px;
95 +}
96 +
97 +/* Tooltip container */
98 +.wow-help {
99 + font-size: 14px;
100 + cursor:help;
101 +}
102 +.wow-ui-tooltip{
103 + position:absolute;
104 + background:#333;
105 + border-width:1px!important;
106 + border-radius:3px!important;
107 + box-shadow:1px 1px 2px 1px rgba(214,214,214,.5)!important;
108 + color:#dedede!important;
109 + max-width:300px!important;
110 + padding:7px!important;
111 + text-rendering:optimizeLegibility;
112 + text-shadow:none!important;
113 + z-index: 100051!important;
114 +}
115 +
116 +/* Right Sidebar */
117 +.wow-sidebar h2 {
118 + border-bottom: 1px solid #eee;
119 +}
120 +
121 +.wow-sidebar .wow-element {
122 + padding: 0;
123 +}
124 +
125 +.wow-sidebar .wow-element h4 {
126 + line-height: auto;
127 + font-size: 14px;
128 + margin: 0 0 10px 0;
129 +}
130 +
131 +.wow-facebook::after {
132 + font-family: dashicons;
133 + content: "\f305";
134 + margin-left: 5px;
135 +}
136 +
137 +.wow-email::after {
138 + font-family: dashicons;
139 + content: "\f469";
140 + margin-left: 5px;
141 +}