Widget:Teste

<style> .island-grid {

 display: flex;
 flex-wrap: wrap;
 gap: 16px;
 padding: 16px 0;

}

.island-card {

 background: #eeeded;
 box-shadow: rgba(0,0,0,0.24) 0px 3px 10px;
 border-radius: 8px;
 text-align: center;
 padding: 20px 16px;
 width: calc(25% - 12px);
 box-sizing: border-box;
 text-decoration: none;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 transition: transform 0.15s, box-shadow 0.15s;
 color: inherit;

}

.island-card:hover {

 transform: translateY(-3px);
 box-shadow: rgba(0,0,0,0.35) 0px 6px 16px;

}

.island-card:visited { color: inherit; }

.island-card .island-img img {

 width: 150px;
 height: 150px;
 object-fit: contain;
 pointer-events: none;

}

.island-card .island-name {

 font-size: 1.05em;
 font-weight: bold;
 color: #000;
 pointer-events: none;

}

.island-card .island-chests {

 display: flex;
 align-items: center;
 gap: 4px;
 font-weight: bold;
 font-size: 1em;
 color: #000;
 pointer-events: none;

}

@media (max-width: 900px) {

 .island-card { width: calc(33.333% - 11px); }

} @media (max-width: 600px) {

 .island-card { width: calc(50% - 8px); }
 .island-card .island-img img { width: 100px; height: 100px; }

} @media (max-width: 360px) {

 .island-card { width: 100%; }

} </style>

<a class="island-card" href="/index.php/{{{link}}}">

 [[File:{{{img}}}|150px|link=]]
 {{{nome}}}
 {{{qtd}}} [[File:{{{bauimg}}}|link=]]

</a>