From The Mana World
m (trying to put a border around something)
m (done some more styling, quotes are still ugly.)
Line 1: Line 1:
TODO: Figure out a good way how to make the grid responsive... media queries are not allowed inline according to the specification and the <style> tag is not allowed on the wiki.
TODO: Figure out a good way how to make the grid responsive... media queries are not allowed inline according to the specification and the <style> tag is not allowed on the wiki.
TODO: Figure out how to use border-images, url() seems not allowed on the wiki.
TODO: Figure out how to use border-images, url() seems not allowed on the wiki.
TODO: Move quotes to ::before and ::after
TODO: Request access to common.css to solve above issues.
TODO: Request access to common.css to solve above issues.


<div style="text-align: center; padding: 0px 20px 0px 20px; font-style: italic; border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px;">Welcome to The Mana World! We are a free 2D open source MMORPG (Massively Multiplayer Online Role-Playing Game), meaning you can enjoy to play but also help our [[development]] to create new content. If you are new create a '''[[Special:GameAccount|new game account]]''' and download, install and run '''[[Downloads|Manaplus]]''', a software created by a project cooperating with The Mana World. If you have questions, take a look at our [[FAQ]] or ask on [https://webchat.freenode.net/?channels=#themanaworld IRC] or our [https://forums.themanaworld.org/ Forums]. Enjoy!</div>
<div style="text-align: center; padding: 1rem; font-style: italic; border-image-slice: 20; border-image-width: 20px; border-image-repeat: round; border-image-outset: 15px; margin: 1rem 0 1rem 0; background-color: #faebd7; display: flex; align-items: center;"><div style="padding: 0 2rem 0 1rem;">[[Image:Julia.png]]</div><div style="flex-grow: 1; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -10px;">❝</span>Welcome to The Mana World! We are a free 2D open source MMORPG (Massively Multiplayer Online Role-Playing Game), meaning you can enjoy to play but also help our [[development]] to create new content. If you are new create a '''[[Special:GameAccount|new game account]]''' and download, install and run '''[[Downloads|Manaplus]]''', a software created by a project cooperating with The Mana World. If you have questions, take a look at our [[FAQ]] or ask on [https://webchat.freenode.net/?channels=#themanaworld IRC] or our [https://forums.themanaworld.org/ Forums]. Enjoy!<span style="font-size: 2rem; font-style: normal; margin-left: 2px;">❞</span></div></div>


<div style="display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #ddd;">
<div style="display: grid; grid-template-columns: 1fr; border: 1px solid #ddd;">
<div style="background-color: red;">
<div style="background-color: red;">
* [[Special:GameAccount|Create Game Account]]
* [[Special:GameAccount|Create Game Account]]

Revision as of 10:42, 5 August 2017

TODO: Figure out a good way how to make the grid responsive... media queries are not allowed inline according to the specification and the <style> tag is not allowed on the wiki. TODO: Figure out how to use border-images, url() seems not allowed on the wiki. TODO: Move quotes to ::before and ::after TODO: Request access to common.css to solve above issues.

Julia.png
Welcome to The Mana World! We are a free 2D open source MMORPG (Massively Multiplayer Online Role-Playing Game), meaning you can enjoy to play but also help our development to create new content. If you are new create a new game account and download, install and run Manaplus, a software created by a project cooperating with The Mana World. If you have questions, take a look at our FAQ or ask on IRC or our Forums. Enjoy!