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

From sureai
Jump to: navigation, search
(Improve layout)
(Add a slight shadow)
Line 6: Line 6:
 
<div style = "display: flex; flex-flow: row wrap; ">
 
<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 = "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; ">
+
<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 = "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 = "border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 25: Line 25:
 
[[Enderal:Faction Quests|Faction Quests]]</div>
 
[[Enderal:Faction Quests|Faction Quests]]</div>
 
</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 = "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 = "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 = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 38: Line 38:
  
 
<div style = "order: 1; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 
<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; ">
+
<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 = "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 = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 72: Line 72:
  
 
<div style = "order: 2; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 
<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 = "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 = "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 = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 106: Line 106:
  
 
<div style = "order: 3; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 
<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 = "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 = "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 = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 140: Line 140:
  
 
<div style = "order: 4; flex: 1 0 200px; margin-right: 5px; display: flex; flex-flow: column nowrap; align-items: stretch; ">
 
<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 = "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 = "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 = "border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">
Line 159: Line 159:
 
[[Enderal:Light Magic|Light Magic]]</div>
 
[[Enderal:Light Magic|Light Magic]]</div>
 
</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 = "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 = "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 = "flex-grow: 1; border: 1px solid gray; border-radius: 5px; margin-bottom: 5px; padding: 0px 0; display: flex; flex-flow: column nowrap; ">

Revision as of 23:36, 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