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: | <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: | <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.
❝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!❞
