https://wiki.gla.com.br/index.php?action=history&feed=atom&title=Widget%3AChestGuide
Widget:ChestGuide - Histórico de revisão
2026-05-11T00:05:41Z
Histórico de revisões para esta página neste wiki
MediaWiki 1.36.1
https://wiki.gla.com.br/index.php?title=Widget:ChestGuide&diff=44715&oldid=prev
Gurren1 em 00h27min de 13 de março de 2026
2026-03-13T00:27:18Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 00h27min de 13 de março de 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l72">Linha 72:</td>
<td colspan="2" class="diff-lineno">Linha 72:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: #fff;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: #fff;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background: rgba(0, 0, 0, 0.75);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background: rgba(0, 0, 0, 0.75);</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> padding: 2px <del style="font-weight: bold; text-decoration: none;">4px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> padding: <ins style="font-weight: bold; text-decoration: none;">0 </ins>2px;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> border-radius: <del style="font-weight: bold; text-decoration: none;">3px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> border-radius: <ins style="font-weight: bold; text-decoration: none;">2px</ins>;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> line-height: 1;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> line-height: 1;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> white-space: nowrap;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> white-space: nowrap;</div></td></tr>
</table>
Gurren1
https://wiki.gla.com.br/index.php?title=Widget:ChestGuide&diff=44714&oldid=prev
Gurren1 em 00h25min de 13 de março de 2026
2026-03-13T00:25:52Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 00h25min de 13 de março de 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l67">Linha 67:</td>
<td colspan="2" class="diff-lineno">Linha 67:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> left: 0;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> left: 0;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> bottom: 0;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> bottom: 0;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> transform: translate(<del style="font-weight: bold; text-decoration: none;">4px</del>, <del style="font-weight: bold; text-decoration: none;">-4px</del>);</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> transform: translate(<ins style="font-weight: bold; text-decoration: none;">-2px</ins>, <ins style="font-weight: bold; text-decoration: none;">2px</ins>);</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 15px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-size: 15px;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td></tr>
</table>
Gurren1
https://wiki.gla.com.br/index.php?title=Widget:ChestGuide&diff=44713&oldid=prev
Gurren1 em 00h23min de 13 de março de 2026
2026-03-13T00:23:01Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 00h23min de 13 de março de 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l65">Linha 65:</td>
<td colspan="2" class="diff-lineno">Linha 65:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .island-banner .island-chest-count {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .island-banner .island-chest-count {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> position: absolute;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> position: absolute;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <del style="font-weight: bold; text-decoration: none;">right</del>: 0;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <ins style="font-weight: bold; text-decoration: none;">left</ins>: 0;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> bottom: 0;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> bottom: 0;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> font-size: <del style="font-weight: bold; text-decoration: none;">11px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> transform: translate(4px, -4px);</ins></div></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> font-size: <ins style="font-weight: bold; text-decoration: none;">15px</ins>;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: #fff;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> color: #fff;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background: rgba(0, 0, 0, 0.75);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> background: rgba(0, 0, 0, 0.75);</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> padding: <del style="font-weight: bold; text-decoration: none;">1px 3px</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> padding: <ins style="font-weight: bold; text-decoration: none;">2px 4px</ins>;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 3px;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> border-radius: 3px;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> line-height: 1;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> line-height: 1;</div></td></tr>
</table>
Gurren1
https://wiki.gla.com.br/index.php?title=Widget:ChestGuide&diff=44712&oldid=prev
Gurren1 em 00h21min de 13 de março de 2026
2026-03-13T00:21:10Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="pt-BR">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Edição anterior</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Edição das 00h21min de 13 de março de 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l56">Linha 56:</td>
<td colspan="2" class="diff-lineno">Linha 56:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .island-banner .island-chest-group img {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> .island-banner .island-chest-group img {</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> width: <del style="font-weight: bold; text-decoration: none;">auto</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> width: <ins style="font-weight: bold; text-decoration: none;">47.5px</ins>;</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> height: <del style="font-weight: bold; text-decoration: none;">auto</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> height: <ins style="font-weight: bold; text-decoration: none;">41.5px;</ins></div></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> object-fit: contain;</ins></div></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> image-rendering: -webkit-optimize-contrast;</ins></div></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> image-rendering: crisp-edges</ins>;</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> }</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
</table>
Gurren1
https://wiki.gla.com.br/index.php?title=Widget:ChestGuide&diff=44697&oldid=prev
Gurren1: Criou página com '<style> .island-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 12px 0; } .island-bann...'
2026-03-12T23:56:48Z
<p>Criou página com '<style> .island-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 12px 0; } .island-bann...'</p>
<p><b>Página nova</b></p><div><style><br />
.island-grid {<br />
display: flex;<br />
flex-wrap: wrap;<br />
justify-content: center;<br />
gap: 10px;<br />
padding: 12px 0;<br />
}<br />
<br />
.island-banner {<br />
position: relative;<br />
width: 380px;<br />
height: 90px;<br />
overflow: hidden;<br />
border-radius: 8px;<br />
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px;<br />
cursor: pointer;<br />
transition: transform 0.15s, box-shadow 0.15s;<br />
display: block;<br />
box-sizing: border-box;<br />
}<br />
<br />
.island-banner::before {<br />
content: "";<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
right: 0;<br />
bottom: 0;<br />
background: linear-gradient(105deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.1) 70%, transparent 100%);<br />
pointer-events: none;<br />
z-index: 1;<br />
}<br />
<br />
.island-banner:hover {<br />
transform: translateY(-2px);<br />
box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 12px;<br />
}<br />
<br />
.island-banner .island-chests {<br />
position: absolute;<br />
top: 8px;<br />
left: 8px;<br />
display: flex;<br />
flex-wrap: wrap;<br />
gap: 6px;<br />
z-index: 2;<br />
pointer-events: none;<br />
}<br />
<br />
.island-banner .island-chest-group {<br />
position: relative;<br />
display: inline-block;<br />
}<br />
<br />
.island-banner .island-chest-group img {<br />
display: block;<br />
width: auto;<br />
height: auto;<br />
}<br />
<br />
.island-banner .island-chest-count {<br />
position: absolute;<br />
right: 0;<br />
bottom: 0;<br />
font-size: 11px;<br />
font-weight: bold;<br />
color: #fff;<br />
background: rgba(0, 0, 0, 0.75);<br />
padding: 1px 3px;<br />
border-radius: 3px;<br />
line-height: 1;<br />
white-space: nowrap;<br />
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);<br />
z-index: 10;<br />
}<br />
<br />
.island-banner .island-title {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 8px;<br />
font-size: 1.35em;<br />
font-weight: bold;<br />
color: #fff;<br />
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 2px 4px rgba(0, 0, 0, 0.5);<br />
line-height: 1.2;<br />
z-index: 2;<br />
pointer-events: none;<br />
text-transform: uppercase;<br />
}<br />
<br />
@media (max-width: 768px) {<br />
.island-grid {<br />
flex-direction: column;<br />
align-items: stretch;<br />
}<br />
<br />
.island-banner {<br />
width: 100%;<br />
max-width: none;<br />
}<br />
}<br />
</style><br />
<script><br />
(function () {<br />
function applyBackgrounds() {<br />
document.querySelectorAll('.island-banner[data-bgimg]').forEach(function (el) {<br />
var filename = el.getAttribute('data-bgimg');<br />
if (!filename) return;<br />
var url;<br />
if (typeof mw !== 'undefined' && mw.util && mw.util.getUrl) {<br />
url = mw.util.getUrl('Especial:FilePath/' + filename);<br />
} else {<br />
url = '/index.php?title=Especial:FilePath/' + encodeURIComponent(filename);<br />
}<br />
el.style.backgroundImage = 'url(' + url + ')';<br />
el.style.backgroundSize = 'cover';<br />
el.style.backgroundPosition = 'center';<br />
el.style.backgroundRepeat = 'no-repeat';<br />
});<br />
}<br />
function initClickable() {<br />
document.querySelectorAll('.island-banner[data-href]').forEach(function (el) {<br />
if (el._icClick) return;<br />
el._icClick = true;<br />
el.setAttribute('role', 'link');<br />
el.setAttribute('tabindex', '0');<br />
el.addEventListener('click', function () {<br />
var href = el.getAttribute('data-href');<br />
if (href) window.location.href = href;<br />
});<br />
el.addEventListener('keydown', function (e) {<br />
if (e.key === 'Enter' || e.key === ' ') {<br />
e.preventDefault();<br />
var href = el.getAttribute('data-href');<br />
if (href) window.location.href = href;<br />
}<br />
});<br />
});<br />
}<br />
function run() {<br />
applyBackgrounds();<br />
initClickable();<br />
}<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', run);<br />
} else {<br />
run();<br />
}<br />
})();<br />
</script></div>
Gurren1