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

From sureai
Jump to: navigation, search
(Reduce eye-hurting red usage, make "Featured" items vertical)
(Possible Enderal redesign)
Line 1: Line 1:
<!-- Top Container -->
+
''This article is about the game. For the country with the same name in this game, see [[Enderal:Enderal (Country)|Enderal (Country)]]''
<div style = "display: flex; justify-content: space-between; clear: both; ">
+
  
<!-- SureAI Logo -->
+
'''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]].
<div style = "order: 0; border: 1px solid gray; border-radius: 5px; padding: 0 20px; height: 225px; width: 225px; display: flex; align-items: center; justify-content: space-around; margin-right: 5px; ">
+
[[File:SureaiLogo2016.png]]
+
</div>
+
<!-- End SureAI Logo -->
+
<!-- Top-Right -->
+
<div style = "order: 1; flex-grow: 1; ">
+
<!-- Main Title -->
+
<div style="background: RGB(147, 56, 56); border-radius: 5px; color: white; font-weight: bold; font-size: 1.75em; padding: 0 .75em; margin-bottom: 5px; height: 70px; display: flex; align-items: center; justify-content: center; ">Welcome to the SureAI Wiki!</div>
+
<!-- End Main Title -->
+
<!-- Main Text -->
+
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 20px; height: 150px; display: flex; flex-flow: column nowrap; justify-content: center;">
+
The SureAI Wiki is an encyclopedia about all games by SureAI. <br />
+
We need YOUR help to build it! You can register an [https://forum.sureai.net/ucp.php?mode=register forum account here] which you can use to log in [[Special:UserLogin|here]].
+
  
'''This wiki contains spoilers''', and no spoiler warnings are given. For more info, see [[Help:Spoiler]].
+
== Information ==
 +
<div style = "display: flex; flex-flow: row wrap; ">
 +
<div style = "order: 0; flex: 1 0 auto; margin: 0 1em; ">
 +
=== Quest Information ===
 +
* [[File:EN-Quest-Ornament-Mainquest-Right.png|80x80px|link=Enderal:Main Quest|Main Quest]] [[Enderal:Main Quest|Main Quest]]
 +
* [[File:EN-Quest-Ornament-Sidequest-Right.png|80x80px|link=Enderal:Side Quests|Side Quests]] [[Enderal:Side Quests|Side Quests]]
 +
* [[File:EN-Quest-Ornament-Characterquest-Right.png|80x80px|link=Enderal:Character Quests|Character Quests]] [[Enderal:Character Quests|Character Quests]]
 +
* [[File:EN-Quest-Ornament-Bountyquest-Right.png|80x80px|link=Enderal:Bounty Quests|Bounty Quests]] [[Enderal:Bounty Quests|Bounty Quests]]
 +
* [[File:EN-Quest-Ornament-Factionquest-Right.png|80x80px|link=Enderal:Faction Quests|Faction Quests]] [[Enderal:Faction Quests|Faction Quests]]
  
We are currently maintaining [[Special:AllPages|'''{{NUMBEROFARTICLES}}''' articles]] and [[Special:ListFiles|'''{{NUMBEROFFILES}}''' files]]. We have [[Special:ListUsers|'''{{NUMBEROFUSERS}}''' Users]].
+
=== Music Information ===
 +
* [[File:EN-Category-icon.png|40x40px|link=Enderal:Soundtrack|Soundtrack]] [[Enderal:Soundtrack|Soundtrack]]
 +
* [[File:EN-Category-icon.png|40x40px|link=Enderal:Bards|Bards]] [[Enderal:Bards|Bards]]
 
</div>
 
</div>
<!-- End Main Text -->
+
<div style = "order: 1; flex: 1 0 auto; margin: 0 1em; ">
 +
=== World Information ===
 +
* [[File:70px-EN-Regions-icon.png|40x40px|link=Enderal:Regions|Regions]] [[Enderal:Regions|Regions]]
 +
* [[File:EN-Places-icon.png|40x40px|link=Enderal:Places|Places]] [[Enderal:Places|Places]]
 +
* [[File:EN-People-icon.png|40x40px|link=Enderal:NPCs|NPCs]] [[Enderal:NPCs|NPCs]]
 +
* [[File:EN-Flora-icon.png|40x40px|link=Enderal:Flora|Flora]] [[Enderal:Flora|Flora]]
 +
* [[File:EN-Creatures-icon.png|40x40px|link=Enderal:Creatures|Fauna]] [[Enderal:Creatures|Fauna]]
 +
* [[File:EN-Factions-icon.png|40x40px|link=Enderal:Factions|Factions]] [[Enderal:Factions|Factions]]
 +
* [[File:EN-Factions-icon.png|40x40px|link=Enderal:Items|Items]] [[Enderal:Items|Items]]
 +
* [[File:EN-Literature-icon.png|40x40px|link=Category:Enderal-Books|Books]] [[:Category:Enderal-Books|Books]]
 +
* [[File:EN-Category-icon.png|40x40px|link=Enderal:Easter Eggs|Easter Eggs]] [[Enderal:Easter Eggs|Easter Eggs]]
 
</div>
 
</div>
<!-- End Top-Right -->
+
<div style = "order: 2; flex: 1 0 auto; margin: 0 1em; ">
 +
=== Character Information ===
 +
* [[File:EN-Races-icon.png|40x40px|link=Enderal:Races|Races]] [[Enderal:Races|Races]]
 +
* [[File:EN-Classes-icon.png|40x40px|link=Enderal:Classes|Classes]] [[Enderal:Classes|Classes]]
 +
* [[File:EN-Memorytrees-icon.png|40x40px|link=Enderal:Memory trees|Memory trees]] [[Enderal:Memory trees|Memory trees]]
 +
* [[File:EN-skills-icon.png|40x40px|link=Enderal:Skills|Skills]] [[Enderal:Skills|Skills]]
 +
* [[File:EN-Category-icon.png|40x40px|link=Enderal:Character Progression|Character Progression]] [[Enderal:Character Progression|Character Progression]]
 +
* [[File:EN-Learningpoints-icon.png|40x40px|link=Enderal:Learning Points|Learning Points]] [[Enderal:Learning Points|Learning Points]]
 +
* [[File:EN-Handicraft-icon.png|40x40px|link=Enderal:Crafting Points|Crafting Points]] [[Enderal:Crafting Points|Crafting Points]]
 +
* [[File:EN-Category-icon.png|40x40px|link=Enderal:Memory Points|Memory Points]] [[Enderal:Memory Points|Memory Points]]
 
</div>
 
</div>
<!-- End Top Container -->
+
<div style = "order: 3; flex: 1 0 auto; margin: 0 1em; ">
 
+
=== Inventory Information ===
<!-- Bottom Container -->
+
* [[File:EN-Weapons-icon.png|40x40px|link=Enderal:Weapons|Weapons]] [[Enderal:Weapons|Weapons]]
<div style = "display: flex; align-items: stretch; justify-content: space-between; clear: both; ">
+
* [[File:EN-Armor-icon.png |40x40px|link=Enderal:Armor|Armor]] [[Enderal:Armor|Armor]]
<!-- Games Container -->
+
* [[File:EN-drinks-icon.png|40x40px|link=Enderal:Potions|Potions]] [[Enderal:Potions|Potions]]
<div style = "order: 0; flex: 2; margin-right: 5px; ">
+
* [[File:EN-SCrolls-icon.png|40x40px|link=Enderal:Scrolls|Scrolls]] [[Enderal:Scrolls|Scrolls]]
<!-- Vyn Games Title -->
+
* [[File:EN-Consumables-icon.png |40x40px|link=Enderal:Consumables|Consumables]] [[Enderal:Consumables|Consumables]]
<div style="background: RGB(73, 73, 59); border-radius: 5px; color: white; font-size: 1.75em; padding: 0 .75em; margin: 5px 0; height: 70px; display: flex; align-items: center; justify-content: center; ">The World of Vyn</div>
+
* [[File:EN-ingridients-icon.png|40x40px|link=Enderal:Ingredients|Ingredients]] [[Enderal:Ingredients|Ingredients]]
<!-- End Vyn Games Title -->
+
* [[File:EN-Literature-icon.png|40x40px|link=Enderal:Literature|Literature]] [[Enderal:Literature|Literature]]
 
+
* [[File:EN-Key-icon.png|40x40px|link=Enderal:Keys|Keys]] [[Enderal:Keys|Keys]]
<!-- Vyn Game -->
+
* [[File:EN-Other-icon.png|40x40px|link=Enderal:Others|Others]] [[Enderal:Others|Others]]
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin: 5px 0; height: 70px; ">
+
<div style = "margin-right: 1em; ">[[File:SureaiLogo2016.png|40px|style="margin-right: 1em; "]]</div>
+
<p>
+
'''[[Lore:Vyn|Vyn]]''' <br />
+
[[Lore:Worlds|Worlds]] [[Lore:Light-Born|Light-Born]] [[Lore:Races|Races]] [[Lore:Timeline|Timeline]] [[:Category:Literature|Literature]]
+
</p>
+
 
</div>
 
</div>
<!-- End Vyn Game -->
+
<div style = "order: 4; flex: 1 0 auto; margin: 0 1em; ">
 
+
=== Arcane Arts Information ===
<!-- Enderal Game -->
+
* [[File:EN-Magic-icon.png|40x40px|link=Enderal:Magic|Magic]] [[Enderal:Magic|Magic]]
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin: 5px 0; height: 70px; ">
+
* [[File:EN-Magic-Mentalism-icon.png|40x40px|link=Enderal:Mentalism|Mentalism]] [[Enderal:Mentalism|Mentalism]]
<div style = "margin-right: 1em; ">[[File:Ico_enderal_s.png]]</div>
+
* [[File:EN-Magic-Psionic-icon.png|40x40px|link=Enderal:Psionics|Psionics]] [[Enderal:Psionics|Psionics]]
<p>
+
* [[File:EN-Magic-Elementarism-icon.png|40x40px|link=Enderal:Elementarism|Elementarism]] [[Enderal:Elementarism|Elementarism]]
'''[[Enderal|Enderal - The Shards of Order]]''' <br />
+
* [[File:EN-Magic-Entropy-icon.png|40x40px|link=Enderal:Entropy|Entropy]] [[Enderal:Entropy|Entropy]]
[[Enderal:Technical Information|Technical Information]] [[Enderal:Patch|Patches]] [[Enderal:Quests|Quests]] [[Enderal:Places|Locations]] [[Enderal:Classes|Classes]]
+
* [[File:EN-Magic-Lightmagic-icon.png|40x40px|link=Enderal:Light Magic|Light Magic]] [[Enderal:Light Magic|Light Magic]]
</p>
+
* [[File:EN-Talents-icon.png|40x40px|link=Enderal:Talents|Talents]] [[Enderal:Talents|Talents]]
 
</div>
 
</div>
<!-- End Enderal Game -->
 
 
<!-- Nehrim Game -->
 
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin: 5px 0; height: 70px; ">
 
<div style = "margin-right: 1em; ">[[File:Ico_nehrim_s.png]]</div>
 
'''[[Nehrim]]''' <br />
 
[[Nehrim:Technical Information|Technical Information]] • [[Nehrim:Patch|Patches]] • [[Nehrim:Quests|Quests]] • [[Nehrim:Places|Locations]] • [[Nehrim:Classes|Classes]]
 
 
</div>
 
</div>
<!-- End Nehrim Game -->
 
 
<!-- Arkwent Game -->
 
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin: 5px 0; height: 70px; ">
 
<div style = "margin-right: 1em; ">[[File:Ico_arktwend_s.png]]</div>
 
'''[[Arktwend]]''' <br />
 
[[Arktwend:Technical Information|Technical Information]] • [[Arktwend:Patch|Patches]] • [[Arktwend:Quests|Quests]] • [[Arktwend:Places|Locations]] • [[Arktwend:Classes|Classes]]
 
</div>
 
<!-- End Arkwent Game -->
 
 
<!-- Myar Game -->
 
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin: 5px 0; height: 70px; ">
 
<div style = "margin-right: 1em; ">[[File:Ico_myar_s.png]]</div>
 
'''[[Myar Aranath|Myar Aranath: Relict of Kallidar]]''' <br />
 
[[Myar:Technical Information|Technical Information]] • [[Myar:Patch|Patches]] • [[Myar:Quests|Quests]] • [[Myar:Places|Locations]] • [[Myar:Classes|Classes]]
 
</div>
 
<!-- End Myar Game -->
 
 
<!-- Other Games Title -->
 
<div style="background: RGB(73, 73, 59); border-radius: 5px; color: white; font-size: 1.75em; padding: 0 .75em; margin: 5px 0; height: 70px; display: flex; align-items: center; justify-content: center; ">Other Projects</div>
 
<!-- End Other Games Title -->
 
 
<!-- Cube Game -->
 
<div style = "border: 1px solid gray; border-radius: 5px; padding: 0 15px; display: flex; align-items: center; margin-top: 5px; height: 70px; ">
 
<div style = "margin-right: 1em; ">[[File:ico_cubeex_s.png]]</div>
 
'''[[Cube Experimental]]'''
 
</div>
 
<!-- End Cube Game -->
 
 
</div>
 
<!-- End Games Container -->
 
 
<!-- Featured Image Container-->
 
<div style = "order: 1; flex: 1; margin-right: 5px; display: flex; flex-flow: column nowrap; ">
 
 
<!-- Featured Image Title -->
 
<div style="order: 0; background: RGB(73, 73, 59); border-radius: 5px; color: white; font-size: 1.75em; padding: 0 .75em; margin: 5px 0; height: 70px; display: flex; align-items: center; justify-content: center; ">Featured Image</div>
 
<!-- End Featured Image Title -->
 
 
<!-- Featured Image Content Container -->
 
<div style = "order: 1; flex-grow: 1; border: 1px solid gray; border-radius: 5px; padding: 1.75em 1em; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-between; ">
 
 
<div style = "order: 0; font-size: 150%; font-weight: bold; ">[[Enderal:A Nice Day in Summer|A Nice Day in Summer]]</div>
 
<div style = "order: 1; border-radius: 5px; overflow: hidden; ">[[File:EN-Quest-A_Nice_Day_in_Summer.png|320x320px|The first sight on your journey through Enderal]]</div>
 
<p  style = "order: 2; text-align: justify; ">
 
The first sight on your journey through [[Enderal]]: Home, Sweet Home, where [[Enderal:Daddy|Daddy]] awaits you, ready to be served with a nice crisp piece of meat.
 
</p>
 
 
</div>
 
<!-- End Featured Image Content Container -->
 
</div>
 
<!-- End Featured Image Container-->
 
 
<!-- Featured Article Container-->
 
<div style = "order: 2; flex: 1; display: flex; flex-flow: column nowrap; ">
 
 
<!-- Featured Article Title -->
 
<div style="order: 0; background: RGB(73, 73, 59); border-radius: 5px; color: white; font-size: 1.75em; padding: 0 .75em; margin: 5px 0; height: 70px; display: flex; align-items: center; justify-content: center; ">Featured Article</div>
 
<!-- End Featured Article Title -->
 
 
<!-- Featured Article Content -->
 
<div style = "order: 1; flex-grow: 1; border: 1px solid gray; border-radius: 5px; padding: 1.75em 1em; display: flex; flex-flow: column nowrap; align-items: center; justify-content: space-between; ">
 
 
<div style = "order: 0; font-size: 150%; font-weight: bold; ">[[Enderal:Calia Sakaresh|Calia Sakaresh]]</div>
 
<div style = "order: 1; border-radius: 5px; overflow: hidden; ">[[File:EN-NPC-Calia_Sakaresh.png|320x300px|Calia Sakaresh|link=Enderal:Calia Sakaresh]]</div>
 
<p  style = "order: 2; text-align: justify; ">
 
[[Enderal:Calia Sakaresh|'''Calia Sakaresh''']] is a Novice and later a Keeper of The Holy Order who later joins The Prophet during several quests and can eventually be romanced.
 
</p>
 
 
</div>
 
<!-- End Featured Article Content -->
 
</div>
 
<!-- End Featured Article Container-->
 
 
</div>
 
<!-- End Bottom Container -->
 
 
 
<!-- [[Category:SureAI-Wiki Administration]] -->
 
 
__NOTOC__
 

Revision as of 01:00, 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

Quest Information

Music Information

World Information

Character Information

Inventory Information

Arcane Arts Information