Widget:Gurren

De Wiki Gla
Revisão de 10h48min de 24 de abril de 2025 por Gurren1 (discussão | contribs)
Ir para navegação Ir para pesquisar

<style> .wiki-social-wrapper .social-cards { display: grid; grid-template-columns: 1fr; gap: 0.25em; }

@media screen and (max-width: 1024px) { .wiki-social-wrapper .social-cards { grid-template-columns: repeat(2, 1fr); gap: 0.5em; /* mais espaço entre cards no mobile */ }

.wiki-social-wrapper .social-card { height: 4em; /* um pouco mais alto para facilitar o clique */ } }

.wiki-social-wrapper .social-card { position: relative; height: 3em; border-radius: 0.75em; overflow: hidden; cursor: pointer; transition: transform .2s, box-shadow .2s; background-size: cover; background-position: center; margin: 0; }

.wiki-social-wrapper .social-card::before { content: ""; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.3); mix-blend-mode: multiply; pointer-events: none; transition: background-color .2s; }

.wiki-social-wrapper .social-card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }

.wiki-social-wrapper .social-card:hover::before { background-color: rgba(0, 0, 0, 0.5); }

.wiki-social-wrapper .social-card-content { position: relative; display: flex; align-items: center; padding: 0 1em; height: 100%; color: #fff; }

.wiki-social-wrapper .social-icon { width: 1.5em; height: 1.5em; margin-right: 0.5em; }

.wiki-social-wrapper .social-name { font-size: 1em; font-weight: bold; }

/* backgrounds individuais */ .wiki-social-wrapper .social-card.discord { background-image: url('https://i.imgur.com/3ON2kVj.gif'); }

.wiki-social-wrapper .social-card.tiktok { background-image: url('https://i.imgur.com/oY0Z4PMC.jpg'); }

.wiki-social-wrapper .social-card.instagram { background-image: url('https://i.imgur.com/ZXQ7wq3.jpg'); }

.wiki-social-wrapper .social-card.facebook { background-image: url('https://i.imgur.com/9bGkq7Y.jpg'); } </style>

Disponível em “https://wiki.gla.com.br/index.php?title=Widget:Gurren&oldid=31336”