| @@ -8,8 +8,9 @@ | ||
| 8 | 8 | box-shadow: none !important; |
| 9 | 9 | position: relative; |
| 10 | 10 | margin-top: 8px; |
| 11 | 11 | margin-bottom: 8px; |
| 12 | + background-color: #fff; | |
| 12 | 13 | } |
| 13 | 14 | .ultimate-post-kit-biggopti .bdt-biggopti-dismiss { |
| 14 | 15 | position: absolute; |
| 15 | 16 | top: 2px; |
| @@ -95,289 +96,5 @@ | ||
| 95 | 96 | } |
| 96 | 97 | |
| 97 | 98 | a.upk-go-pro:hover, a.upk-go-pro:focus { |
| 98 | 99 | color: #60DF54; |
| 99 | -} | |
| 100 | - | |
| 101 | -/** | |
| 102 | - * admin store api biggopti style start | |
| 103 | - */ | |
| 104 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-plugin-logo-wrapper img { | |
| 105 | - vertical-align: middle; | |
| 106 | - width: clamp(25px, 3vw, 40px); | |
| 107 | - height: auto; | |
| 108 | - animation: logoSlideIn 0.6s ease-out 0.3s both; | |
| 109 | - transition: transform 0.3s ease; | |
| 110 | -} | |
| 111 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-plugin-logo-wrapper:hover img { | |
| 112 | - transform: scale(1.1) rotate(5deg); | |
| 113 | -} | |
| 114 | -@keyframes wrapperSlideInTop { | |
| 115 | - 0% { | |
| 116 | - opacity: 0; | |
| 117 | - } | |
| 118 | - 100% { | |
| 119 | - opacity: 1; | |
| 120 | - } | |
| 121 | -} | |
| 122 | -@keyframes logoSlideIn { | |
| 123 | - 0% { | |
| 124 | - opacity: 0; | |
| 125 | - transform: scale(0.5) rotate(-10deg); | |
| 126 | - } | |
| 127 | - 100% { | |
| 128 | - opacity: 1; | |
| 129 | - transform: scale(1) rotate(0deg); | |
| 130 | - } | |
| 131 | -} | |
| 132 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-wrapper { | |
| 133 | - align-items: center; | |
| 134 | - background-color: #000; | |
| 135 | - padding: 0 clamp(10px, 3vw, 50px) 0 clamp(10px, 2vw, 30px); | |
| 136 | - animation: wrapperSlideInTop 1s ease-out both; | |
| 137 | - will-change: transform, opacity; | |
| 138 | - transform: translateZ(0); | |
| 139 | - animation-fill-mode: both; | |
| 140 | - position: relative; | |
| 141 | - overflow: hidden; | |
| 142 | - margin: 0; | |
| 143 | -} | |
| 144 | -[id^=bdt-admin-biggopti-api-biggopti] .has-background-image { | |
| 145 | - background-position: left; | |
| 146 | - background-repeat: no-repeat; | |
| 147 | - background-color: #000; | |
| 148 | - background-size: cover; | |
| 149 | -} | |
| 150 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-api-biggopti-content { | |
| 151 | - display: flex; | |
| 152 | - align-items: center; | |
| 153 | - width: 100%; | |
| 154 | - min-height: 100px; | |
| 155 | -} | |
| 156 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-content { | |
| 157 | - display: flex; | |
| 158 | - align-items: center; | |
| 159 | - justify-content: space-between; | |
| 160 | - height: 100%; | |
| 161 | - padding: 0; | |
| 162 | - width: 100%; | |
| 163 | - box-sizing: border-box; | |
| 164 | - margin-left: clamp(10px, 2vw, 40px); | |
| 165 | - backface-visibility: hidden; | |
| 166 | - transform: translateZ(0); | |
| 167 | -} | |
| 168 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-content-right, | |
| 169 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-content-inner { | |
| 170 | - display: flex; | |
| 171 | - align-items: center; | |
| 172 | - gap: 20px; | |
| 173 | -} | |
| 174 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-title-description { | |
| 175 | - max-width: 450px; | |
| 176 | -} | |
| 177 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-logo-wrapper { | |
| 178 | - animation: biggoptiLogoSlideIn 0.7s ease-out 0.35s both; | |
| 179 | -} | |
| 180 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-logo-wrapper img { | |
| 181 | - width: clamp(50px, 5vw, 100px); | |
| 182 | - height: auto; | |
| 183 | - transition: transform 0.3s ease; | |
| 184 | -} | |
| 185 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-logo-wrapper:hover img { | |
| 186 | - transform: scale(1.05); | |
| 187 | -} | |
| 188 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-title-description .bdt-biggopti-title { | |
| 189 | - color: #fff; | |
| 190 | - margin: 0; | |
| 191 | - font-size: clamp(12px, 1.5vw, 22px); | |
| 192 | - font-weight: 700; | |
| 193 | - animation: titleSlideIn 0.8s ease-out 0.4s both; | |
| 194 | - transform-origin: left center; | |
| 195 | - text-shadow: 2px 2px 2px #000000; | |
| 196 | -} | |
| 197 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-html-content { | |
| 198 | - color: #ffffff; | |
| 199 | - text-shadow: 2px 2px 2px #000000; | |
| 200 | - animation: titleSlideIn 0.8s ease-out 0.4s both; | |
| 201 | -} | |
| 202 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-dismiss:before { | |
| 203 | - color: rgba(255, 255, 255, 0.568627451); | |
| 204 | -} | |
| 205 | -@keyframes titleSlideIn { | |
| 206 | - 0% { | |
| 207 | - opacity: 0; | |
| 208 | - transform: translateX(-30px); | |
| 209 | - } | |
| 210 | - 100% { | |
| 211 | - opacity: 1; | |
| 212 | - transform: translateX(0); | |
| 213 | - } | |
| 214 | -} | |
| 215 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown { | |
| 216 | - height: 100%; | |
| 217 | - animation: countdownSlideIn 0.8s ease-out 0.5s both; | |
| 218 | -} | |
| 219 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .countdown-timer { | |
| 220 | - display: flex; | |
| 221 | - align-items: center; | |
| 222 | - gap: clamp(5px, 1.5vw, 20px); | |
| 223 | - height: 100%; | |
| 224 | - justify-content: center; | |
| 225 | - border-left: 1px solid rgba(255, 255, 255, 0.251); | |
| 226 | - border-right: 1px solid rgba(255, 255, 255, 0.251); | |
| 227 | - padding: 0 15px; | |
| 228 | - min-height: 100px; | |
| 229 | -} | |
| 230 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .countdown-item { | |
| 231 | - display: flex; | |
| 232 | - flex-direction: column; | |
| 233 | - align-items: center; | |
| 234 | - gap: 3px; | |
| 235 | - min-width: 40px; | |
| 236 | - flex-shrink: 0; | |
| 237 | -} | |
| 238 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .number { | |
| 239 | - color: #fff; | |
| 240 | - font-size: clamp(14px, 2vw, 22px); | |
| 241 | - font-weight: 600; | |
| 242 | - line-height: 1; | |
| 243 | - transition: transform 0.3s ease; | |
| 244 | - min-width: 24px; | |
| 245 | - text-align: center; | |
| 246 | - font-family: "Courier New", monospace; | |
| 247 | -} | |
| 248 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .label { | |
| 249 | - color: #d2d5f4; | |
| 250 | - text-transform: capitalize; | |
| 251 | - font-size: clamp(10px, 1vw, 13px); | |
| 252 | - font-weight: 500; | |
| 253 | - white-space: nowrap; | |
| 254 | -} | |
| 255 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .separator { | |
| 256 | - height: 30px; | |
| 257 | - width: 1px; | |
| 258 | - background: rgba(255, 255, 255, 0.251); | |
| 259 | -} | |
| 260 | -@keyframes countdownSlideIn { | |
| 261 | - 0% { | |
| 262 | - opacity: 0; | |
| 263 | - transform: translateY(-20px); | |
| 264 | - } | |
| 265 | - 100% { | |
| 266 | - opacity: 1; | |
| 267 | - transform: translateY(0); | |
| 268 | - } | |
| 269 | -} | |
| 270 | -@keyframes biggoptiLogoSlideIn { | |
| 271 | - 0% { | |
| 272 | - opacity: 0; | |
| 273 | - transform: scale(0.3) translateY(-20px); | |
| 274 | - } | |
| 275 | - 50% { | |
| 276 | - opacity: 0.7; | |
| 277 | - transform: scale(1.1) translateY(-5px); | |
| 278 | - } | |
| 279 | - 100% { | |
| 280 | - opacity: 1; | |
| 281 | - transform: scale(1) translateY(0); | |
| 282 | - } | |
| 283 | -} | |
| 284 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn { | |
| 285 | - --nm-text-primary: #fff; | |
| 286 | - --nm-accent: #5affdb; | |
| 287 | - --nm-shadow-color: #fffdef; | |
| 288 | - --nm-spacing-xs: 10px; | |
| 289 | - --nm-anim-duration-fast: 0.3s; | |
| 290 | - text-align: right; | |
| 291 | - animation: buttonSlideIn 0.8s ease-out 0.6s both; | |
| 292 | - /* Button Styles */ | |
| 293 | - /* Star Hover Positions */ | |
| 294 | -} | |
| 295 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn a { | |
| 296 | - background: transparent; | |
| 297 | - border: 0; | |
| 298 | - padding: 0; | |
| 299 | - margin: 0; | |
| 300 | -} | |
| 301 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn a:hover { | |
| 302 | - background: transparent; | |
| 303 | -} | |
| 304 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn { | |
| 305 | - color: var(--nm-text-primary); | |
| 306 | - text-decoration: none; | |
| 307 | - font-size: clamp(9px, 1.8vw, 22px); | |
| 308 | - display: inline-flex; | |
| 309 | - align-items: center; | |
| 310 | - gap: var(--nm-spacing-xs); | |
| 311 | - justify-content: center; | |
| 312 | - font-weight: 700; | |
| 313 | - position: relative; | |
| 314 | - border-bottom: 1px solid rgba(255, 255, 255, 0.68); | |
| 315 | - padding-bottom: 4px; | |
| 316 | - text-align: left; | |
| 317 | - transition: all var(--nm-anim-duration-fast) ease; | |
| 318 | -} | |
| 319 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover { | |
| 320 | - color: var(--nm-accent); | |
| 321 | - border-color: var(--nm-accent); | |
| 322 | -} | |
| 323 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star { | |
| 324 | - opacity: 1; | |
| 325 | - z-index: 2; | |
| 326 | - filter: drop-shadow(0 0 10px var(--nm-shadow-color)); | |
| 327 | -} | |
| 328 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn svg { | |
| 329 | - width: 16px; | |
| 330 | - height: 16px; | |
| 331 | - display: block; | |
| 332 | -} | |
| 333 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-1 { | |
| 334 | - top: 21%; | |
| 335 | - left: -18%; | |
| 336 | -} | |
| 337 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-2 { | |
| 338 | - top: -25%; | |
| 339 | - left: 10%; | |
| 340 | -} | |
| 341 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-3 { | |
| 342 | - top: 69%; | |
| 343 | - left: 25%; | |
| 344 | -} | |
| 345 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-4 { | |
| 346 | - top: -34%; | |
| 347 | - left: 80%; | |
| 348 | -} | |
| 349 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-5 { | |
| 350 | - top: 25%; | |
| 351 | - left: 115%; | |
| 352 | -} | |
| 353 | -[id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-btn .nm-biggopti-btn:hover .zolo-star-6 { | |
| 354 | - top: 5%; | |
| 355 | - left: 60%; | |
| 356 | -} | |
| 357 | -@keyframes buttonSlideIn { | |
| 358 | - 0% { | |
| 359 | - opacity: 0; | |
| 360 | - transform: translateX(30px); | |
| 361 | - } | |
| 362 | - 100% { | |
| 363 | - opacity: 1; | |
| 364 | - transform: translateX(0); | |
| 365 | - } | |
| 366 | -} | |
| 367 | -[id^=bdt-admin-biggopti-api-biggopti].animations-complete * { | |
| 368 | - will-change: auto; | |
| 369 | - animation: none; | |
| 370 | -} | |
| 371 | - | |
| 372 | -@media (min-width: 1460px) { | |
| 373 | - [id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-content-right, | |
| 374 | - [id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-content-inner { | |
| 375 | - gap: 30px; | |
| 376 | - } | |
| 377 | - [id^=bdt-admin-biggopti-api-biggopti] .bdt-biggopti-countdown .countdown-timer { | |
| 378 | - padding: 0 30px; | |
| 379 | - } | |
| 380 | -} | |
| 381 | -/** | |
| 382 | - * admin store api biggopti style end | |
| 383 | -*/ | |
| 100 | +} | |
