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

From sureai
Jump to: navigation, search
(Add a slight shadow)
(Don't ask)
Line 1: Line 1:
''This article is about the game. For the country with the same name in this game, see [[Enderal:Enderal (Country)|Enderal (Country)]]''
+
<div style = "position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; display: flex; align-items: center; justify-content: center; ">
 
+
<div style = "box-shadow: 0 0 100px #FFFFFF88; border: 1px solid #FFFFFF50; transform: scale(1.25); ">__TOC__</div>
'''Enderal: The Shards of Order''' is a Total Conversion Mod for Bethesda's ''The Elder Scrolls V: Skyrim.'' It was made by [https://sureai.net/ SureAI] and is available in German and English. Other localizations are work in progress by external [[Enderal:Localization#Localization_Teams|localization teams]].
+
 
+
== Information ==
+
<div style = "display: flex; flex-flow: row wrap; ">
+
<div style = "order: 0; 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; box-shadow: 0 0 2px #00000055; ">
+
<div style = "margin-right: .5em; ">[[File:EN-Ornament-Short-Left01.png|80x80px|link=Enderal:Quests|Quests]]</div>[[Enderal:Quests|Quests]]</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-Quest-Ornament-Mainquest-Left.png|80x80px|link=Enderal:Main Quest|Main Quest]]</div>
+
[[Enderal:Main Quest|Main Quest]]</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-Quest-Ornament-Sidequest-Left.png|80x80px|link=Enderal:Side Quests|Side Quests]]</div>
+
[[Enderal:Side Quests|Side Quests]]</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-Quest-Ornament-Characterquest-Left.png|80x80px|link=Enderal:Character Quests|Character Quests]]</div>
+
[[Enderal:Character Quests|Character Quests]]</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-Quest-Ornament-Bountyquest-Left.png|80x80px|link=Enderal:Bounty Quests|Bounty Quests]]</div>
+
[[Enderal:Bounty Quests|Bounty Quests]]</div>
+
<div style = "height: 50px; display: flex; flex-flow: row nowrap; align-items: center; " >
+
<div style = "margin-right: .5em; ">[[File:EN-Quest-Ornament-Factionquest-Left.png|80x80px|link=Enderal:Faction Quests|Faction Quests]]</div>
+
[[Enderal:Faction Quests|Faction Quests]]</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; box-shadow: 0 0 2px #00000055; ">
+
<div style = "margin-right: .5em; ">[[File:EN-Category-icon.png|40x40px]]</div>Music</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-Category-icon.png|40x40px|link=Enderal:Soundtrack|Soundtrack]]</div>
+
[[Enderal:Soundtrack|Soundtrack]]</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-Bards-Icon.png|40x40px|link=Enderal:Bards|Bards]]</div>
+
[[Enderal:Bards|Bards]]</div>
+
</div>
+
</div>
+
 
+
<div style = "order: 1; 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; box-shadow: 0 0 2px #00000055; ">
+
<div style = "margin-right: .5em; ">[[File:EN-Location-icon.png|40x40px|link=Enderal:World|World]]</div>[[Enderal:World|World]]</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-Regions-icon.png|40x40px|link=Enderal:Regions|Regions]]</div>
+
[[Enderal:Regions|Regions]]</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-Places-icon.png|40x40px|link=Enderal:Places|Places]]</div>
+
[[Enderal:Places|Places]]</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-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: 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; box-shadow: 0 0 2px #00000055; ">
+
<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; box-shadow: 0 0 2px #00000055; ">
+
<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; box-shadow: 0 0 2px #00000055; ">
+
<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; box-shadow: 0 0 2px #00000055; ">
+
<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 style = "display: none"; >
 +
== All ==
 +
== praise ==
 +
== the ==
 +
== mighty ==
 +
== TOC. ==
 +
== Do not ==
 +
== be ==
 +
== swayed ==
 +
== by those ==
 +
== who wish ==
 +
== to stray you ==
 +
== from the ==
 +
== light of ==
 +
== the all mighty ==
 +
== TOC. ==
 
</div>
 
</div>

Revision as of 13:24, 30 June 2017

All

praise

the

mighty

TOC.

Do not

be

swayed

by those

who wish

to stray you

from the

light of

the all mighty

TOC.