User talk:Quacks/Testing: Difference between revisions

From Skyrat
Jump to navigation Jump to search
m (→‎Modular testing version: Added the right links to each cell)
mNo edit summary
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="border-radius: .2em .2em .5em .5em; margin: 1em 1em 1em 1em; background: #D43A5E; margin-left: auto; margin-right: auto;">
<!-- WIP FUTURE VER -->
<div style="background: #D43A5E; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; font-size: 120%"><center>'''Navigation bar'''</center></div>
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};">
<div style="border: solid #EB9EB0; border-width: 0 0 .15em 0;"></div>
<div style="background: #{{{colour|444444}}}1e; color: {{{hcolour}}}; padding: .4em .8em .5em;"><center>'''{{{stafftype}}}'''</center></div>
<div style="display: flex;">
{|
<!-- Start cell 1 -->
|-
<div style="background: #FFF; border-radius: 0 .2em .4em .2em; border: solid #FFF; width: 20%; border-width: .2em; box-shadow: 0 0 0 #999;">
!style="width:10%; |
<div style="padding: .5em; background: #D43A5E1e; margin:.25em; border-radius: .5em; box-shadow: 0 0 .3em #999;">
!style="width:250em;|
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: #202122; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
|-
'''[[How Do I get into Skyrat?]]'''</center>
|<div style="border: .15em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;"><div style="padding: 27% .2em 27% .2em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em;">
</div>
<center><center>[[File:{{{img}}}|64px]]<br>'''{{{jobtitle|Job}}}'''</center></div></div>
</div>
|<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF; width:"><div style="padding: .3em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em; line-height:1.2em;">
<!-- End cell 1 -->
'''Superiors:''' {{{superior|Not defined}}}
<!-- Start cell 2 -->
<br>'''Difficulty:''' {{{difficulty|Not defined}}}
<div style="background: #D43A5E; border-radius: 0 0 0 0; border: solid #EB9EB0; width: 20%; border-width: 0 .15em 0 0; box-shadow: 0 0 .3em #999;">
<br>'''Guides:''' {{{guides|Not defined}}}
<div style="padding: .5em; background: #D43A5E; margin:.25em; border-radius: .5em;">
<br>'''Access:''' {{{access|Not defined}}}
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: #202122; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<br>'''Duties:''' {{{duties|Not defined}}}
'''[[How Do I get into Skyrat?]]'''</center>
<br>'''Minimum requirements:''' {{{requirements|Not defined}}}
</div>
</div></div>
</div>
|-
<!-- End cell 2 -->
|}
<!-- Start cell 3 -->
<div style="background: #D43A5E; border-radius: 0 0 0 0; border: solid #EB9EB0; width: 20%; border-width: 0 .15em 0 0; box-shadow: 0 0 .3em #999;">
<div style="padding: .5em; background: #D43A5E; margin:.25em; border-radius: .5em;">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: #202122; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
'''[[How Do I get into Skyrat?]]'''</center>
</div>
</div>
<!-- End cell 3 -->
<!-- Start cell 4 -->
<div style="background: #D43A5E; border-radius: 0 0 0 0; border: solid #EB9EB0; width: 20%; border-width: 0 .15em 0 0; box-shadow: 0 0 .3em #999;">
<div style="padding: .5em; background: #D43A5E; margin:.25em; border-radius: .5em;">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: #202122; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
'''[[How Do I get into Skyrat?]]'''</center>
</div>
</div>
<!-- End cell 4 -->
<!-- Start cell 5 -->
<div style="background: #D43A5E; border-radius: 0 0 .2em 0; border: solid #EB9EB0; width: 20%; border-width: 0 0 0 0; box-shadow: 0 0 .3em #999;">
<div style="padding: .5em; background: #D43A5E; margin:.25em; border-radius: .5em;">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: #202122; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
'''[[How Do I get into Skyrat?]]'''</center>
</div>
</div>
</div>
<!-- End cell 5 -->
</div></div>




Line 49: Line 25:




== Modular testing version ==






 
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};">
 
<div style="background: #{{{colour|444444}}}1e; color: {{{hcolour}}}; padding: .4em .8em .5em;"><center>'''{{{stafftype}}}'''</center></div>
<div style="border-radius: .2em .2em .5em .5em; margin: 1em 1em 1em 1em; background: {{{BGcolor|#444444}}}; margin-left: auto; margin-right: auto;">
<div style="display: flex">
<div style="background: {{{BGcolor|#444444}}}; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; font-size: 120%"><center>'''Navigation bar'''</center></div>
{|
<div style="border: solid {{{LINEcolor|#000000}}}; border-width: 0 0 .15em 0;"></div>
!style="width:15%;  |
<div style="display: flex;">
!style="width:250em;|
<!-- Start cell 1 -->
|-
<div style="background: {{{C1outBGcolor|#444444}}}; border-radius: {{{C1outBORDRAD|0 0 0 0}}}; border: solid {{{C1lineBGcolor|#000000}}}; width: 20%; border-width: {{{C1lineWIDTH|0 0 0 0}}}; box-shadow: {{{C1outSHA|0 0 .3em #999}}};">
|<div style="border: .15em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: 1.4em 0 1.4em 0; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em;">
<div style="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<center><center>[[File:{{{img}}}|64px]]<br>'''{{{jobtitle|Job}}}'''</center></div></div>
<center>[[Main Page|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:home}}</span>]]<br>
|<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: .3em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em; line-height:1.2em;">
<span style="font-size:110%">'''[[Main Page|Return to Main page]]'''</span></center>
'''Superiors:''' {{{superior|Not defined}}}
<br>'''Difficulty:''' {{{difficulty|Not defined}}}
<br>'''Guides:''' {{{guides|Not defined}}}
<br>'''Access:''' {{{access|Not defined}}}
<br>'''Duties:''' {{{duties|Not defined}}}
<br>'''Minimum requirements:''' {{{requirements|Not defined}}}
</div></div>
|-
|}
</div>
</div>
</div>
</div>
<!-- End cell 1 -->
<!-- Start cell 2 -->
<div style="background: {{{C2outBGcolor|#444444}}}; border-radius: {{{C2outBORDRAD|0 0 0 0}}}; border: solid {{{C2lineBGcolor|#000000}}}; width: 20%; border-width: {{{C2lineWIDTH|0 0 0 0}}}; box-shadow: {{{C2outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C2inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C2inSHA|0 0 0 #999}}};">
<center>[[Rules|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:gavel}}</span>]]<br>
<span style="font-size:110%">'''[[Rules|Server rules]]'''</span></center>
</div>
</div>
<!-- End cell 2 -->
<!-- Start cell 3 -->
<div style="background: {{{C3outBGcolor|#444444}}}; border-radius: {{{C3outBORDRAD|0 0 0 0}}}; border: solid {{{C3lineBGcolor|#000000}}}; width: 20%; border-width: {{{C3lineWIDTH|0 0 0 0}}}; box-shadow: {{{C3outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C3inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C3inSHA|0 0 0 #999}}};">
<center>[[Jobs|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:address-card}}</span>]]<br>
<span style="font-size:110%">'''[[Jobs]]'''</span></center>
</div>
</div>
<!-- End cell 3 -->
<!-- Start cell 4 -->
<div style="background: {{{C4outBGcolor|#444444}}}; border-radius: {{{C4outBORDRAD|0 0 0 0}}}; border: solid {{{C4lineBGcolor|#000000}}}; width: 20%; border-width: {{{C4lineWIDTH|0 0 0 0}}}; box-shadow: {{{C4outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C4inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C4inSHA|0 0 0 #999}}};">
<center>[[Guides|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:info-circle}}</span>]]<br>
<span style="font-size:110%">'''[[Guides]]'''</span></center>
</div>
</div>
<!-- End cell 4 -->
<!-- Start cell 5 -->
<div style="background: {{{C5outBGcolor|#444444}}}; border-radius: {{{C5outBORDRAD|0 0 0 0}}}; border: solid {{{C5lineBGcolor|#000000}}}; width: 20%; border-width: {{{C5lineWIDTH|0 0 0 0}}}; box-shadow: {{{C5outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C5inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C5inSHA|0 0 0 #999}}};">
<center>[[Objects|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:wrench}}</span>]]<br>
<span style="font-size:110%">'''[[Objects]]'''</span></center>
</div>
</div>
<!-- End cell 5 -->
</div></div>


== Prototyping ==


=== Parameter description ===
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #FF9D00;; background: #FF9D00;">
<div style="background: #FF9D00; color: white; padding: .4em .8em .5em;"><div style="display: flex;">
{|
|-
|[[Main Page|<span style="border-radius: 0 0 .2em .2em; background: #3C3E3F; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:home}}</span>]]
|[[Rules|<span style="border-radius: 0 0 .2em .2em; background: #3C3E3F; padding: .77em .425em .3em .425em; font-size: 150%; color: #FFF;">{{#fas:gavel}}</span>]]
|[[Jobs|<span style="border-radius: 0 0 .2em .2em; background: #3C3E3F; padding: .77em .38em .3em .38em; font-size: 150%; color: #FFF;">{{#fas:address-card}}</span>]]
|[[Guides|<span style="border-radius: 0 0 .2em .2em; background: #3C3E3F; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:info-circle}}</span>]]
|[[Objects|<span style="border-radius: 0 0 .2em .2em; background: #3C3E3F; padding: .77em .4em .3em .4em; .38em; font-size: 150%; color: #FFF;">{{#fas:wrench}}</span>]]
|-
|}
{| style="margin-left: auto; margin-right: auto;"
|-
!style="font-size:110%;"|{{{stafftype}}}
|}


<pre>
</div>
BGcolor = Controls the main headers background color. Works with # color values.
</div>
LINEcolor = Controls the color of the horizontal line through the template. Works with # color values.
<div style="border: .15em solid #FF9D00; border-radius: .5em; background: #FFF;"><div style="padding: 1.4em 0 1.4em 0; background: #FF9D001e; margin:.25em; border-radius: .5em;">TEMP</div></div>
ICONcolor = Controls the color of all the icons. Works with # color values. (Set to either #202122 or #FFF)


---CELL PARAMETERS--- (C# is the cell number. 1 = left 5 = right)
</div>
 
C#outBGcolor = Controls the color value of the outer background in any given cell
C#outSHA = Controls if a shadow is shown or not on the outside of the cell (Use 0 0 .3em #999 for shadow and 0 0 0 #999 for no shadow)
C#inBGcolor = Controls the color value of the inner background.
C#lineBGcolor = Controls the color value of the line. (Set to either #FFF or the same as LINEcolor)
C#lineWIDTH = Controls the width of line's between each cell (Set to .2em or .15em)
C#inSHA = Controls if a shadow is shown or not on the inside of the cell (Use 0 0 .3em #999 for shadow and 0 0 0 #999 for no shadow)
C#outBORDRAD = Controls the outside border radius.
</pre>

Latest revision as of 01:32, 15 July 2022

{{{stafftype}}}
[[File:{{{img}}}|64px]]
Job

Superiors: Not defined
Difficulty: Not defined
Guides: Not defined
Access: Not defined
Duties: Not defined
Minimum requirements: Not defined





{{{stafftype}}}
[[File:{{{img}}}|64px]]
Job

Superiors: Not defined
Difficulty: Not defined
Guides: Not defined
Access: Not defined
Duties: Not defined
Minimum requirements: Not defined

Prototyping

{{{stafftype}}}
TEMP