Template:Info frame: Difference between revisions

From TeguStation Wiki
Jump to navigation Jump to search
(+template, +documentation, +todo (turn element style into css class))
 
(+logo right)
 
Line 1: Line 1:
<div style="box-shadow: 0 0 0.2rem #333; border-radius: 5px; background-color: #eee; margin: 2rem 0; display: grid; grid-template-areas: 'inner-div';">
<div style="box-shadow: 0 0 0.2rem #333; border-radius: 5px; background-color: #eee; margin: 2rem 0; display: grid; grid-template-areas: 'inner-div';">
<div style="margin: 0.2rem auto 0 auto; grid-area: inner-div; z-index: {{{logo|1}}}">
<div style="margin: 0.2rem auto; grid-area: inner-div; z-index: {{{logo|1}}}">
<div class="mw-wiki-logo" style="margin: 0.2rem 0; width: 32px; height: 32px; background-size: 32px;"></div>
<div class="mw-wiki-logo" style="margin: 0.2rem; width: 32px; height: 32px; background-size: 32px;"></div>
</div>
</div>
<div style="margin: 0.2rem; grid-area: inner-div; z-index: {{{logo|1}}}">
<div style="margin: 0.2rem; grid-area: inner-div; z-index: {{{logo|1}}}">
<div class="mw-wiki-logo" style="margin: 0.2rem; width: 32px; height: 32px; background-size: 32px;"></div>
</div>
<div style="margin: 0.2rem 0.2rem 0.2rem auto; grid-area: inner-div; z-index: {{{logo|1}}}">
<div class="mw-wiki-logo" style="margin: 0.2rem; width: 32px; height: 32px; background-size: 32px;"></div>
<div class="mw-wiki-logo" style="margin: 0.2rem; width: 32px; height: 32px; background-size: 32px;"></div>
</div>
</div>

Latest revision as of 14:35, 1 September 2023

{{{title}}}

{{{content}}}

Documentation

Parameters:

    • title = Title of the info frame
    • logo = Pseudo-boolean; Set to 0 to hide logos
    • color = CSS-compatible colour code for the background of the header
    • content = What you want inside the info frame

You may want to use:

    • TBA

... instead, as they are designed to look more fitting and may even have fitting logos set.

TODO: Turn style into cool and good class