PluginProbe
King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder / 51.1.87
King Addons for Elementor – 100+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce Builder, Mega Menu, Popup Builder v51.1.87
51.1.87 51.1.86 51.1.84 51.1.85 51.1.83 51.1.82 51.1.81 51.1.79 51.1.78 51.1.77 51.1.76 51.1.74 51.1.75 51.1.65 51.1.64 51.1.63 trunk 51.1.14 51.1.2 51.1.35 51.1.36 51.1.37 51.1.38 51.1.39 51.1.44 All 41 releases
← All changes | includes/extensions/Maintenance_Mode/assets/frontend.css +233 -0 51.1.44 → 51.1.87 View file →
@@ -1,4 +1,13 @@
1 +.kng-maintenance-body {
2 + margin: 0;
3 +}
4 +
5 +html,
6 +body.kng-maintenance-body {
7 + height: 100%;
8 +}
9 +
1 10 .kng-maintenance-body,
2 11 .kng-maintenance {
3 12 font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Helvetica, Arial, sans-serif;
4 13 }
@@ -10,12 +19,24 @@
10 19 display: flex;
11 20 align-items: center;
12 21 justify-content: center;
13 22 overflow: hidden;
23 + box-sizing: border-box;
14 24 }
15 25
26 +/* Full-page response should always fill the viewport without extra scroll.
27 + 100vh can overflow when combined with padding; border-box prevents that.
28 + Use dynamic viewport units when available (mobile browser UI safe). */
29 +body.kng-maintenance-body .kng-maintenance {
30 + min-height: 100vh;
31 + min-height: 100svh;
32 + min-height: 100dvh;
33 +}
34 +
16 35 .kng-maintenance-full {
17 36 min-height: 100vh;
37 + min-height: 100svh;
38 + min-height: 100dvh;
18 39 }
19 40
20 41 .kng-maintenance-theme-dark {
21 42 background: radial-gradient(circle at top left, rgba(0, 113, 227, 0.2), transparent 55%), #0b0b0d;
@@ -227,8 +248,220 @@
227 248 }
228 249
229 250 .kng-maintenance-template-gradient .kng-maintenance-card {
230 251 background: linear-gradient(135deg, rgba(0, 113, 227, 0.2), rgba(236, 72, 153, 0.2));
252 +}
253 +
254 +.kng-maintenance-template-aurora .kng-maintenance-card {
255 + background: radial-gradient(circle at 20% 20%, rgba(56, 189, 248, 0.22), transparent 55%),
256 + radial-gradient(circle at 80% 30%, rgba(34, 197, 94, 0.18), transparent 55%),
257 + radial-gradient(circle at 50% 80%, rgba(236, 72, 153, 0.18), transparent 60%),
258 + rgba(10, 10, 12, 0.86);
259 + border-color: rgba(255, 255, 255, 0.12);
260 +}
261 +
262 +.kng-maintenance-private-access {
263 + position: fixed;
264 + right: 16px;
265 + bottom: 16px;
266 + z-index: 9999;
267 + max-width: min(360px, calc(100vw - 32px));
268 + border-radius: 16px;
269 + background: rgba(0, 0, 0, 0.35);
270 + border: 1px solid rgba(255, 255, 255, 0.14);
271 + backdrop-filter: blur(14px);
272 + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
273 +}
274 +
275 +.kng-maintenance-theme-light .kng-maintenance-private-access {
276 + background: rgba(255, 255, 255, 0.75);
277 + border-color: rgba(0, 0, 0, 0.08);
278 +}
279 +
280 +.kng-maintenance-private-access summary {
281 + list-style: none;
282 + cursor: pointer;
283 + padding: 12px 14px;
284 + font-size: 13px;
285 + font-weight: 600;
286 +}
287 +
288 +.kng-maintenance-private-access summary::-webkit-details-marker {
289 + display: none;
290 +}
291 +
292 +.kng-maintenance-private-access-body {
293 + padding: 0 14px 14px;
294 +}
295 +
296 +.kng-maintenance-private-access-error {
297 + margin: 8px 0 10px;
298 + padding: 10px 12px;
299 + border-radius: 12px;
300 + background: rgba(239, 68, 68, 0.14);
301 + border: 1px solid rgba(239, 68, 68, 0.25);
302 + font-size: 13px;
303 +}
304 +
305 +.kng-maintenance-private-access-form {
306 + display: grid;
307 + grid-template-columns: 1fr auto;
308 + gap: 10px;
309 + align-items: center;
310 +}
311 +
312 +.kng-maintenance-private-access-form input {
313 + min-width: 0;
314 + padding: 10px 12px;
315 + border-radius: 12px;
316 + border: 1px solid rgba(255, 255, 255, 0.16);
317 + background: rgba(0, 0, 0, 0.2);
318 + color: inherit;
319 +}
320 +
321 +.kng-maintenance-theme-light .kng-maintenance-private-access-form input {
322 + background: rgba(255, 255, 255, 0.9);
323 + border-color: rgba(0, 0, 0, 0.12);
324 +}
325 +
326 +.kng-maintenance-private-access-form button {
327 + padding: 10px 14px;
328 + border-radius: 12px;
329 + border: none;
330 + background: #0071e3;
331 + color: #fff;
332 + cursor: pointer;
333 +}
334 +
335 +.kng-maintenance-template-aurora .kng-maintenance-badge {
336 + background: rgba(34, 211, 238, 0.16);
337 + color: #a5f3fc;
338 +}
339 +
340 +.kng-maintenance-template-neon .kng-maintenance-card {
341 + background: rgba(4, 4, 8, 0.92);
342 + border-color: rgba(56, 189, 248, 0.18);
343 + box-shadow: 0 30px 90px rgba(56, 189, 248, 0.12), 0 20px 70px rgba(168, 85, 247, 0.08);
344 +}
345 +
346 +.kng-maintenance-template-neon .kng-maintenance-badge {
347 + background: rgba(168, 85, 247, 0.16);
348 + color: #e9d5ff;
349 +}
350 +
351 +.kng-maintenance-template-neon .kng-maintenance-progress-bar span {
352 + background: linear-gradient(90deg, #22d3ee, #a855f7);
353 +}
354 +
355 +.kng-maintenance-template-paper .kng-maintenance-card {
356 + background: #ffffff;
357 + border-color: rgba(2, 6, 23, 0.08);
358 + box-shadow: 0 22px 55px rgba(2, 6, 23, 0.08);
359 +}
360 +
361 +.kng-maintenance-template-paper .kng-maintenance-badge {
362 + background: rgba(2, 6, 23, 0.06);
363 + color: #0f172a;
364 +}
365 +
366 +.kng-maintenance-template-paper .kng-maintenance-subhead,
367 +.kng-maintenance-template-paper .kng-maintenance-progress-label,
368 +.kng-maintenance-template-paper .kng-maintenance-footer {
369 + color: rgba(2, 6, 23, 0.6);
370 +}
371 +
372 +.kng-maintenance-template-paper .kng-maintenance-form input {
373 + border-color: rgba(2, 6, 23, 0.12);
374 +}
375 +
376 +.kng-maintenance-template-grid .kng-maintenance-card {
377 + background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
378 + border-color: rgba(255, 255, 255, 0.12);
379 +}
380 +
381 +.kng-maintenance-template-grid .kng-maintenance-shell::before {
382 + content: '';
383 + position: absolute;
384 + inset: -120px;
385 + background-image:
386 + linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
387 + linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
388 + background-size: 52px 52px;
389 + mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%);
390 + pointer-events: none;
391 + opacity: 0.5;
392 +}
393 +
394 +.kng-maintenance-template-grid .kng-maintenance-badge {
395 + background: rgba(0, 113, 227, 0.16);
396 + color: #bfdbfe;
397 +}
398 +
399 +.kng-maintenance-template-mono .kng-maintenance-card {
400 + background: rgba(255, 255, 255, 0.04);
401 + border-color: rgba(255, 255, 255, 0.1);
402 + backdrop-filter: blur(18px) saturate(120%);
403 +}
404 +
405 +.kng-maintenance-template-mono .kng-maintenance-badge {
406 + background: rgba(255, 255, 255, 0.08);
407 + color: rgba(255, 255, 255, 0.75);
408 +}
409 +
410 +.kng-maintenance-template-mono .kng-maintenance-orb,
411 +.kng-maintenance-template-mono .kng-maintenance-orb.secondary {
412 + background: radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 70%);
413 +}
414 +
415 +.kng-maintenance-template-spotlight .kng-maintenance-card {
416 + background: radial-gradient(circle at 50% -20%, rgba(0, 113, 227, 0.28), transparent 55%),
417 + rgba(255, 255, 255, 0.06);
418 + border-color: rgba(255, 255, 255, 0.14);
419 +}
420 +
421 +.kng-maintenance-template-spotlight .kng-maintenance-badge {
422 + background: rgba(0, 113, 227, 0.2);
423 + color: #c7e5ff;
424 +}
425 +
426 +.kng-maintenance-template-poster .kng-maintenance {
427 + padding: 110px 24px;
428 +}
429 +
430 +.kng-maintenance-template-poster .kng-maintenance-card {
431 + border-radius: 34px;
432 + background: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(59, 130, 246, 0.16)),
433 + rgba(10, 10, 12, 0.84);
434 + border-color: rgba(255, 255, 255, 0.14);
435 +}
436 +
437 +.kng-maintenance-template-poster .kng-maintenance-badge {
438 + background: rgba(236, 72, 153, 0.16);
439 + color: #fecdd3;
440 +}
441 +
442 +.kng-maintenance-template-ribbon .kng-maintenance-card {
443 + position: relative;
444 + overflow: hidden;
445 +}
446 +
447 +.kng-maintenance-template-ribbon .kng-maintenance-card::before {
448 + content: '';
449 + position: absolute;
450 + inset: 0;
451 + background: linear-gradient(90deg, rgba(34, 197, 94, 0.22), rgba(0, 113, 227, 0.18), rgba(236, 72, 153, 0.18));
452 + opacity: 0.32;
453 + pointer-events: none;
454 +}
455 +
456 +.kng-maintenance-template-ribbon .kng-maintenance-card > * {
457 + position: relative;
458 + z-index: 1;
459 +}
460 +
461 +.kng-maintenance-template-ribbon .kng-maintenance-badge {
462 + background: rgba(255, 255, 255, 0.1);
463 + color: rgba(255, 255, 255, 0.8);
231 464 }
232 465
233 466 .kng-maintenance-template-countdown .kng-maintenance-badge {
234 467 background: rgba(59, 130, 246, 0.22);