Difference between revisions of "User:Davipb/CSS Sandbox"
From sureai
(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.