| @@ -1,8 +1,9 @@ | ||
| 1 | 1 | .sellkit-notice { |
| 2 | 2 | display: -webkit-box; |
| 3 | 3 | display: -ms-flexbox; |
| 4 | 4 | display: flex; |
| 5 | + position: relative; | |
| 5 | 6 | margin: 5px 0 15px; |
| 6 | 7 | padding-top: 0 !important; |
| 7 | 8 | padding-bottom: 0 !important; |
| 8 | 9 | padding-left: 0 !important; |
| @@ -7,34 +8,28 @@ | ||
| 7 | 8 | padding-bottom: 0 !important; |
| 8 | 9 | padding-left: 0 !important; |
| 9 | 10 | border-left-color: #635cff; |
| 10 | 11 | } |
| 11 | - | |
| 12 | 12 | .sellkit-notice h3 { |
| 13 | 13 | margin-top: 0; |
| 14 | 14 | } |
| 15 | - | |
| 16 | 15 | .sellkit-notice .sellkit-notice-content { |
| 17 | 16 | display: block; |
| 18 | 17 | padding: 20px; |
| 19 | 18 | } |
| 20 | - | |
| 21 | 19 | .sellkit-notice .sellkit-notice-content .sellkit-notice-content-footer { |
| 22 | 20 | margin-top: 15px; |
| 23 | 21 | } |
| 24 | - | |
| 25 | 22 | .sellkit-notice .sellkit-notice-content .sellkit-notice-content-header { |
| 26 | 23 | margin-bottom: 15px; |
| 27 | 24 | font-size: 16px; |
| 28 | 25 | font-weight: bold; |
| 29 | 26 | } |
| 30 | - | |
| 31 | 27 | .sellkit-notice .sellkit-notice-aside { |
| 32 | 28 | width: 55px; |
| 33 | 29 | background-color: rgba(223, 222, 255, 0.3); |
| 34 | 30 | text-align: center; |
| 35 | 31 | } |
| 36 | - | |
| 37 | 32 | .sellkit-notice .sellkit-notice-aside-icon { |
| 38 | 33 | display: inline-block; |
| 39 | 34 | width: 28px; |
| 40 | 35 | height: 28px; |
| @@ -42,9 +37,8 @@ | ||
| 42 | 37 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' style='enable-background:new 0 0 500 500;' xml:space='preserve' viewBox='127.4 127.6 244.7 244.6'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23635CFF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M315.5,372.2H183.9c-31.2,0-56.5-25.3-56.5-56.5V184.1c0-31.2,25.3-56.5,56.5-56.5h131.7 c31.2,0,56.5,25.3,56.5,56.5v131.7C372,346.9,346.7,372.2,315.5,372.2z'/%3E%3Cpath class='st1' d='M300,215.2l-18.1,60.5h-55.2l-18.1-60.5h-36.8v26.3h17.2l18.1,60.5h94.3l26-86.8H300z M254.5,219.7l17.6,15.4 l17.3-19.8l-34.9-30.5l-34.9,30.5l17.3,19.8L254.5,219.7z'/%3E%3C/svg%3E"); |
| 43 | 38 | background-size: cover; |
| 44 | 39 | vertical-align: middle; |
| 45 | 40 | } |
| 46 | - | |
| 47 | 41 | .sellkit-notice .sellkit-notice-loading-icon:after { |
| 48 | 42 | display: inline-block; |
| 49 | 43 | width: 28px; |
| 50 | 44 | height: 28px; |
| @@ -52,8 +46,140 @@ | ||
| 52 | 46 | background-size: cover; |
| 53 | 47 | content: ""; |
| 54 | 48 | vertical-align: middle; |
| 55 | 49 | } |
| 50 | +.sellkit-notice .sellkit-notice-content-footer .button-link { | |
| 51 | + display: inline-block; | |
| 52 | + margin-left: 25px; | |
| 53 | + text-decoration: none; | |
| 54 | +} | |
| 55 | +.sellkit-notice .sellkit-notice-content-footer .button-link img { | |
| 56 | + display: inline-block; | |
| 57 | + position: relative; | |
| 58 | + top: 3px; | |
| 59 | + margin-right: 5px; | |
| 60 | +} | |
| 61 | +.sellkit-notice .sellkit-notice-partner-theme-body { | |
| 62 | + display: -webkit-box; | |
| 63 | + display: -ms-flexbox; | |
| 64 | + display: flex; | |
| 65 | + -webkit-box-orient: horizontal; | |
| 66 | + -webkit-box-direction: normal; | |
| 67 | + -ms-flex-direction: row; | |
| 68 | + flex-direction: row; | |
| 69 | + -ms-flex-wrap: nowrap; | |
| 70 | + flex-wrap: nowrap; | |
| 71 | + -webkit-box-align: stretch; | |
| 72 | + -ms-flex-align: stretch; | |
| 73 | + align-items: stretch; | |
| 74 | + padding-top: 24px; | |
| 75 | +} | |
| 76 | +.sellkit-notice .sellkit-notice-partner-theme-body .sk-notice-title { | |
| 77 | + font-size: 14px; | |
| 78 | + font-weight: 400; | |
| 79 | +} | |
| 80 | +.sellkit-notice .sellkit-notice-partner-theme-body b { | |
| 81 | + font-size: 15px; | |
| 82 | +} | |
| 83 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content a { | |
| 84 | + text-align: center; | |
| 85 | + text-decoration: none; | |
| 86 | +} | |
| 87 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .btn-inner-wrap { | |
| 88 | + display: -webkit-box; | |
| 89 | + display: -ms-flexbox; | |
| 90 | + display: flex; | |
| 91 | + -webkit-box-orient: vertical; | |
| 92 | + -webkit-box-direction: normal; | |
| 93 | + -ms-flex-direction: column; | |
| 94 | + flex-direction: column; | |
| 95 | + -ms-flex-wrap: nowrap; | |
| 96 | + flex-wrap: nowrap; | |
| 97 | + -ms-flex-line-pack: center; | |
| 98 | + align-content: center; | |
| 99 | + -webkit-box-align: center; | |
| 100 | + -ms-flex-align: center; | |
| 101 | + align-items: center; | |
| 102 | + -webkit-box-pack: center; | |
| 103 | + -ms-flex-pack: center; | |
| 104 | + justify-content: center; | |
| 105 | + padding: 15px 30px; | |
| 106 | + border-width: 2px; | |
| 107 | + border-style: solid; | |
| 108 | + border-radius: 10px; | |
| 109 | + border-color: #e932f1; | |
| 110 | + background-image: linear-gradient(-115deg, #f9d2ed 0%, #fce9f6 48%, white 100%); | |
| 111 | +} | |
| 112 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .btn-inner-wrap .offer-text { | |
| 113 | + color: #000000; | |
| 114 | + font-size: 15px; | |
| 115 | + text-decoration: underline; | |
| 116 | +} | |
| 117 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .btn-role { | |
| 118 | + display: -webkit-box; | |
| 119 | + display: -ms-flexbox; | |
| 120 | + display: flex; | |
| 121 | + -webkit-box-orient: horizontal; | |
| 122 | + -webkit-box-direction: normal; | |
| 123 | + -ms-flex-direction: row; | |
| 124 | + flex-direction: row; | |
| 125 | + -ms-flex-wrap: nowrap; | |
| 126 | + flex-wrap: nowrap; | |
| 127 | + -webkit-box-align: center; | |
| 128 | + -ms-flex-align: center; | |
| 129 | + align-items: center; | |
| 130 | + -webkit-column-gap: 5px; | |
| 131 | + -moz-column-gap: 5px; | |
| 132 | + column-gap: 5px; | |
| 133 | + color: #000000; | |
| 134 | + font-size: 17px; | |
| 135 | + font-weight: 500; | |
| 136 | + line-height: 1.143; | |
| 137 | +} | |
| 138 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .offer-price-section { | |
| 139 | + font-size: 14px; | |
| 140 | + text-align: center; | |
| 141 | +} | |
| 142 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .offer-price-section .offer-price-discount { | |
| 143 | + font-weight: 700; | |
| 144 | +} | |
| 145 | +.sellkit-notice .sellkit-notice-partner-theme-body .btn-content .offer-price { | |
| 146 | + text-decoration: line-through; | |
| 147 | +} | |
| 148 | +.sellkit-notice .sellkit-notice-attributes-list { | |
| 149 | + display: grid; | |
| 150 | + margin-top: 27px; | |
| 151 | + -webkit-column-gap: 20px; | |
| 152 | + -moz-column-gap: 20px; | |
| 153 | + column-gap: 20px; | |
| 154 | + grid-template-columns: repeat(3, 1fr); | |
| 155 | + row-gap: 10px; | |
| 156 | +} | |
| 157 | +.sellkit-notice .sellkit-notice-attributes-list > div { | |
| 158 | + display: -webkit-box; | |
| 159 | + display: -ms-flexbox; | |
| 160 | + display: flex; | |
| 161 | + -webkit-box-orient: horizontal; | |
| 162 | + -webkit-box-direction: normal; | |
| 163 | + -ms-flex-direction: row; | |
| 164 | + flex-direction: row; | |
| 165 | + -ms-flex-wrap: nowrap; | |
| 166 | + flex-wrap: nowrap; | |
| 167 | + -ms-flex-line-pack: center; | |
| 168 | + align-content: center; | |
| 169 | + -webkit-box-align: center; | |
| 170 | + -ms-flex-align: center; | |
| 171 | + align-items: center; | |
| 172 | + -webkit-column-gap: 5px; | |
| 173 | + -moz-column-gap: 5px; | |
| 174 | + column-gap: 5px; | |
| 175 | + font-size: 14px; | |
| 176 | + font-weight: 400; | |
| 177 | +} | |
| 178 | +.sellkit-notice .sellkit-notice-attributes-list > div img { | |
| 179 | + width: 15px; | |
| 180 | + height: 15px; | |
| 181 | +} | |
| 56 | 182 | |
| 57 | 183 | .sellkit-upgrade-to-pro { |
| 58 | 184 | display: -webkit-box; |
| 59 | 185 | display: -ms-flexbox; |
| @@ -62,16 +188,14 @@ | ||
| 62 | 188 | -ms-flex-align: center; |
| 63 | 189 | align-items: center; |
| 64 | 190 | color: #FF00F9 !important; |
| 65 | 191 | } |
| 66 | - | |
| 67 | 192 | .sellkit-upgrade-to-pro .sellkit-icon-upgarde-to-pro { |
| 68 | 193 | margin-right: 5px; |
| 69 | 194 | } |
| 70 | - | |
| 71 | 195 | .sellkit-upgrade-to-pro .sellkit-icon-upgarde-to-pro::before { |
| 72 | 196 | display: block; |
| 73 | 197 | width: 16px; |
| 74 | 198 | height: 16px; |
| 75 | 199 | background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='rocket' class='svg-inline--fa fa-rocket fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FF00F9' d='M505.05 19.1a15.89 15.89 0 0 0-12.2-12.2C460.65 0 435.46 0 410.36 0c-103.2 0-165.1 55.2-211.29 128H94.87A48 48 0 0 0 52 154.49l-49.42 98.8A24 24 0 0 0 24.07 288h103.77l-22.47 22.47a32 32 0 0 0 0 45.25l50.9 50.91a32 32 0 0 0 45.26 0L224 384.16V488a24 24 0 0 0 34.7 21.49l98.7-49.39a47.91 47.91 0 0 0 26.5-42.9V312.79c72.59-46.3 128-108.4 128-211.09.1-25.2.1-50.4-6.85-82.6zM384 168a40 40 0 1 1 40-40 40 40 0 0 1-40 40z'%3E%3C/path%3E%3C/svg%3E"); |
| 76 | - content: ''; | |
| 77 | -} | |
| 200 | + content: ""; | |
| 201 | +} | |