From The Mana World
m (Fix issue with julia on mobile phones)
m (Fix issue with julia on mobile phones)
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: Move quotes to ::before and ::after
TODO: Move quotes to ::before and ::after
TODO: Request access to common.css to solve above issues.


<div class="fancy-border" style="text-align: left; padding: 1rem; font-style: italic; margin: 1rem 0 1rem 0; background-color: #faebd7; display: flex; align-items: center;"><div>[[Image:Julia.png]]</div><div style="flex-grow: 1; margin-left: 2rem; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -20px;">❝</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: 4px;">❞</span></div></div>
<div class="fancy-border" style="text-align: left; padding: 1rem; font-style: italic; margin: 1rem 0 1rem 0; background-color: #faebd7; display: flex; align-items: center;"><div style="flex-shrink: 0;">[[Image:Julia.png]]</div><div style="flex-grow: 1; margin-left: 2rem; position: relative;"><span style="font-size: 2rem; font-style: normal; display: block; position: absolute; left: -20px;">❝</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: 4px;">❞</span></div></div>


<div style="display: grid; grid-template-columns: 1fr; border: 1px solid #ddd;">
<div style="display: grid; grid-template-columns: 1fr; border: 1px solid #ddd;">

Revision as of 14:13, 6 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: Move quotes to ::before and ::after

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!