Шаблон:PortalBox: различия между версиями

Материал из SS220 Paradise Wiki (SS13)
Перейти к навигации Перейти к поиску
м (Коррекция кода)
м (Коррекция кода)
Строка 1: Строка 1:
<div style="text-align:  center; height: 100%; display: flex;">
<div style="text-align:  center; height: 100%; display: flex;">
<div style="text-align:  center; border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour dark}}}; box-shadow: 0 0 .1em #999; min-width: 13em; height: auto; flex-direction: column; margin: 0 0.5em 0 0; outline: #999f solid .1em; padding: 1em;">[[file:{{{image}}}]]<br>'''[[{{{role|Chief Engineer}}}]]'''</div>
<div style="text-align:  center; border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour dark}}}; box-shadow: 0 0 .1em #999; min-width: 13em; height: auto; flex-direction: column; margin: 0 0.5em 0 0; outline: #999f solid .1em; padding: 1em 2em 1em;">[[file:{{{image}}}]]<br>'''[[{{{role|Chief Engineer}}}]]'''</div>
<div style="border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour light}}}; box-shadow: 0 0 .1em #999; width: 100%; flex-direction: row; max-height: 100%; display: flex: auto; align-items: center; padding: 2em 2em 2em 2em;">{{{description|role description}}}</div>
<div style="border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour light}}}; box-shadow: 0 0 .1em #999; width: 100%; flex-direction: row; max-height: 100%; display: flex: auto; align-items: center; padding: 1em 1em 1em 1em;">{{{description|role description}}}</div>
</div>
</div>



Версия от 18:02, 8 июня 2022

[[file:{{{image}}}]]
Chief Engineer
role description

This is the middle element for PortalBox templates. When using this template, ensure it's contained in an appropriate div (text-align: center; as property) otherwise it won't render as an appropriate flexbox/will lack centred text.

Parameters are as follows:

border-radius: - This is the 'edges' of the PortalBox. For the top, the value should be "1em 1em 0 0" and should be "0 0 1em 1em" for the bottom. Middle segments require no definition.
colour dark:   - This is the colour of the left-most bounding box (image columns).
colour light:  - This is the colour of the right-most bounding box (text rows).
image:         - This is the file image. It should be rendered as the plain file name (no brackets), followed by any special links.
role           - This is the role text. Put the name of the object/role here.
description    - This defines the contents of the right-most bounding box (the text row).