User talk:Quacks/Testing: Difference between revisions

From Skyrat
Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
m →‎Parameter description: Added no include tags
m Prototype stuff for job header re-design
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;">
<!-- CURRENT VER -->
<div style="background: #D43A5E; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; font-size: 120%"><center>'''Navigation bar'''</center></div>
<div style="border: solid #EB9EB0; border-width: 0 0 .15em 0;"></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;">
<div style="padding: .5em; background: #D43A5E1e; margin:.25em; border-radius: .5em; box-shadow: 0 0 .3em #999;">
<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 1 -->
<!-- Start cell 2 -->
<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 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>
<!-- End cell 5 -->
</div></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="background: #{{{colour|444444}}}; color: {{{hcolour}}}; padding: .4em .8em .5em;"><center>'''{{{stafftype}}}'''</center></div>
<div style="padding: .15em 0 .15em; overflow: auto; align-items: stretch; display: flex;">
<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFFFFF; width: 10%;">
<div style="background: #{{{ebcolour|#444444}}}1e; border-radius: .2em; padding: .4em .4em .6em; line-height:1.2em; margin:.25em; height: 83%;"><center>[[File:{{{img}}}|64px]]<br>
<div style="line-height:1.2em;"><center><span style="font-weight: bold;">{{{jobtitle|Job}}}</span></center></div></center></div></div>
<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFFFFF; width:90%;">
<div style="background: #{{{ebcolour|#444444}}}1e; border-radius: .2em; padding: .4em .4em .6em; margin: .25em; line-height: 1.25em;">
'''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>






 
<!-- WIP FUTURE VER -->
== Modular testing version ==
 
 
 
 
 
<div style="border-radius: .2em .2em .5em .5em; margin: 1em 1em 1em 1em; background: {{{BGcolor|#444444}}}; margin-left: auto; margin-right: auto;">
<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>
<div style="display: flex;">
<!-- Start cell 1 -->
<div style="background: {{{C1outBGcolor|#444444}}}; border-radius: {{{C1outBORDRAD|0 0 0 .2em}}}; border: solid {{{C1lineBGcolor|#000000}}}; width: 20%; border-width: {{{C1lineWIDTH|0 0 0 0}}}; box-shadow: {{{C1outSHA|0 0 .3em #999}}};">
<div style="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<center>[[Main Page|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:home}}</span>]]<br>
<span style="font-size:110%">'''[[Main Page|Return to Main page]]'''</span></center>
</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 .2em 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>
 
 
 
<noinclude>=== Parameter description ===
<pre>
BGcolor = Controls the main headers background color. Works with # color values.
LINEcolor = Controls the color of the horizontal line through the template. Works with # color values.
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)
 
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>
</noinclude>

Revision as of 12:59, 14 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



Retrieved from ‘http://wiki.skyrat13.space/index.php?title=User_talk:Quacks/Testing&oldid=12347’