Template:Info frame/security: Difference between revisions

From TeguStation Wiki
Jump to navigation Jump to search
(+template)
 
(+slightly better margins)
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; grid-area: inner-div; z-index: {{{leftlogo|1}}}">
<div style="margin: 0.2rem auto; grid-area: inner-div; z-index: {{{leftlogo|1}}}">
<div class="tegu-security-logo" style="margin: 0.2rem; width: 64px; height: 64px; background-size: 64px;"></div>
<div class="tegu-security-logo" style="margin: 0.4rem; width: 64px; height: 64px; background-size: 64px;"></div>
</div>
</div>
<div style="margin: 0.2rem; grid-area: inner-div; z-index: {{{middlelogo|1}}}">
<div style="margin: 0.2rem; grid-area: inner-div; z-index: {{{middlelogo|1}}}">
<div class="tegu-security-logo" style="margin: 0.2rem; width: 64px; height: 64px; background-size: 64px;"></div>
<div class="tegu-security-logo" style="margin: 0.4rem; width: 64px; height: 64px; background-size: 64px;"></div>
</div>
</div>
<div style="margin: 0.2rem 0.2rem 0.2rem auto; grid-area: inner-div; z-index: {{{rightlogo|1}}}">
<div style="margin: 0.2rem 0.2rem 0.2rem auto; grid-area: inner-div; z-index: {{{rightlogo|1}}}">
<div class="tegu-security-logo" style="margin: 0.2rem; width: 64px; height: 64px; background-size: 64px;"></div>
<div class="tegu-security-logo" style="margin: 0.4rem; width: 64px; height: 64px; background-size: 64px;"></div>
</div>
</div>
<div style="margin: 0.1rem 0.1rem 0 0.1rem; border-radius: 5px 5px 0 0; background-color: #990000; color: #fff; padding: 0.2rem 5rem; grid-area: inner-div;">
<div style="margin: 0.2rem; border-radius: 5px 5px 0 0; background-color: #990000; color: #fff; padding: 0.2rem 5rem; grid-area: inner-div;">
<p style="font-size: 1rem;">
<p style="font-size: 1rem;">
'''{{{title}}}'''
'''{{{title}}}'''

Revision as of 17:23, 1 September 2023

{{{title}}}

{{{subtitle}}}

{{{content}}}

Documentation

Parameters:

    • title = Title of the info frame
    • subtitle = Subtitle of the info frame
    • (left|middle|right)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