Difference between revisions of "User:Davipb/CSS Sandbox"
From sureai
(Possible Main page redesign) |
(Grid-like structure) |
||
| Line 1: | Line 1: | ||
| − | [[File:SureaiLogo2016.png | + | <div style = "display: flex; justify-content: space-between; clear: both; "> |
| − | < | + | |
| + | <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> | ||
| + | <div style = "order: 1; flex-grow: 1; "> | ||
| + | <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> | ||
| + | <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 /> | 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]]. | 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]]. | ||
| Line 6: | Line 12: | ||
'''This wiki contains spoilers''', and no spoiler warnings are given. For more info, see [[Help:Spoiler]]. | '''This wiki contains spoilers''', and no spoiler warnings are given. For more info, see [[Help:Spoiler]]. | ||
| − | |||
We are currently maintaining [[Special:AllPages|'''{{NUMBEROFARTICLES}}''' articles]] and [[Special:ListFiles|'''{{NUMBEROFFILES}}''' files]]. We have [[Special:ListUsers|'''{{NUMBEROFUSERS}}''' Users]]. | We are currently maintaining [[Special:AllPages|'''{{NUMBEROFARTICLES}}''' articles]] and [[Special:ListFiles|'''{{NUMBEROFFILES}}''' files]]. We have [[Special:ListUsers|'''{{NUMBEROFUSERS}}''' Users]]. | ||
| + | </div> | ||
| + | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <div style = "display: flex; justify-content: space-between; clear: both; "> |
| + | |||
| + | <div style = "order: 0; flex-basis: 50%; margin-right: 5px; "> | ||
| + | <div style="background: RGB(147, 56, 56); 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> | ||
| + | |||
| + | <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> | <div style = "margin-right: 1em; ">[[File:SureaiLogo2016.png|40px|style="margin-right: 1em; "]]</div> | ||
<p> | <p> | ||
| Line 24: | Line 31: | ||
</div> | </div> | ||
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <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_enderal_s.png]]</div> | <div style = "margin-right: 1em; ">[[File:Ico_enderal_s.png]]</div> | ||
<p> | <p> | ||
| Line 32: | Line 39: | ||
</div> | </div> | ||
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <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> | <div style = "margin-right: 1em; ">[[File:Ico_nehrim_s.png]]</div> | ||
'''[[Nehrim]]''' | '''[[Nehrim]]''' | ||
</div> | </div> | ||
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <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> | <div style = "margin-right: 1em; ">[[File:Ico_arktwend_s.png]]</div> | ||
'''[[Arktwend]]''' | '''[[Arktwend]]''' | ||
</div> | </div> | ||
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <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> | <div style = "margin-right: 1em; ">[[File:Ico_myar_s.png]]</div> | ||
'''[[Myar Aranath: Relict of Kallidar]]''' | '''[[Myar Aranath: Relict of Kallidar]]''' | ||
</div> | </div> | ||
| − | <div style="background: RGB(147, 56, 56); border-radius: 5px; color: white | + | <div style="background: RGB(147, 56, 56); 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> |
| − | Other Projects | + | |
| − | </div> | + | |
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: | + | <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_cubeex_s.png]]</div> | <div style = "margin-right: 1em; ">[[File:ico_cubeex_s.png]]</div> | ||
'''[[Cube Experimental]]''' | '''[[Cube Experimental]]''' | ||
| Line 60: | Line 65: | ||
<div style = "order: 1; flex-basis: 50%; "> | <div style = "order: 1; flex-basis: 50%; "> | ||
| − | <div style="background: RGB(147, 56, 56); border-radius: 5px; color: white | + | <div style="background: RGB(147, 56, 56); 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> |
| − | Featured Image | + | |
| − | </div> | + | |
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: 20px; display: flex; align-items: center; margin: 5px 0; "> | + | <div style = "border: 1px solid gray; border-radius: 5px; padding: 0 20px; height: 225px; display: flex; align-items: center; margin: 5px 0; "> |
| − | <div style = "border-radius: 5px; overflow: hidden; margin-right: 1em; ">[[File:EN-Quest-A_Nice_Day_in_Summer.png| | + | <div style = "border-radius: 5px; overflow: hidden; margin-right: 1em; ">[[File:EN-Quest-A_Nice_Day_in_Summer.png|x180px|The first sight on your journey through Enderal]]</div> |
The first sight on your journey through [[Enderal]]. | The first sight on your journey through [[Enderal]]. | ||
</div> | </div> | ||
| − | <div style="background: RGB(147, 56, 56); border-radius: 5px; color: white | + | <div style="background: RGB(147, 56, 56); 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> |
| − | Featured Article | + | |
| − | </div> | + | |
| − | <div style = "border: 1px solid gray; border-radius: 5px; padding: 20px; display: flex; align-items: center; justify-content: space-around; margin: 5px 0; "> | + | <div style = "border: 1px solid gray; border-radius: 5px; padding: 0 20px; height: 225px; ; display: flex; align-items: center; justify-content: space-around; margin: 5px 0; "> |
| − | <div style = "margin-right: 1em; "> [[File:EN-NPC-Calia_Sakaresh.png| | + | <div style = "margin-right: 1em; "> [[File:EN-NPC-Calia_Sakaresh.png|x180px|Calia Sakaresh|link=Enderal:Calia Sakaresh]]</div> |
| − | <p style = "max-width: 60%; "> | + | <p style = "max-width: 60%; text-align: justify; "> |
| − | [[Enderal:Calia Sakaresh|'''Calia Sakaresh''']] is a Novice and later a Keeper of The Holy Order | + | [[Enderal:Calia Sakaresh|'''Calia Sakaresh''']] is a Novice and later a Keeper of The Holy Order, who is first seen with Dunwar, in her trial. She later joins The Prophet during several quests and can eventually be romanced. |
</p> | </p> | ||
</div> | </div> | ||
Revision as of 18:09, 15 June 2017
Welcome to the SureAI Wiki!
The SureAI Wiki is an encyclopedia about all games by SureAI.
We need YOUR help to build it! You can register an forum account here which you can use to log in here.
This wiki contains spoilers, and no spoiler warnings are given. For more info, see Help:Spoiler.
We are currently maintaining 2,940 articles and 3,038 files. We have 370 Users.
Featured Image
The first sight on your journey through Enderal.
Featured Article
Calia Sakaresh is a Novice and later a Keeper of The Holy Order, who is first seen with Dunwar, in her trial. She later joins The Prophet during several quests and can eventually be romanced.
