Widget:Gb

De Wiki Gla
Revisão de 04h53min de 27 de agosto de 2025 por GhoulBlack (discussão | contribs)
Ir para navegação Ir para pesquisar
{{{nome}}}
 <a href="{{{link}}}">
   <img src="{{{imagem}}}" alt="{{{nome}}}">
 </a>
 <a class="gb-mob-card-button" href="{{{link}}}">Ver Página</a>

<style> .gb-mob-card-glow {

 width: 160px;
 border-radius: 16px;
 overflow: hidden;
 text-align: center;
 font-family: Arial, sans-serif;
 background: linear-gradient(145deg, #222, #111);
 color: #fff;
 margin: 12px;
 box-shadow: 0 0 15px rgba(255, 87, 34, 0.5);
 transition: transform 0.3s, box-shadow 0.3s, filter 0.3s;
 border: 2px solid #ff5722;

}

.gb-mob-card-glow:hover {

 transform: translateY(-8px) scale(1.03);
 box-shadow: 0 0 25px rgba(255, 87, 34, 0.8), 0 0 40px rgba(255, 152, 0, 0.5);
 filter: brightness(1.1);

}

.gb-mob-card-glow img {

 width: 100%;
 height: 130px;
 object-fit: cover;
 display: block;
 border-bottom: 2px solid #ff5722;

}

.gb-mob-card-name {

 font-weight: bold;
 padding: 10px 0;
 background: linear-gradient(90deg, #ff5722, #ff9800);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size: 16px;

}

.gb-mob-card-button {

 display: block;
 background: #ff5722;
 color: white;
 text-decoration: none;
 padding: 6px 0;
 margin: 10px;
 border-radius: 8px;
 font-weight: bold;
 transition: background 0.3s, transform 0.3s;

}

.gb-mob-card-button:hover {

 background: #ff9800;
 transform: scale(1.05);

} </style>