User talk:Quacks/Testing2: Difference between revisions

From Skyrat
Jump to navigation Jump to search
Put the panel in the center of the page
mNo edit summary
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 1; border: .2em solid #13678A; background: #13678A; margin-left: auto; margin-right: auto; width: 80%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 0; border: .2em solid #{{{color|262626}}}; background :#{{{color|262626}}}">
<div style="background: #13678A; font-weight:bold; color: #FFF; text-align:center; font-size:140%;"><center>Test</center></div>
<div style="background: #{{{color|262626}}}; color: white; padding: .4em .8em .5em;"><center>'''Jobs on Skyrat Station'''</center></div>
<div style="display: flex;">
<div style="overflow: auto; align-items: stretch;">
{|
<div style="border: .2em solid #{{{color|262626}}}; border-radius: .5em; background: #FFFFFF">
! style='width:90em;'|
<div style="display: flex;"><div style="background: #265473; color: #FFB300; padding: .4em .8em .5em; width: 10%;"><center>'''Command'''</center></div><div style="background: #2654732e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Captain]]''', '''[[Blueshield]]''', '''[[NanoTransen Consultant]]'''</div></div>
<div style="display: flex;"><div style="background: #486091; color: white; padding: .4em .8em .5em; width: 10%;"><center>'''Security'''</center></div><div style="background: #4860912e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Head of Security]]''', [[Warden]], [[Detective]], [[Security Officer]], [[Security Medic]], [[Corrections Officer]]</div></div>
<div style="display: flex;"><div style="background: #FF9D00; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Engineering'''</center></div><div style="background: #FF9D002e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Chief Engineer]]''', [[Station Engineer]],  [[Atmospheric Technician]], [[Departmental Guards|Engineering Guard]]</div></div>
<div style="display: flex;"><div style="background: #A06DA0; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Science'''</center></div><div style="background: #A06DA02e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Research Director]]''', [[Geneticist]], [[Scientist]], [[Roboticist]], [[Departmental Guards|Science Guard]]</div></div>
<div style="display: flex;"><div style="background: #3F7597; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Medical'''</center></div><div style="background: #3F75972e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Chief Medical Officer]]''', [[Medical Doctor]], [[Paramedic]], [[Chemist]], [[Virologist]], [[Departmental Guards|Orderly]]</div></div>
<div style="display: flex;"><div style="background: #78430D; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Cargo'''</center></div><div style="background: #78430D2e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Quartermaster]]''', [[Cargo Technician]], [[Shaft Miner]], [[Departmental Guards|Customs Agent]]</div></div>
<div style="display: flex;"><div style="background: #03870C; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Service'''</center></div><div style="background: #03870C2e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[Head of Personnel]]''', [[Janitor]], [[Bartender]], [[Cook]], [[Botanist]], [[Lawyer]], [[Clown]], [[Mime]], [[Chaplain]], [[Curator]], [[Psychologist]], [[Barber]], [[Departmental Guards|Bouncer]]</div></div>
<div style="display: flex;"><div style="background: grey; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Civilian'''</center></div><div style="background: #EBEBEB; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">[[Assistant]],  [[Prisoner]]</div></div>
<div style="display: flex;"><div style="background: #5589c5; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Synthetics'''</center></div><div style="background: #5589c52e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">'''[[AI]]''', [[Cyborg]], [[Positronic Brain]], [[Drone]], [[Personal AI]]</div></div>
<div style="display: flex;"><div style="background: darkred; color: white; padding: .4em .8em .5em; width: 10%"><div style="transform: translate(.2em,.8em);><center>'''Antagonists'''</div></center></div><div style="background: #ff99992e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">[[Traitor]], [[Malfunctioning AI]], [[Changeling]], [[Nuclear Operative]], [[Blood Cult|Blood Cultist]], [[Heretic]], [[Revolution|Revolutionary]], [[Wizard]], [[Blob]], [[Abductor]], [[Holoparasite]], [[Xenomorph]], [[Spider]], [[Swarmers]], [[Revenant]], [[Morph]], [[Nightmare]], [[Space Ninja]], [[Slaughter Demon]], [[Sentient Disease]], [[Obsessed]], [[Space Dragon]], [[Pulsating Tumor|Elite Mobs]], [[Sentient Slime]]</div></div>
<div style="display: flex;"><div style="background: #464489; color: white; padding: .4em .8em .5em; width: 10%"><center>'''Special'''</center></div><div style="background: #4644892e; padding: .4em .8em .5em; width: 90%; margin: .15em; border-radius: 0.2em;">[[CentCom Official]], [[Death squad|Death Squad Officer]], [[Emergency Response Team|Emergency Response Officer]], [[Chrono Legionnaire]], [[Highlander]], [[Ian]], [[Lavaland/Space Role|Lavaland Role]], [[Construct]], [[Imaginary Friend]], [[Split Personality]], [[Ghost]], [[Golem]]</div></div>
</div></div></div>
<noinclude>
'''Hey! Listen!''' This template is mirrored on the [[Clown]], and [[Ian]] pages, be sure to periodically check it and make sure it's up to date.
[[Category:Templates]][[Category:Misc Styling Templates]]</noinclude>
 
 
== Prototyping ==
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 1em 1em 0; border: .2em solid {{{color|#444}}}; background: {{{color|#444}}}; width: {{{width|100%}}};">
<div style="background: {{{color|#444}}}; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;"><center>'''Jobs on Skyrat Station'''</center></div>
<div style="border: .2em solid {{{color|#444}}}; border-radius: .5em; background: #FFFFFF;">
 
{|style="margin: .25em;"
|-
|-
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
!style="background: #202122; color: white; padding: .35em; border-radius: .2em; width: 30em;"|Test
Test1[[File:Wrench.png]]
|style="background: #2021222e; padding: .35em; border-radius: .2em; width: 250em"           |Test2
</div></div>
|-
|-
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test2[[File:Wrench.png]]
</div></div>
|-
|-
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test3[[File:Wrench.png]]
</div></div>
|}
|}
<div style="margin:.5em;">[[File:Skyrat wiki logo.png|648px|center]]</div></div>
<center>
{|
|-style="font-weight:bold; color: white; text-align:center; font-size: 120%;"
!style='width:50em;'|Test1
!style='width:50em;'|Test2
!style='width:50em;'|Test3
|-
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test1[[File:Wrench.png]]
</div></div>
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test2[[File:Wrench.png]]
</div></div>
|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test3[[File:Wrench.png]]
</div></div>
|-style='background-color:#13678A; font-weight:bold; color: white; text-align:center; font-size: 120%;'
|colspan="3"|Test4
|-
|colspan=3|<div style="border: .2em solid #13678A; border-radius: .5em; background: #FFF;"><div style="padding: .5em; background: #13678A1e; margin:.25em; border-radius: .5em;">
Test4[[File:Wrench.png]]
|}
</center>
</div>
</div>
== Test ==
<center><div style="width: 100%;"><ul>
<div style="display: inline-block;">[[File:Generic captain.png|frameless|upright=1|link=Jobs#Command]]<br>[[Jobs#Command|Command]]</div>
<div style="display: inline-block;">[[File:Generic warden.png|frameless|upright=1|link=Jobs#Security]]<br>[[Jobs#Security|Security]]</div>
<div style="display: inline-block;">[[File:Generic atmos tech.png|frameless|upright=1|link=Jobs#Engineering]]<br>[[Jobs#Engineering|Engineering]]</div>
<div style="display: inline-block;">[[File:Generic scientist.png|frameless|upright=1|link=Jobs#Science]]<br>[[Jobs#Science|Science]]</div>
<div style="display: inline-block;">[[File:Generic Medical Doctor.png|frameless|upright=1|link=Jobs#Medical]]<br>[[Jobs#Medical|Medical]]</div>
<div style="display: inline-block;">[[File:Generic cargotech.png|frameless|upright=1|link=Jobs#Supply]]<br>[[Jobs#Supply|Supply]]</div>
<div style="display: inline-block;">[[File:Generic chef.png|frameless|upright=1|link=Jobs#Service]]<br>[[Jobs#Service|Service]]</div>
<div style="display: inline-block;">[[File:Generic assistant.png|frameless|upright=1|link=Jobs#Miscellaneous]]<br>[[Jobs#Miscellaneous|Misc]]</div>
<div style="display: inline-block;">[[File:AI.gif|frameless|upright=1|link=Jobs#Synthetics]]<br>[[Jobs#Synthetics|Synthetics]]</div>
<div style="display: inline-block;">[[File:Revenant.png|frameless|upright=1|link=Jobs#Antagonists]]<br>[[Jobs#Antagonists|Antagonists]]</div>
<div style="display: inline-block;">[[File:Ian.PNG|frameless|upright=1|link=Jobs#Special]]<br>[[Jobs#Special|Special]]</div>
</ul></div></center>
== Test 2 ==
<div style="column-count:2;-moz-column-count:2;-webkit-column-count:2;">
*[[File:Handcuffs.png|64px]]'''[[Security items]]'''
*[[File:NuclearDisk.gif|64px]]'''[[High-risk items]]'''
*[[File:Wrench.png|64px]]'''[[Engineering items]]'''
*[[File:Emag.png|64px]]'''[[Syndicate Items]]'''
</div>
</div>

Latest revision as of 17:32, 5 March 2023