MediaWiki:Common.css

De Grimopedia
Revisão de 16h30min de 15 de outubro de 2025 por Andrei478 (discussão | contribs)
Ir para navegação Ir para pesquisar

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
  • Opera: Pressione Ctrl-F5.
/* ===== Path of Isgard — Layout Global ===== */
.asgardpage-root{--asgardpage-primary:#6ba3b8;--asgardpage-primary-light:#a8d0e6;--asgardpage-blue-dark:#1a2a3a;--asgardpage-blue-light:#2d4a5a;--asgardpage-secondary:#0f1a2a;--asgardpage-background:#fff;--asgardpage-modal-bg:#2d4a5a;--asgardpage-text:#fff;--asgardpage-text-secondary:#a8d0e6;--asgardpage-border:rgba(107,163,184,.4);--asgardpage-hover:rgba(107,163,184,.15);--asgardpage-shadow:rgba(26,42,58,.6);--asgardpage-card-bg:#fff}
.asgardpage-hero{background:linear-gradient(135deg,var(--asgardpage-blue-light) 0%,var(--asgardpage-primary) 50%,var(--asgardpage-blue-dark) 100%);border-radius:20px;padding:50px 30px;margin:30px 0;text-align:center;border:1px solid var(--asgardpage-border);position:relative;overflow:hidden}
.asgardpage-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--asgardpage-primary) 0%,var(--asgardpage-primary-light) 50%,var(--asgardpage-primary) 100%);animation:iceGlow 2.5s linear infinite}
.asgardpage-hero h1{color:#fff!important;font-size:3.5em;font-weight:800;margin:0 0 10px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3)}
.asgardpage-hero .asgardpage-subtitle{color:#fff!important;font-size:1.4em;margin-bottom:30px;font-weight:300;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.asgardpage-hero p{color:#fff!important;font-size:1.1em;margin:20px auto;max-width:600px;line-height:1.6;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.asgardpage-action-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:40px 0 20px}
.asgardpage-action-link{display:inline-block;background:linear-gradient(135deg,var(--asgardpage-text) 0%,rgba(255,255,255,.9) 100%);color:var(--asgardpage-blue-dark)!important;text-decoration:none!important;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1.1em;transition:.3s;box-shadow:0 4px 15px rgba(0,0,0,.2),0 0 20px rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}
.asgardpage-action-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.asgardpage-action-link:hover::before{left:100%}
.asgardpage-action-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 30px rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,var(--asgardpage-text) 100%)}
.asgardpage-menu-container,.asgardpage-server-info{background:var(--asgardpage-card-bg);border-radius:20px;margin:30px 0;overflow:hidden;box-shadow:0 8px 25px var(--asgardpage-shadow);border:1px solid #e9ecef}
.asgardpage-menu-header{background:linear-gradient(90deg,var(--asgardpage-blue-dark) 0%,var(--asgardpage-blue-light) 50%,var(--asgardpage-blue-dark) 100%);padding:25px;text-align:center;position:relative;border-radius:20px 20px 0 0;overflow:hidden;backdrop-filter:blur(5px)}
.asgardpage-menu-header h2{color:var(--asgardpage-text)!important;font-size:1.8em;font-weight:700;margin:0;letter-spacing:1px;position:relative;z-index:2;text-shadow:0 2px 8px rgba(26,42,58,.6)}
.asgardpage-menu-header::after{content:'';position:absolute;left:10%;right:10%;bottom:0;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--asgardpage-primary-light),var(--asgardpage-primary),var(--asgardpage-primary-light));background-size:200% 100%;animation:iceBarMove 2.5s linear infinite;z-index:1}
@keyframes iceBarMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes iceGlow{0%,100%{box-shadow:0 0 5px rgba(107,163,184,.3)}50%{box-shadow:0 0 15px rgba(107,163,184,.6),0 0 25px rgba(168,208,230,.3)}}
.asgardpage-menu-content,.asgardpage-server-info-content{display:flex;flex-wrap:wrap;padding:30px;gap:25px}
.asgardpage-menu-column,.asgardpage-server-info-column{flex:1;min-width:280px;background:var(--asgardpage-card-bg);border-radius:15px;padding:25px;border:1px solid var(--asgardpage-border);transition:.3s;backdrop-filter:blur(5px)}
.asgardpage-menu-column:hover{box-shadow:0 5px 15px var(--asgardpage-shadow),0 0 20px rgba(107,163,184,.2);border-color:var(--asgardpage-primary);transform:translateY(-2px)}
.asgardpage-menu-column h3,.asgardpage-server-info-column h4{color:var(--asgardpage-primary);font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--asgardpage-border);position:relative}
.asgardpage-menu-column h3::after,.asgardpage-server-info-column h4::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:var(--asgardpage-primary)}
.asgardpage-menu-list,.asgardpage-server-info-list{list-style:none;margin:0;padding:0}
.asgardpage-menu-list li,.asgardpage-server-info-list li{margin-bottom:8px}
.asgardpage-menu-list a,.asgardpage-server-info-list a{display:flex;align-items:center;color:var(--asgardpage-blue-dark)!important;text-decoration:none!important;padding:12px 16px;border-radius:10px;transition:.3s;background:var(--asgardpage-card-bg);border:1px solid var(--asgardpage-border);font-weight:500}
.asgardpage-server-info-list a{padding:10px 14px;border-radius:8px}
.asgardpage-menu-list a:hover,.asgardpage-server-info-list a:hover{background:var(--asgardpage-hover);color:var(--asgardpage-primary)!important;transform:translateX(5px);border-color:var(--asgardpage-primary);text-decoration:none!important;box-shadow:0 4px 12px rgba(107,163,184,.15),0 0 10px rgba(168,208,230,.1)}
@media (max-width:768px){.asgardpage-hero{padding:30px 20px;margin:20px 0}.asgardpage-hero h1{font-size:2.5em;color:#fff!important}.asgardpage-hero .asgardpage-subtitle{font-size:1.2em}.asgardpage-action-links{flex-direction:column;align-items:center;gap:15px}.asgardpage-action-link{width:100%;max-width:280px}.asgardpage-menu-content{flex-direction:column;padding:10px}.asgardpage-menu-column{width:100%;min-width:0;padding:10px;box-sizing:border-box}.asgardpage-server-info-content{flex-direction:column;padding:20px}.asgardpage-server-info-column{min-width:100%}}
@media (max-width:480px){.asgardpage-hero{padding:25px 15px}.asgardpage-hero h1{font-size:2em}.asgardpage-menu-content{padding:5px}.asgardpage-server-info-content{padding:15px}.asgardpage-menu-column{padding:5px}}
Disponível em “https://grimopedia.com.br/index.php?title=MediaWiki:Common.css&oldid=101”