More actions
No edit summary |
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