User:Lightning266/sandbox: Difference between revisions

Line 216: Line 216:




<div style="border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px; display: flex; justify-content: space-around;">
<div style="border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px; display: flex-wrap; justify-content: space-around;">
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 25%;"
{| style="border: 1px solid #ccc; border-radius: 10px; margin: 0; background-color: #f9f9f9; padding: 5px; border-spacing: 0; width: 25%;"
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px; height:10%"| '''[[Items]]'''
! scope="col" style="border-bottom: 1px solid; text-align:left; padding:5px; height:10%"| '''[[Items]]'''
Line 288: Line 288:


|}
|}
</div>
==Changes 2==
<div style="display: flex; flex-wrap: wrap; gap: 10px; border: 1px solid #ccc; border-radius: 10px; margin: 10px; background-color: #f9f9f9; padding: 15px;">
    <div style="flex: 1 1 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
        {| style="border-spacing: 0; width: 100%;"
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Items]]'''
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:ItemsIcon.png|16px]]
        |-
        | style="padding: 5px;" | [[File:TilesIcon.png|16px]] [[Tiles]]
        | style="padding: 5px;" | [[File:FurnitureIcon.png|16px]] [[Furniture]]
        |-
        | style="padding: 5px;" | [[File:EquipmentIcon.png|16px]] [[Equipment]]
        | style="padding: 5px;" | [[File:ConsumableIcon.png|16px]] [[Consumable]]
        |-
        | style="padding: 5px;" | [[File:MaterialsIcon.png|16px]] [[Materials]]
        |}
    </div>
    <div style="flex: 1 1 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
        {| style="border-spacing: 0; width: 100%;"
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Maps]]'''
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:MapsIcon.png|16px]]
        |-
        | style="padding: 5px;" | [[File:SpawnIcon.png|16px]] [[Spawn]]
        | style="padding: 5px;" | [[File:OutskirtsIcon.png|16px]] [[Outskirts]]
        |-
        | style="padding: 5px;" | [[File:CavesIcon.png|16px]] [[Caves]]
        | style="padding: 5px;" | [[File:PlainIcon.png|16px]] [[Plain]]
        |-
        | style="padding: 5px;" | [[File:ForestIcon.png|16px]] [[Forest]]
        | style="padding: 5px;" | [[File:BeachIcon.png|16px]] [[Beach]]
        |-
        | style="padding: 5px;" | [[File:OceanIcon.png|16px]] [[Ocean]]
        | style="padding: 5px;" | [[File:DesertIcon.png|16px]] [[Desert]]
        |-
        | style="padding: 5px;" | [[File:Hidden_areasIcon.png|16px]] [[Hidden areas]]
        |}
    </div>
    <div style="flex: 1 1 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
        {| style="border-spacing: 0; width: 100%;"
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Systems]]'''
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:SystemsIcon.png|16px]]
        |-
        | style="padding: 5px;" | [[File:Player_statsIcon.png|16px]] [[Player Stats]]
        | style="padding: 5px;" | [[File:CraftingIcon.png|16px]] [[Crafting]]
        |-
        | style="padding: 5px;" | [[File:SkillsIcon.png|16px]] [[Skills]]
        | style="padding: 5px;" | [[File:QuestsIcon.png|16px]] [[Quests]]
        |-
        | style="padding: 5px;" | [[File:GuildsIcon.png|16px]] [[Guilds]]
        | style="padding: 5px;" | [[File:HousingIcon.png|16px]] [[Housing]]
        |-
        | style="padding: 5px;" | [[File:BestiaryIcon.png|16px]] [[Bestiary]]
        | style="padding: 5px;" | [[File:ShopsIcon.png|16px]] [[Shops]]
        |-
        | style="padding: 5px;" | [[File:PetsIcon.png|16px]] [[Pets]]
        | style="padding: 5px;" | [[File:SoundtrackIcon.png|16px]] [[Soundtrack]]
        |}
    </div>
    <div style="flex: 1 1 calc(25% - 10px); border: 1px solid #ccc; border-radius: 10px; background-color: #f9f9f9; padding: 5px;">
        {| style="border-spacing: 0; width: 100%;"
        ! style="border-bottom: 1px solid; text-align: left; padding: 5px;" | '''[[Gameplay]]'''
        ! style="border-bottom: 1px solid; text-align: right; padding: 5px;" | [[File:GameplayIcon.png|16px]]
        |-
        | style="padding: 5px;" | [[File:ElementsIcon.png|16px]] [[Elements]]
        | style="padding: 5px;" | [[File:Status_EffectsIcon.png|16px]] [[Status Effects]]
        |-
        | style="padding: 5px;" | [[File:Mini-gamesIcon.png|16px]] [[Mini-games]]
        | style="padding: 5px;" | [[File:SecretsIcon.png|16px]] [[Secrets]]
        |-
        | style="padding: 5px;" | [[File:MonstersIcon.png|16px]] [[Monsters]]
        | style="padding: 5px;" | [[File:BossesIcon.png|16px]] [[Bosses]]
        |-
        | style="padding: 5px;" | [[File:NPCIcon.png|16px]] [[NPC]]
        | style="padding: 5px;" | [[File:DungeonsIcon.png|16px]] [[Dungeons]]
        |-
        | style="padding: 5px;" | [[File:LoreIcon.png|16px]] [[Lore]]
        |}
    </div>
</div>
</div>
<!--
<!--
member
1,308

edits