Difference between revisions of "Template:PortalBox"

From Paradise Station Wiki
Jump to navigation Jump to search
(Tests programmatic scrollbar for mobile users.)
(When things must be broken to be fixed (transclusion error on file linking))
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="height: 7em; display: flex;">
<div style="height: 7em; display: flex;">
<div style="border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour dark}}}; box-shadow: 0 0 .1em #999; min-width: 13em; height: 7em; flex-direction: column; margin: 0 0.5em 0 0; outline: #999f solid .1em; padding: .2em 0 0 0;">[[file:{{{image}}}]]<br>'''[[{{{role|Chief Engineer}}}]]'''</div>
<div style="border-radius: {{{border-radius|0 0 0 0}}}; background: {{{colour light}}}; box-shadow: 0 0 .3em #999; min-width: 13em; height: 7em; flex-direction: column; margin: 0 0.5em 0 0; padding: .2em 0 0 0;">{{{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: 7em; display: flex; overflow: scroll; 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 .3em #999; width: 100%; flex-direction: row; max-height: 7em; display: flex; overflow: hidden; align-items: center; padding: 2em 2em 2em 2em;">{{{description|role description}}}</div>
</div>
</div>


Line 9: Line 9:
<pre>
<pre>
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.
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 dark:  - DEPRECATED. The image bounding box now auto-picks the light colour.
colour light:  - This is the colour of the right-most bounding box (text rows).
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.
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.
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).</pre></noinclude>
description    - This defines the contents of the right-most bounding box (the text row).</pre></noinclude>

Latest revision as of 04:21, 27 November 2023

{{{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:   - DEPRECATED. The image bounding box now auto-picks the light colour.
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).