Difference between revisions of "User:Davipb/CSS Sandbox"

From sureai
Jump to: navigation, search
(Use more icons)
(Improve layout)
Line 5: Line 5:
 
== Information ==
 
== Information ==
 
<div style = "display: flex; flex-flow: row wrap; ">
 
<div style = "display: flex; flex-flow: row wrap; ">
−
<div style = "order: 0; flex: 1 0 auto; margin: 0 .25em; ">
+
<div style = "order: 0; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
−
=== Quest ===
+
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
−
<ul style = "list-style: none outside; margin: 0; ">
+
<div style = "margin-right: .5em; ">[[File:EN-Ornament-Short-Left01.png|80x80px|link=Enderal:Quests|Quests]]</div>[[Enderal:Quests|Quests]]</div>
−
<li>[[File:EN-Quest-Ornament-Mainquest-Right.png|80x80px|link=Enderal:Main Quest|Main Quest]] [[Enderal:Main Quest|Main Quest]]</li>
+
<div style = "border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
−
<li>[[File:EN-Quest-Ornament-Sidequest-Right.png|80x80px|link=Enderal:Side Quests|Side Quests]] [[Enderal:Side Quests|Side Quests]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Quest-Ornament-Characterquest-Right.png|80x80px|link=Enderal:Character Quests|Character Quests]] [[Enderal:Character Quests|Character Quests]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Mainquest-Left.png|80x80px|link=Enderal:Main Quest|Main Quest]]</div>
−
<li>[[File:EN-Quest-Ornament-Bountyquest-Right.png|80x80px|link=Enderal:Bounty Quests|Bounty Quests]] [[Enderal:Bounty Quests|Bounty Quests]]</li>
+
[[Enderal:Main Quest|Main Quest]]</div>
−
<li>[[File:EN-Quest-Ornament-Factionquest-Right.png|80x80px|link=Enderal:Faction Quests|Faction Quests]] [[Enderal:Faction Quests|Faction Quests]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
</ul>
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Sidequest-Left.png|80x80px|link=Enderal:Side Quests|Side Quests]]</div>
−
=== Music ===
+
[[Enderal:Side Quests|Side Quests]]</div>
−
<ul style = "list-style: none outside; margin: 0; ">
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Category-icon.png|40x40px|link=Enderal:Soundtrack|Soundtrack]] [[Enderal:Soundtrack|Soundtrack]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Characterquest-Left.png|80x80px|link=Enderal:Character Quests|Character Quests]]</div>
−
<li>[[File:EN-Bards-Icon.png|40x40px|link=Enderal:Bards|Bards]] [[Enderal:Bards|Bards]]</li>
+
[[Enderal:Character Quests|Character Quests]]</div>
−
</ul>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
=== Other ===
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Bountyquest-Left.png|80x80px|link=Enderal:Bounty Quests|Bounty Quests]]</div>
−
<ul style = "list-style: none outside; margin: 0; ">
+
[[Enderal:Bounty Quests|Bounty Quests]]</div>
−
<li>[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Technical Information|Technical Information]] [[Enderal:Technical Information|Technical Information]]</li>
+
<div style = "height: 50px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Developer Information|Developer Information]] [[Enderal:Developer Information|Developer Information]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Factionquest-Left.png|80x80px|link=Enderal:Faction Quests|Faction Quests]]</div>
−
<li>[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Patch|Patch]] [[Enderal:Patch|Patch]]</li>
+
[[Enderal:Faction Quests|Faction Quests]]</div>
−
</ul>
+
 
</div>
 
</div>
−
<div style = "order: 1; flex: 1 0 auto; margin: 0 .25em; ">
+
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
−
=== World ===
+
<div style = "margin-right: .5em; ">[[File:EN-Category-icon.png|40x40px]]</div>Music</div>
−
<ul style = "list-style: none outside; margin: 0; ">
+
<div style = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
−
<li>[[File:70px-EN-Regions-icon.png|40x40px|link=Enderal:Regions|Regions]] [[Enderal:Regions|Regions]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Places-icon.png|40x40px|link=Enderal:Places|Places]] [[Enderal:Places|Places]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Category-icon.png|40x40px|link=Enderal:Soundtrack|Soundtrack]]</div>
−
<li>[[File:EN-People-icon.png|40x40px|link=Enderal:NPCs|NPCs]] [[Enderal:NPCs|NPCs]]</li>
+
[[Enderal:Soundtrack|Soundtrack]]</div>
−
<li>[[File:EN-Flora-icon.png|40x40px|link=Enderal:Flora|Flora]] [[Enderal:Flora|Flora]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Creatures-icon.png|40x40px|link=Enderal:Creatures|Fauna]] [[Enderal:Creatures|Fauna]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Bards-Icon.png|40x40px|link=Enderal:Bards|Bards]]</div>
−
<li>[[File:EN-Factions-icon.png|40x40px|link=Enderal:Factions|Factions]] [[Enderal:Factions|Factions]]</li>
+
[[Enderal:Bards|Bards]]</div>
−
<li>[[File:EN-Items-icon.png|40x40px|link=Enderal:Items|Items]] [[Enderal:Items|Items]]</li>
+
−
<li>[[File:EN-Literature-icon.png|40x40px|link=Category:Enderal-Books|Books]] [[:Category:Enderal-Books|Books]]</li>
+
−
<li>[[File:EN-attitude-icon.png|40x40px|link=Enderal:Easter Eggs|Easter Eggs]] [[Enderal:Easter Eggs|Easter Eggs]]</li>
+
−
</ul>
+
 
</div>
 
</div>
−
<div style = "order: 2; flex: 1 0 auto; margin: 0 .25em; ">
 
−
=== Character ===
 
−
<ul style = "list-style: none outside; margin: 0; ">
 
−
<li>[[File:EN-Races-icon.png|40x40px|link=Enderal:Races|Races]] [[Enderal:Races|Races]] </li>
 
−
<li>[[File:EN-Classes-icon.png|40x40px|link=Enderal:Classes|Classes]] [[Enderal:Classes|Classes]]</li>
 
−
<li>[[File:EN-Memorytrees-icon.png|40x40px|link=Enderal:Memory trees|Memory trees]] [[Enderal:Memory trees|Memory trees]]</li>
 
−
<li>[[File:EN-skills-icon.png|40x40px|link=Enderal:Skills|Skills]] [[Enderal:Skills|Skills]]</li>
 
−
<li>[[File:EN-Experience-Points-icon.png|40x40px|link=Enderal:Character Progression|Character Progression]] [[Enderal:Character Progression|Character Progression]]</li>
 
−
<li>[[File:EN-Learningpoints-icon.png|40x40px|link=Enderal:Learning Points|Learning Points]] [[Enderal:Learning Points|Learning Points]]</li>
 
−
<li>[[File:EN-Handicraft-icon.png|40x40px|link=Enderal:Crafting Points|Crafting Points]] [[Enderal:Crafting Points|Crafting Points]]</li>
 
−
<li>[[File:EN-Inventory-Memorybook-icon.png|40x40px|link=Enderal:Memory Points|Memory Points]] [[Enderal:Memory Points|Memory Points]]</li>
 
−
</ul>
 
 
</div>
 
</div>
−
<div style = "order: 3; flex: 1 0 auto; margin: 0 .25em; ">
+
 
−
=== Inventory ===
+
<div style = "order: 1; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
−
<ul style = "list-style: none outside; margin: 0; ">
+
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
−
<li>[[File:EN-Weapons-icon.png|40x40px|link=Enderal:Weapons|Weapons]] [[Enderal:Weapons|Weapons]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Location-icon.png|40x40px|link=Enderal:World|World]]</div>[[Enderal:World|World]]</div>
−
<li>[[File:EN-Armor-icon.png |40x40px|link=Enderal:Armor|Armor]] [[Enderal:Armor|Armor]]</li>
+
<div style = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
−
<li>[[File:EN-drinks-icon.png|40x40px|link=Enderal:Potions|Potions]] [[Enderal:Potions|Potions]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-SCrolls-icon.png|40x40px|link=Enderal:Scrolls|Scrolls]] [[Enderal:Scrolls|Scrolls]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Regions-icon.png|40x40px|link=Enderal:Regions|Regions]]</div>
−
<li>[[File:EN-Consumables-icon.png |40x40px|link=Enderal:Consumables|Consumables]] [[Enderal:Consumables|Consumables]]</li>
+
[[Enderal:Regions|Regions]]</div>
−
<li>[[File:EN-ingridients-icon.png|40x40px|link=Enderal:Ingredients|Ingredients]] [[Enderal:Ingredients|Ingredients]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
<li>[[File:EN-Literature-icon.png|40x40px|link=Enderal:Literature|Literature]] [[Enderal:Literature|Literature]]</li>
+
<div style = "margin-right: .5em; ">[[File:EN-Places-icon.png|40x40px|link=Enderal:Places|Places]]</div>
−
<li>[[File:EN-Key-icon.png|40x40px|link=Enderal:Keys|Keys]] [[Enderal:Keys|Keys]]</li>
+
[[Enderal:Places|Places]]</div>
−
<li>[[File:EN-Other-icon.png|40x40px|link=Enderal:Others|Others]] [[Enderal:Others|Others]]</li>
+
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
−
</ul>
+
<div style = "margin-right: .5em; ">[[File:EN-People-icon.png|40x40px|link=Enderal:NPCs|NPCs]]</div>
 +
[[Enderal:NPCs|NPCs]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Flora-icon.png|40x40px|link=Enderal:Flora|Flora]]</div>
 +
[[Enderal:Flora|Flora]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Creatures-icon.png|40x40px|link=Enderal:Creatures|Fauna]]</div>
 +
[[Enderal:Creatures|Fauna]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Factions-icon.png|40x40px|link=Enderal:Factions|Factions]]</div>
 +
[[Enderal:Factions|Factions]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Items-icon.png|40x40px|link=Enderal:Items|Items]]</div>
 +
[[Enderal:Items|Items]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Literature-icon.png|40x40px|link=Category:Enderal-Books|Books]]</div>
 +
[[:Category:Enderal-Books|Books]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-attitude-icon.png|40x40px|link=Enderal:Easter Eggs|Easter Eggs]]</div>
 +
[[Enderal:Easter Eggs|Easter Eggs]]</div>
 
</div>
 
</div>
−
<div style = "order: 4; flex: 1 0 auto; margin: 0 .25em; ">
 
−
=== Arcane Arts ===
 
−
<ul style = "list-style: none outside; margin: 0; ">
 
−
<li>[[File:EN-Magic-icon.png|40x40px|link=Enderal:Magic|Magic]] [[Enderal:Magic|Magic]]</li>
 
−
<li>[[File:EN-Magic-Mentalism-icon.png|40x40px|link=Enderal:Mentalism|Mentalism]] [[Enderal:Mentalism|Mentalism]]</li>
 
−
<li>[[File:EN-Magic-Psionic-icon.png|40x40px|link=Enderal:Psionics|Psionics]] [[Enderal:Psionics|Psionics]]</li>
 
−
<li>[[File:EN-Magic-Elementarism-icon.png|40x40px|link=Enderal:Elementarism|Elementarism]] [[Enderal:Elementarism|Elementarism]]</li>
 
−
<li>[[File:EN-Magic-Entropy-icon.png|40x40px|link=Enderal:Entropy|Entropy]] [[Enderal:Entropy|Entropy]]</li>
 
−
<li>[[File:EN-Magic-Lightmagic-icon.png|40x40px|link=Enderal:Light Magic|Light Magic]] [[Enderal:Light Magic|Light Magic]]</li>
 
−
<li>[[File:EN-Talents-icon.png|40x40px|link=Enderal:Talents|Talents]] [[Enderal:Talents|Talents]]</li>
 
−
</ul>
 
 
</div>
 
</div>
 +
 +
<div style = "order: 2; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 +
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
 +
<div style = "margin-right: .5em; ">[[File:EN-Category-icon.png|40x40px]]</div>Character</div>
 +
<div style = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Races-icon.png|40x40px|link=Enderal:Races|Races]]</div>
 +
[[Enderal:Races|Races]] </div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Classes-icon.png|40x40px|link=Enderal:Classes|Classes]]</div>
 +
[[Enderal:Classes|Classes]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Memorytrees-icon.png|40x40px|link=Enderal:Memory trees|Memory trees]]</div>
 +
[[Enderal:Memory trees|Memory trees]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-skills-icon.png|40x40px|link=Enderal:Skills|Skills]]</div>
 +
[[Enderal:Skills|Skills]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Experience-Points-icon.png|40x40px|link=Enderal:Character Progression|Character Progression]]</div>
 +
[[Enderal:Character Progression|Character Progression]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Learningpoints-icon.png|40x40px|link=Enderal:Learning Points|Learning Points]]</div>
 +
[[Enderal:Learning Points|Learning Points]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Handicraft-icon.png|40x40px|link=Enderal:Crafting Points|Crafting Points]]</div>
 +
[[Enderal:Crafting Points|Crafting Points]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Inventory-Memorybook-icon.png|40x40px|link=Enderal:Memory Points|Memory Points]]</div>
 +
[[Enderal:Memory Points|Memory Points]]</div>
 +
<div style = "margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Talents-icon.png|40x40px|link=Enderal:Talents|Talents]]</div>
 +
[[Enderal:Talents|Talents]]</div>
 +
</div>
 +
</div>
 +
 +
<div style = "order: 3; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 +
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
 +
<div style = "margin-right: .5em; ">[[File:EN-Chest-icon.png|40x40px|link=Enderal:Inventory|Inventory]]</div>[[Enderal:Inventory|Inventory]]</div>
 +
<div style = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Weapons-icon.png|40x40px|link=Enderal:Weapons|Weapons]]</div>
 +
[[Enderal:Weapons|Weapons]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Armor-icon.png |40x40px|link=Enderal:Armor|Armor]]</div>
 +
[[Enderal:Armor|Armor]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-drinks-icon.png|40x40px|link=Enderal:Potions|Potions]]</div>
 +
[[Enderal:Potions|Potions]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-SCrolls-icon.png|40x40px|link=Enderal:Scrolls|Scrolls]]</div>
 +
[[Enderal:Scrolls|Scrolls]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Consumables-icon.png |40x40px|link=Enderal:Consumables|Consumables]]</div>
 +
[[Enderal:Consumables|Consumables]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-ingridients-icon.png|40x40px|link=Enderal:Ingredients|Ingredients]]</div>
 +
[[Enderal:Ingredients|Ingredients]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Literature-icon.png|40x40px|link=Enderal:Literature|Literature]]</div>
 +
[[Enderal:Literature|Literature]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Key-icon.png|40x40px|link=Enderal:Keys|Keys]]</div>
 +
[[Enderal:Keys|Keys]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Other-icon.png|40x40px|link=Enderal:Others|Others]]</div>
 +
[[Enderal:Others|Others]]</div>
 +
</div>
 +
</div>
 +
 +
<div style = "order: 4; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 +
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-icon.png|40x40px|link=Enderal:Magic|Magic]]</div>[[Enderal:Magic|Magic]]</div>
 +
<div style = "border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-Mentalism-icon.png|40x40px|link=Enderal:Mentalism|Mentalism]]</div>
 +
[[Enderal:Mentalism|Mentalism]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-Psionic-icon.png|40x40px|link=Enderal:Psionics|Psionics]]</div>
 +
[[Enderal:Psionics|Psionics]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-Elementarism-icon.png|40x40px|link=Enderal:Elementarism|Elementarism]]</div>
 +
[[Enderal:Elementarism|Elementarism]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-Entropy-icon.png|40x40px|link=Enderal:Entropy|Entropy]]</div>
 +
[[Enderal:Entropy|Entropy]]</div>
 +
<div style = "height: 50px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Magic-Lightmagic-icon.png|40x40px|link=Enderal:Light Magic|Light Magic]]</div>
 +
[[Enderal:Light Magic|Light Magic]]</div>
 +
</div>
 +
<div style = "height: 50px; border: 1px solid rgb(73, 73, 59); border-radius: 5px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; font-weight: bold; font-size: 1.25em; ">
 +
<div style = "margin-right: .5em; ">[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Technical Information|Technical Information]]</div>[[Enderal:Technical Information|Technical Info]]</div>
 +
<div style = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Developer Information|Developer Information]]</div>
 +
[[Enderal:Developer Information|Developer Info]]</div>
 +
<div style = "height: 50px; margin-bottom: 5px; padding: 0 5px; display: flex; flex-flow: row nowrap; align-items: center; " >
 +
<div style = "margin-right: .5em; ">[[File:EN-Inventory-note-icon.png|40x40px|link=Enderal:Patch|Patch]]</div>
 +
[[Enderal:Patch|Patch]]</div>
 +
</div>
 +
</div>
 +
 
</div>
 
</div>

Revision as of 23:31, 18 June 2017

This article is about the game. For the country with the same name in this game, see Enderal (Country)

Enderal: The Shards of Order is a Total Conversion Mod for Bethesda's The Elder Scrolls V: Skyrim. It was made by SureAI and is available in German and English. Other localizations are work in progress by external localization teams.

Information

EN-Category-icon.png
Music
EN-Category-icon.png
Character
Retrieved from "https://en.wiki.sureai.net/index.php?title=User:Davipb/CSS_Sandbox&oldid=8301"