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