|
|
| Line 1: |
Line 1: |
| <!-- Dodaj poniższy styl do nagłówka lub strony MediaWiki (jeśli masz taką możliwość) --> | | <!-- START - responsywne kafelki bez klas CSS, tylko inline! --> |
| <style> | | <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 auto 10px auto; max-width:700px;"> |
| .tibia-grid {
| | <div style="background:#191919;border-radius:13px;box-shadow:0 2px 8px #0002;width:44vw;max-width:150px;min-width:96px;text-align:center;padding:12px 4px 8px 4px;color:#fff;font-size:15px; margin-bottom:8px;"> |
| display: flex;
| | <a href="/wiki/Idle_Monsters">< |
| flex-wrap: wrap;
| |
| justify-content: center;
| |
| gap: 16px;
| |
| margin: 0 auto 20px auto;
| |
| max-width: 900px;
| |
| padding: 0; | |
| }
| |
| .tibia-card {
| |
| background: #191919;
| |
| border-radius: 16px;
| |
| box-shadow: 0 2px 8px #0002;
| |
| width: 140px;
| |
| min-width: 100px;
| |
| max-width: 160px;
| |
| text-align: center;
| |
| padding: 14px 6px 8px 6px;
| |
| color: #fff;
| |
| font-size: 15px;
| |
| transition: transform .14s;
| |
| }
| |
| .tibia-card:hover {
| |
| transform: scale(1.04);
| |
| background: #232325;
| |
| }
| |
| .tibia-card img {
| |
| margin-bottom: 8px;
| |
| }
| |
| .tibia-card-title {
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| margin-bottom: 2px;
| |
| }
| |
| .tibia-card-desc {
| |
| font-size: 0.94em;
| |
| color: #ccc;
| |
| margin-bottom: 0;
| |
| }
| |
| @media (max-width: 640px) {
| |
| .tibia-grid {gap: 8px;}
| |
| .tibia-card {width: 47vw; min-width: 96px; max-width: 99vw; font-size: 14px;}
| |
| }
| |
| </style>
| |
| | |
| <div class="tibia-grid">
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Idle_Monsters"><img src="https://tibiaidle.com/images/dragonlord.gif" width="64" /></a> | |
| <div class="tibia-card-title"><a href="/wiki/Idle_Monsters">Idle Monsters</a></div>
| |
| <div class="tibia-card-desc">Monsters encountered in idle mode.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Idle_Bosses"><img src="https://tibiaidle.com/images/abyssala.gif" width="64" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Idle_Bosses">Idle Bosses</a></div>
| |
| <div class="tibia-card-desc">Special idle bosses.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Idle_Raid_Bosses"><img src="https://tibiaidle.com/images/ferumbras.gif" width="74" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Idle_Raid_Bosses">Idle Raid Bosses</a></div>
| |
| <div class="tibia-card-desc">Raid events & bosses.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Game_Monsters"><img src="https://tibiaidle.com/images/demonskeleton.gif" width="48" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Game_Monsters">Game Monsters</a></div>
| |
| <div class="tibia-card-desc">Main monsters in gameplay.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Items"><img src="https://tibiaidle.com/item-images/2400.png" width="64" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Items">Items</a></div>
| |
| <div class="tibia-card-desc">All obtainable items.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Outfits"><img src="https://tibiaidle.com/item-images/barba.png" width="60" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Outfits">Outfits</a></div>
| |
| <div class="tibia-card-desc">Player outfits & costumes.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Idle_Reward_Box"><img src="https://tibiaidle.com/item-images/5676.gif" width="64" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Idle_Reward_Box">Idle Reward Box</a></div>
| |
| <div class="tibia-card-desc">Idle mode reward chests.</div>
| |
| </div>
| |
| <div class="tibia-card">
| |
| <a href="/wiki/Rare_Items"><img src="https://tibiaidle.com/item-images/2659.png" width="64" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Rare_Items">Rare Items</a></div>
| |
| <div class="tibia-card-desc">Rare & unique items.</div>
| |
| </div>
| |
| </div>
| |
| | |
| <div style="max-width:420px; margin:20px auto;">
| |
| <div class="tibia-card" style="width:100%;max-width:99vw;">
| |
| <a href="/wiki/Quest"><img src="https://tibiaidle.com/item-images/bookquest.gif" width="64" /></a>
| |
| <div class="tibia-card-title"><a href="/wiki/Quest">Quest</a></div>
| |
| <div class="tibia-card-desc">Missions, storylines, rewards.</div>
| |
| </div>
| |
| </div>
| |
