Difference between revisions of "User:Arin Mara/Sandbox/Draft"
From EVE University Wiki
< User:Arin Mara | Sandbox
(Experimenting with a new flex block Main Page design) |
|||
Line 1: | Line 1: | ||
+ | <div class="o-flex-grid o-flex-grid--c2@md o-flex-grid--c3@lg"> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock c-cblock--violet"> | ||
+ | ==Welcome, new players!== | ||
− | <!-- | + | |
+ | text | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==X== | ||
+ | |||
+ | |||
+ | text | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock"> | ||
+ | ==X== | ||
+ | |||
+ | |||
+ | text | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock c-cblock--gold"> | ||
+ | ==Latest version== | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock"> | ||
+ | ==Equipment== | ||
+ | |||
+ | |||
+ | text | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==X== | ||
+ | ... | ||
+ | |||
+ | ---- | ||
+ | |||
+ | X | ||
+ | ==X== | ||
+ | ... | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==X== | ||
+ | ... | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock"> | ||
+ | X | ||
+ | ==X== | ||
+ | ... | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==The world== | ||
+ | ... | ||
+ | |||
+ | X | ||
+ | ... | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==X== | ||
+ | |||
+ | |||
+ | text | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="o-flex-grid__item"> | ||
+ | <div class="o-flex-grid__inner c-cblock"> | ||
+ | ==Skills== | ||
+ | |||
+ | |||
+ | |||
+ | text | ||
+ | |||
+ | ---- | ||
+ | |||
+ | ==Game mechanics== | ||
+ | |||
+ | |||
+ | text | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | {{#css: | ||
+ | |||
+ | .o-flex-grid { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | clear: both; | ||
+ | margin-left: -16px; | ||
+ | } | ||
+ | .o-flex-grid__item { | ||
+ | display: flex; | ||
+ | box-sizing: border-box; | ||
+ | overflow: hidden; | ||
+ | flex: 0 0 auto; | ||
+ | margin-bottom: 16px; | ||
+ | padding-left: 16px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .o-flex-grid__inner { | ||
+ | flex: 0 1 100%; | ||
+ | margin: 0 !important; | ||
+ | } | ||
+ | |||
+ | .c-cblock { | ||
+ | overflow: hidden; | ||
+ | margin: 6px 0; | ||
+ | border: 1px solid #2c2b2b; | ||
+ | border-radius: 4px; | ||
+ | padding: 8px 16px; | ||
+ | } | ||
+ | |||
+ | .c-cblock hr { | ||
+ | clear: both; | ||
+ | margin: 16px 0; | ||
+ | } | ||
+ | .c-cblock h2, | ||
+ | .c-cblock h3, | ||
+ | .c-cblock h4, | ||
+ | .c-cblock h5, | ||
+ | .c-cblock h6 { | ||
+ | border: none; | ||
+ | } | ||
+ | }} | ||
+ | |||
+ | <!-- MainPage redesign contents of the old Main Page | ||
== Content == | == Content == | ||
Revision as of 14:50, 15 June 2023
Welcome, new players!
text
X
text
X
text
Latest version
Equipment
text
X
...
X
X
...
X
...
X
X
...
The world
...
X ...
X
text
Skills
text
Game mechanics
text