Difference between revisions of "Items"

From FOnline 3 wiki
Jump to navigation Jump to search
m (Adjusted the layout)
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{|width="90%" align="center" style="margin-bottom: 2em; text-align: center; font-style: italic"
+
{{#css:
|[[Armor]]
+
.pyramid-grid {
|[[Weapons]]
+
  display: grid;
|[[Ammo]]
+
  grid-template-columns: repeat(9, auto);
|[[Consumables]]
+
  justify-content: center;
|[[Resources]]
+
  align-items: center;
|[[:Category:Miscellaneous Items|Miscellaneous]]
+
  row-gap: 0rem;
|-
+
  column-gap: 0;
!width="20%"|[[File:Armors.png|link=Armor]]
+
  font-style: italic;
!width="20%"|[[File:Weapons.png|link=Weapons]]
+
  text-align: center;
!width="20%"|[[File:Ammo.png|link=Ammo]]
+
}
!width="20%"|[[File:Consumables.png|link=Consumables]]
+
.pyramid-cell {
!width="20%"|[[File:Skinning.png|link=:Category:Resources]]
+
  display: flex;
!width="20%"|[[File:Craftableitems.png|link=:Category:Miscellaneous Items]]
+
  flex-direction: column;
|}
+
  align-items: center;
 +
  gap: 0.25rem;
 +
}
 +
.pyramid-cell br {
 +
  display: none;
 +
}
 +
.gap-start-2 { grid-column: 2 / span 1; }
 +
.gap-start-4 { grid-column: 4 / span 1; }
 +
.gap-start-6 { grid-column: 6 / span 1; }
 +
.gap-start-8 { grid-column: 8 / span 1; }
 +
}}
  
{|width="90%" align="center" style="margin-bottom: 2em; text-align: center; font-style: italic"
+
<div class="pyramid-grid" style="grid-template-columns: auto 2rem auto 2rem auto 2rem auto 2rem auto;">
|[[:Category:Books|Books]]
 
|[[Merchants]]
 
|[[:Category:Craftable_Items|Craftables]]
 
|-
 
!width="20%"|[[File:Wikifaq.jpg|link=:Category:Books]]
 
!width="20%"|[[File:Items2.png|link=Merchants]]
 
!width="20%"|[[File:Wikicrafting.jpg|link=:Category:Craftable_Items]]
 
|}
 
  
{|width="90%" align="center" style="margin-bottom: 2em; text-align: center; font-style: italic"
+
  <div class="pyramid-cell" style="grid-column: 1;">[[Armor]]<br>[[File:Armors.png|link=Armor]]</div>
|[[:Category:Drugs|Drugs]]
+
  <div class="pyramid-cell" style="grid-column: 3;">[[Weapons]]<br>[[File:Weapons.png|link=Weapons]]</div>
|[[:Category:Blueprints|Blueprints]]
+
  <div class="pyramid-cell" style="grid-column: 5;">[[Ammo]]<br>[[File:Ammo.png|link=Ammo]]</div>
|[[:Category:Tools|Tools]]
+
  <div class="pyramid-cell" style="grid-column: 7;">[[Resources]]<br>[[File:Skinning.png|link=Crafting materials]]</div>
|-
+
  <div class="pyramid-cell" style="grid-column: 9;">[[Miscellaneous items|Miscellanea]]<br>[[File:Craftableitems.png|link=Miscellaneous items]]</div>
!width="20%"|[[File:ChemReliant.gif|link=:Category:Drugs]]
 
!width="20%"|[[File:Blueprint.png|link=:Category:Blueprints]]
 
!width="20%"|[[File:Mr. Fixit.gif|link=:Category:Tools]]
 
|}
 
  
{|width="45%" align="center" style="margin: 0 auto; font-size: 85%"
+
  <div class="pyramid-cell" style="grid-column: 2; grid-row: 2;">[[Books]]<br>[[File:Wikifaq.jpg|link=Books]]</div>
!'''Also...'''
+
  <div class="pyramid-cell" style="grid-column: 4; grid-row: 2;">[[Drugs]]<br>[[File:ChemReliant.gif|link=Drugs]]</div>
![[Deterioration]]
+
  <div class="pyramid-cell" style="grid-column: 6; grid-row: 2;">[[Tools]]<br>[[File:Mr. Fixit.gif|link=Tools]]</div>
!<span style="font-size: 100%;">'''·'''</span>
+
  <div class="pyramid-cell" style="grid-column: 8; grid-row: 2;">[[Crafting]]<br>[[File:Wikicrafting.jpg|link=Crafting]]</div>
![[Advice for beginners|Advice]]
+
 
!<span style="font-size: 100%;">'''·'''</span>
+
  <div class="pyramid-cell" style="grid-column: 3; grid-row: 3;">[[Mutations]]<br>[[File:Mutation.png|link=Mutations]]</div>
![[Vehicles]]
+
  <div class="pyramid-cell" style="grid-column: 5; grid-row: 3;">[[Implants]]<br>[[File:Green_Module.gif|link=Implants]]<br>[[File:IGREEN4.png|link=Implants]]</div>
!<span style="font-size: 100%;">'''·'''</span>
+
  <div class="pyramid-cell" style="grid-column: 7; grid-row: 3;">[[War Event#War Event stats|War Event stats]]<br>[[File:War Event stat.png|90px|link=War Event#War Event stats]]</div>
![[:Category:Guides|Guides]]
+
 
!<span style="font-size: 100%;">'''·'''</span>
+
  <div class="pyramid-cell" style="grid-column: 4; grid-row: 4;">[[File:Vehicle-Highwayman.png|link=Vehicles]]<br>[[Vehicles]]</div>
![[Changelogs|Change Logs]]
+
  <div class="pyramid-cell" style="grid-column: 6; grid-row: 4;">[[File:Pre War Money.png|link=Currency]]<br>[[Currency]]</div>
|}
+
 
 +
  <div class="pyramid-cell" style="grid-column: 5; grid-row: 5;">[[File:SuperToolKit.gif|link=Condition]]<br>[[Condition|Gear maintenance information]]</div>
 +
 
 +
</div>
  
 
[[Category:Items| ]]
 
[[Category:Items| ]]

Latest revision as of 19:16, 13 June 2026