User:Quacks/Testing: Difference between revisions

From Artea Station
Jump to navigation Jump to search
mNo edit summary
m (WIP jobtable stuff)
Line 1: Line 1:
<div style="border-radius: 1em; margin: .35em 1em 1em 0em; background: {{{color|#444}}}; width: {{{width|100%}}};">
<div style="border-radius: 1em; margin: .35em 1em 1em 0em; background: {{{color|#444}}}; width: 85%; margin-left: auto; margin-right: auto;">
<div style="background: {{{color|#444}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .3em .3em .3em .3em; box-shadow: 0 0 .5em #888;"><center>{{#if:{{{icon|}}}|<span style="float:left; color: #FFF; margin-left: .42em;">{{{icon}}}</span>|}}'''{{{title}}}'''{{#if:{{{icon|}}}|<span style="float:right; color: #FFF; margin-right: 0.42em;">{{{icon}}}</span>|}}</center></div>
<div style="background: {{{color|#444}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .3em .3em .3em .3em; box-shadow: 0 0 .5em #888;"><center><span style="float:left; color: #FFF; margin-left: .42em;">{{#fas:users}}</span>'''Jobs on Artea station'''<span style="float:right; color: #FFF; margin-right: 0.42em;">{{#fas:users}}</span></center></div>
<div style="background: #FFFFFF;">
<div style="background: #FFFFFF;">
<div style="border: solid {{{color|#444444}}}8e; border-width: 0 0 .15em 0;"></div>
<div style="border: solid {{{color|#444444}}}8e; border-width: 0 0 .15em 0;"></div>
<div style="margin: .42em .5em .5em .5em; padding: .15em; background: {{{color|#444444}}}1e; border-radius: 0 0 1em 1em; box-shadow: 0 0 .3em #888;">
<div style="margin: .42em .5em .5em .5em; padding: .15em; background: {{{color|#444444}}}1e; border-radius: 0 0 1em 1em; box-shadow: 0 0 .3em #888;">
<div class="mw-collapsible mw-collapsed" data-expandtext="Expand">
{|
{{{header}}}
|style = "width:25%;"|
<div class="mw-collapsible-content"><hr>
|-
{{{content}}}
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Command </div>
</div></div>
| PLACEHOLDER - PLACEHOLDER - PLACEHOLDER - PLACEHOLDER - PLACEHOLDER
</div></div></div><noinclude>[[Category:Styling Templates]]
|-
<div style="background: red; color: #FFF;"><center>'''THIS TEMPLATE SHOULD NOT BE EDITED UNLESS ABSOLUTELY NESSESARY'''</center></div>
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Security </div>
==How to use this template==
| PLACEHOLDER - PLACEHOLDER
This template has several parameters and all of them will be displayed in the example below.
|-
 
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF;border-radius: 0 0 .5em .5em;">Engineering </div>
*<code>color</code> Controls the color in this template.
| PLACEHOLDER - PLACEHOLDER
*<code>icon</code> Can be used to add a small Icon to the top bar of the template, if left empty no icon will be shown.
|-
*<code>title</code>Sets the title of the template in the top bar.
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Medical </div>
*<code>header</code>Controls the contents of the header in the lower box.
| PLACEHOLDER - PLACEHOLDER
*<code>content</code>Controls the contents of the lower box.
|-
*<code>width</code>Controls the width of the whole template.
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Cargo </div>
 
| PLACEHOLDER - PLACEHOLDER
'''Important note:''' The <code>icon</code> parameter is <u>only</u> meant to be used with the [https://www.mediawiki.org/wiki/Extension:FontAwesome FontAwesome extension] For usage see the extension itself. A list of use-able icons can be found here [https://fontawesome.com/v5/search?o=r&m=free on the FontAwesome website] (We can only use Free Icons from version 5.15.4 or older, keep this in mind when looking for icons to use.)
|-
<pre>{{PageframeCollapse
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Pathfinders </div>
| color = #005C53
| PLACEHOLDER - PLACEHOLDER
| icon = {{#fas:gavel}}
|-
| title = Test1
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Miscellaneous </div>
| content = Test2
| PLACEHOLDER - PLACEHOLDER
| width = 80%
|-
}}
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Antagonists </div>
 
| PLACEHOLDER - PLACEHOLDER
These parameters will result in the following:
|-
</pre>
| <div style="text-align:center; font-weight: bold; background:#444444; color:#FFFFFF; border-radius: 0 0 .5em .5em;">Special roles </div>
{{PageframeCollapse
| PLACEHOLDER - PLACEHOLDER
| color = #005C53
|-
| icon = {{#fas:gavel}}
|}
| title = Test1
</div></div></div>
| content = Test2
| width = 80%
}}
</noinclude>

Revision as of 17:20, 12 March 2023

Jobs on Artea station
Command
PLACEHOLDER - PLACEHOLDER - PLACEHOLDER - PLACEHOLDER - PLACEHOLDER
Security
PLACEHOLDER - PLACEHOLDER
Engineering
PLACEHOLDER - PLACEHOLDER
Medical
PLACEHOLDER - PLACEHOLDER
Cargo
PLACEHOLDER - PLACEHOLDER
Pathfinders
PLACEHOLDER - PLACEHOLDER
Miscellaneous
PLACEHOLDER - PLACEHOLDER
Antagonists
PLACEHOLDER - PLACEHOLDER
Special roles
PLACEHOLDER - PLACEHOLDER