| @@ -92,17 +92,11 @@ | ||
| 92 | 92 | } |
| 93 | 93 | |
| 94 | 94 | .wowp-links { |
| 95 | 95 | position: absolute; |
| 96 | - top: 0; | |
| 97 | - right: 36px; | |
| 96 | + bottom: 0; | |
| 97 | + left: 36px; | |
| 98 | 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 | 99 | } |
| 106 | 100 | @media screen and (max-width: 850px) { |
| 107 | 101 | .wowp-links { |
| 108 | 102 | display: none; |
| @@ -114,9 +108,8 @@ | ||
| 114 | 108 | } |
| 115 | 109 | |
| 116 | 110 | .wowp-links a { |
| 117 | 111 | text-decoration: none; |
| 118 | - color: #14102C; | |
| 119 | 112 | display: flex; |
| 120 | 113 | flex-direction: column; |
| 121 | 114 | font-size: 12px; |
| 122 | 115 | align-items: center; |
| @@ -124,9 +117,9 @@ | ||
| 124 | 117 | transition: all 0.15s linear; |
| 125 | 118 | } |
| 126 | 119 | |
| 127 | 120 | .wowp-links a:hover { |
| 128 | - background-color: #F6C8AF; | |
| 121 | + color: #14102C; | |
| 129 | 122 | } |
| 130 | 123 | |
| 131 | 124 | .wowp-links .codericon, |
| 132 | 125 | .wowp-links .dashicons { |
| @@ -133,8 +126,9 @@ | ||
| 133 | 126 | width: 15px; |
| 134 | 127 | height: 15px; |
| 135 | 128 | font-size: 15px; |
| 136 | 129 | color: #596FF9; |
| 130 | + display: none; | |
| 137 | 131 | } |
| 138 | 132 | |
| 139 | 133 | .wowp-wrap .nav-tab-wrapper .nav-tab-active { |
| 140 | 134 | color: var(--wowp-blue); |
| @@ -424,8 +418,41 @@ | ||
| 424 | 418 | position: relative; |
| 425 | 419 | min-height: 30px; |
| 426 | 420 | } |
| 427 | 421 | |
| 422 | +.wowp-snippet__list dt { | |
| 423 | + padding-top: 0.5rem; | |
| 424 | +} | |
| 425 | +.wowp-snippet__list dt:has(input:checked) { | |
| 426 | + background-color: #f0f0f1; | |
| 427 | + margin-inline: -1.25rem; | |
| 428 | + padding-inline: 1.25rem; | |
| 429 | + transition: background-color 0.2s ease-out; | |
| 430 | +} | |
| 431 | +.wowp-snippet__list dt:has(input:checked) + dd { | |
| 432 | + background-color: #f0f0f1; | |
| 433 | + margin-inline: -1.25rem; | |
| 434 | + padding-inline: calc(1.25rem + 24px) 1.25rem; | |
| 435 | + transition: background-color 0.2s ease-out; | |
| 436 | +} | |
| 437 | +.wowp-snippet__list dt label { | |
| 438 | + font-weight: 700; | |
| 439 | + font-size: 16px; | |
| 440 | +} | |
| 441 | +.wowp-snippet__list dt input { | |
| 442 | + margin-right: 8px; | |
| 443 | +} | |
| 444 | +.wowp-snippet__list dd { | |
| 445 | + padding-top: 8px; | |
| 446 | + margin-left: 0; | |
| 447 | + padding-left: 24px; | |
| 448 | +} | |
| 449 | +.wowp-snippet__list dd:not(:last-child) { | |
| 450 | + padding-bottom: 8px; | |
| 451 | + margin-bottom: 0; | |
| 452 | + border-bottom: 1px dashed #8c8f94; | |
| 453 | +} | |
| 454 | + | |
| 428 | 455 | .wowp-notice { |
| 429 | 456 | padding: 22px; |
| 430 | 457 | border-right: none; |
| 431 | 458 | border-top: none; |
| @@ -612,9 +639,8 @@ | ||
| 612 | 639 | color: #ffffff; |
| 613 | 640 | } |
| 614 | 641 | |
| 615 | 642 | .button-editor { |
| 616 | - position: absolute; | |
| 617 | 643 | right: 0; |
| 618 | 644 | bottom: 2px; |
| 619 | 645 | cursor: pointer; |
| 620 | 646 | padding: 5px 10px; |
| @@ -626,8 +652,13 @@ | ||
| 626 | 652 | .button-editor:focus, .button-editor:hover { |
| 627 | 653 | background-color: var(--wowp-yellow); |
| 628 | 654 | } |
| 629 | 655 | |
| 656 | +.add-img-btn { | |
| 657 | + align-self: flex-end; | |
| 658 | + text-align: right; | |
| 659 | +} | |
| 660 | + | |
| 630 | 661 | .has-tooltip { |
| 631 | 662 | position: relative; |
| 632 | 663 | cursor: help; |
| 633 | 664 | } |
| @@ -763,8 +794,23 @@ | ||
| 763 | 794 | .wowp-input-group input { |
| 764 | 795 | padding-right: 21px; |
| 765 | 796 | } |
| 766 | 797 | |
| 798 | +.wpcoder-expand { | |
| 799 | + margin-top: 8px; | |
| 800 | +} | |
| 801 | + | |
| 802 | +.wpcoder-expand__title { | |
| 803 | + color: var(--wowp-blue); | |
| 804 | + font-weight: 600; | |
| 805 | + font-size: 14px; | |
| 806 | + cursor: pointer; | |
| 807 | +} | |
| 808 | + | |
| 809 | +.wpcoder-expand__content { | |
| 810 | + padding-block: 8px; | |
| 811 | +} | |
| 812 | + | |
| 767 | 813 | .wowp-wrap { |
| 768 | 814 | padding: 22px 16px 50px 16px; |
| 769 | 815 | } |
| 770 | 816 | .wowp-wrap .has-shadow { |
| @@ -798,8 +844,11 @@ | ||
| 798 | 844 | } |
| 799 | 845 | .wowp-wrap .is-relative { |
| 800 | 846 | position: relative; |
| 801 | 847 | } |
| 848 | +.wowp-wrap ._m-is-auto { | |
| 849 | + margin-inline-start: auto; | |
| 850 | +} | |
| 802 | 851 | |
| 803 | 852 | .w_block { |
| 804 | 853 | background-color: #ebf3ff; |
| 805 | 854 | padding: 50px 32px; |
| @@ -1062,8 +1111,14 @@ | ||
| 1062 | 1111 | --notification-color: var(--wowp-danger); |
| 1063 | 1112 | } |
| 1064 | 1113 | .wowp-notification.-error:before { |
| 1065 | 1114 | content: ""; |
| 1115 | +} | |
| 1116 | +.wowp-notification.-lock { | |
| 1117 | + --notification-color: var(--wowp-danger); | |
| 1118 | +} | |
| 1119 | +.wowp-notification.-lock:before { | |
| 1120 | + content: ""; | |
| 1066 | 1121 | } |
| 1067 | 1122 | .wowp-notification.-success { |
| 1068 | 1123 | --notification-color: var(--wowp-success); |
| 1069 | 1124 | } |
