Template:MP box: Difference between revisions
From Portals of Phereon Wiki
Content added Content deleted
No edit summary |
(Clearfix stuff) |
||
(11 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly><div class="mp-box" {{#if:{{{id|}}}|id="{{{id}}}"}}> |
<includeonly><div class="mp-box" {{#if:{{{id|}}}|id="{{{id}}}"}} {{#if:{{{style|}}}|style="{{{style}}}"}}> |
||
{{#if:{{{heading|}}}|<div class="mp-heading" |
{{#if:{{{heading|}}}|<div class="mp-heading">{{{heading}}}</div>}} |
||
<div class="mp-content" |
<div class="mp-content clearfix cf-fix">{{{content|}}}</div> |
||
{{#if:{{{footer|}}}|<div class="mp-footer" |
<!--{{#if:{{{footer|}}}|<div class="mp-footer">{{{footer}}}</div>}}--> |
||
</div></includeonly><!-- |
</div></includeonly><!-- |
||
--><noinclude> |
--><noinclude> |
||
{{ |
{{doc}} |
||
</noinclude> |
</noinclude> |
||
<!-- |
|||
.mp-box { |
|||
--mp-border: var(--tertiary-lightish); |
|||
display: flex; |
|||
flex-flow: row wrap; |
|||
border: 1px solid var(--mp-border); |
|||
background: var(--secondary-lighter); |
|||
box-shadow: 0 0.25rem 0.35rem -0.25rem var(--mp-border); |
|||
max-width: 60%; |
|||
} |
|||
.mp-box > * { |
|||
width: 100%; |
|||
padding: 0.5em 2em; |
|||
} |
|||
.mp-box > *:first-child { |
|||
padding-top: 1.5rem; |
|||
} |
|||
.mp-box > *:last-child { |
|||
padding-bottom: 1rem; |
|||
} |
|||
.mp-box h2 { |
|||
font-size: 1.4em; |
|||
font-weight: bold; |
|||
border: none; |
|||
margin: 0 0 0em; |
|||
} |
|||
.mp-footer.mp-footer { |
|||
background: var(--secondary-desaturatedish); |
|||
transition: 0.3s ease-out; |
|||
align-self: flex-end; |
|||
padding: 0; |
|||
border-top: 1px solid var(--mp-border); |
|||
width: 100%; |
|||
} |
|||
.mp-footer:hover { |
|||
background: rgba(0, 0, 0, 0.1); |
|||
} |
|||
.mp-footer > * { |
|||
color: var(--gray-darker); |
|||
font-weight: bold; |
|||
text-align: right; |
|||
display: block; |
|||
padding: 0.75em 1.5em 0.8em; |
|||
text-decoration: none; |
|||
transition: 0.3s ease-out; |
|||
} |
|||
#mw-site-navigation .sidebar-inner h3, |
|||
#mw-related-navigation .sidebar-inner h3, |
|||
#mw-site-navigation .dropdown h3, |
|||
#mw-related-navigation .dropdown h3 { |
|||
border-color: var(--gray-lightish); |
|||
}--> |
Latest revision as of 01:42, 12 September 2020
Usage[]
Using this:
{{MP box |id = mybox1 |heading = Title |content = Content stuff here }}
Gets you this:
Title
Content stuff here
Template data[]
A box designed for the main page
Parameter | Description | Type | Status | |
---|---|---|---|---|
id | id | A unique ID for this box, to be referenced in CSS or JS
| String | optional |
Heading | heading | What shows up in the heading section
| String | suggested |
Content | content | Content goes here | Content | suggested |
Style | style | Set wrapper css style | Unknown | optional |
[view | edit | purge]The above documentation is transcluded fromTemplate:MP box/doc.