MediaWiki:Blockedtext: Difference between revisions

<div style="max-width: 1200px; margin: 0 auto; padding: 0 5vw 20px 5vw; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;">

<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 1.5px, transparent 1.5px); background-size: 100px 100px, 150px 150px;"></div>

<div style="font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 800; margin-bottom: 0.75rem; line-height: 1.1;">Your account has been blocked</div>

<div style="font-size: clamp(0.95rem, 2.5vw, 1.15rem); opacity: 0.9; font-weight: 300;">This block was placed by an administrator on WikiOasis Meta. See the details below.</div>

<div style="background: white; border-radius: 12px; padding: 2rem 1.5rem; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-top: 4px solid #3675b8; margin-bottom: 1.25rem; color: #2d3748;">

<h3 style="font-size: 1.2rem; font-weight: 700; color: #2d3748; margin: 0 0 1.25rem 0;">Block details</h3>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Blocking admin</span> <strong>$1</strong></div>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Reason</span> <strong>$2</strong></div>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Block started</span> <strong>$8</strong></div>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Expiry</span> <strong>$6</strong></div>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Intended for</span> <strong>$7</strong></div>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Block ID</span> <strong>#$5 — $3</strong></div>

<!-- Appeal & contact -->

<div style="background: white; border-radius: 12px; padding: 2rem 1.5rem; box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-top: 4px solid #3675b8; margin-bottom: 1.25rem;">

<h3 style="font-size: 1.2rem; font-weight: 700; color: #2d3748; margin: 0 0 1.25rem 0;">Appeal &amp; contact</h3>

<p style="font-size: 0.95rem; color: #4a5568; line-height: 1.7; margin: 0 0 1rem 0;">{{int:blockedtext-contact-blocker-admin|$1}} You can use the "{{int:emailuser}}" feature if a valid email address is set in your [[Special:Preferences|preferences]] and you have not been blocked from using it. Please include your block ID when appealing.</p>

<div style="padding: 0.75rem 1rem; background: #f7fafc; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 0.5rem;"><span style="color: #718096; min-width: 150px;">Email</span> [mailto:stewards@wikioasis.org stewards@wikioasis.org]</div>