More actions
Created page with "{| class="wikitable" style="width: 90%; margin: 20px auto; background: linear-gradient(165deg, #121225 0%, #0a0a15 100%); color: #f0f2ff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(10, 20, 80, 0.2); border: 1px solid rgba(100, 150, 255, 0.15);" |- ! colspan="2" style="background: linear-gradient(95deg, #2a3b5f 0%, #3a4b7f 100%); border: none; color: #fff; padding: 18px; font-size: 1.3em; font-weight: 600; letter-spacing: 0.5px;" | <span>📥 Quic..." |
No edit summary |
||
| Line 1: | Line 1: | ||
<div style="text-align: center; margin: 25px 0;"> | |||
<div style=" | |||
display: inline-block; | |||
padding: 16px 45px; | |||
background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%); | |||
border-radius: 14px; | |||
border: none; | |||
box-shadow: | |||
0 10px 30px rgba(139, 92, 246, 0.4), | |||
0 4px 12px rgba(124, 58, 237, 0.3), | |||
inset 0 1px 0 rgba(255, 255, 255, 0.2); | |||
position: relative; | |||
overflow: hidden; | |||
cursor: pointer; | |||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |||
transform: translateY(0); | |||
" | |||
onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 15px 35px rgba(139, 92, 246, 0.5), 0 6px 15px rgba(124, 58, 237, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3)';" | |||
onmouseout="this.style.transform='translateY(0)';this.style.boxShadow='0 10px 30px rgba(139, 92, 246, 0.4), 0 4px 12px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2)';" | |||
> | |||
<!-- Shimmer effect overlay --> | |||
<div style=" | |||
position: absolute; | |||
top: 0; | |||
left: -100%; | |||
width: 100%; | |||
height: 100%; | |||
background: linear-gradient(90deg, | |||
transparent, | |||
rgba(255, 255, 255, 0.2), | |||
transparent | |||
); | |||
animation: buttonShimmer 2.5s infinite; | |||
"></div> | |||
<!-- Inner glow effect --> | |||
<div style=" | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
border-radius: 14px; | |||
box-shadow: | |||
inset 0 0 30px rgba(255, 255, 255, 0.1), | |||
inset 0 1px 0 rgba(255, 255, 255, 0.3); | |||
pointer-events: none; | |||
"></div> | |||
<!-- Main content container with purple gradient background --> | |||
<div style=" | |||
position: relative; | |||
z-index: 2; | |||
padding: 12px 20px; | |||
background: linear-gradient(135deg, | |||
rgba(139, 92, 246, 0.4) 0%, | |||
rgba(124, 58, 237, 0.3) 50%, | |||
rgba(109, 40, 217, 0.4) 100% | |||
); | |||
border-radius: 10px; | |||
border: 1px solid rgba(255, 255, 255, 0.15); | |||
box-shadow: | |||
inset 0 1px 0 rgba(255, 255, 255, 0.2), | |||
0 4px 12px rgba(0, 0, 0, 0.1); | |||
"> | |||
<!-- First text box --> | |||
<div style=" | |||
background: linear-gradient(135deg, | |||
rgba(167, 139, 250, 0.7) 0%, | |||
rgba(139, 92, 246, 0.8) 100% | |||
); | |||
padding: 10px 20px; | |||
border-radius: 8px; | |||
margin-bottom: 8px; | |||
border: 1px solid rgba(255, 255, 255, 0.2); | |||
box-shadow: | |||
0 4px 8px rgba(139, 92, 246, 0.3), | |||
inset 0 1px 0 rgba(255, 255, 255, 0.3); | |||
"> | |||
<div style=" | |||
font-size: 1.5em; | |||
font-weight: 800; | |||
background: linear-gradient(180deg, #ffffff 0%, #f0f0ff 100%); | |||
-webkit-background-clip: text; | |||
background-clip: text; | |||
color: transparent; | |||
letter-spacing: 1px; | |||
text-shadow: 0 2px 4px rgba(139, 92, 246, 0.3); | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
gap: 12px; | |||
"> | |||
<span style=" | |||
font-size: 1.3em; | |||
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); | |||
animation: iconPulse 2s infinite; | |||
"></span> | |||
✨FULL PAGE COMING SOON!✨ | |||
</div> | |||
</div> | |||
<!-- Second text box --> | |||
<div style=" | |||
background: linear-gradient(135deg, | |||
rgba(196, 181, 253, 0.6) 0%, | |||
rgba(167, 139, 250, 0.7) 100% | |||
); | |||
padding: 8px 16px; | |||
border-radius: 6px; | |||
border: 1px solid rgba(255, 255, 255, 0.15); | |||
box-shadow: | |||
0 3px 6px rgba(139, 92, 246, 0.2), | |||
inset 0 1px 0 rgba(255, 255, 255, 0.2); | |||
"> | |||
<div style=" | |||
margin-top: 2px; | |||
font-size: 0.9em; | |||
font-weight: 600; | |||
background: linear-gradient(180deg, #ffffff 0%, #e6e6ff 100%); | |||
-webkit-background-clip: text; | |||
background-clip: text; | |||
color: transparent; | |||
text-shadow: 0 1px 3px rgba(139, 92, 246, 0.3); | |||
letter-spacing: 0.5px; | |||
"> | |||
Development in progress | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Corner accent dots --> | |||
<div style=" | |||
position: absolute; | |||
top: 8px; | |||
right: 8px; | |||
width: 6px; | |||
height: 6px; | |||
background: linear-gradient(135deg, #c4b5fd, #a78bfa); | |||
border-radius: 50%; | |||
box-shadow: 0 0 8px rgba(196, 181, 253, 0.8); | |||
"></div> | |||
<div style=" | |||
position: absolute; | |||
bottom: 8px; | |||
left: 8px; | |||
width: 6px; | |||
height: 6px; | |||
background: linear-gradient(135deg, #c4b5fd, #a78bfa); | |||
border-radius: 50%; | |||
box-shadow: 0 0 8px rgba(196, 181, 253, 0.8); | |||
"></div> | |||
</div> | |||
</div> | |||
<!-- Hidden animation definitions --> | |||
<div style="display: none;"> | |||
/* Shimmer animation */ | |||
@keyframes buttonShimmer { | |||
0% { transform: translateX(-100%) skewX(-15deg); } | |||
100% { transform: translateX(200%) skewX(-15deg); } | |||
} | |||
/* Icon pulse animation */ | |||
@keyframes iconPulse { | |||
0%, 100% { transform: scale(1); opacity: 1; } | |||
50% { transform: scale(1.1); opacity: 0.9; } | |||
} | |||
</div> | |||
{| class="wikitable" style="width: 90%; margin: 20px auto; background: linear-gradient(165deg, #121225 0%, #0a0a15 100%); color: #f0f2ff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(10, 20, 80, 0.2); border: 1px solid rgba(100, 150, 255, 0.15);" | {| class="wikitable" style="width: 90%; margin: 20px auto; background: linear-gradient(165deg, #121225 0%, #0a0a15 100%); color: #f0f2ff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(10, 20, 80, 0.2); border: 1px solid rgba(100, 150, 255, 0.15);" | ||
|- | |- | ||
Revision as of 14:16, 21 December 2025