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