Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
Arin Mara (talk | contribs)
No edit summary
Arin Mara (talk | contribs)
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!==


<!-- Uncomment it after you are finished with the unified Mission Navbox
 
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