User talk:Quacks/Testing: Difference between revisions

From Skyrat
Jump to navigation Jump to search
m →‎Modular testing version: Made all the Cells have parameters
m →‎Modular testing version: Added a parameter that was missing to all cells
Line 60: Line 60:
<div style="display: flex;">
<div style="display: flex;">
<!-- Start cell 1 -->
<!-- Start cell 1 -->
<div style="background: {{{C1outBGcolor|#444444}}}; border-radius: 0 .2em .4em .2em; border: solid {{{C1lineBGcolor|#000000}}}; width: 20%; border-width: {{{C1lineWIDTH|0 0 0 0}}}; box-shadow: {{{C1outSHA|0 0 .3em #999}}};">
<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="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<div style="padding: .5em; background: {{{C1inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C1inSHA|0 0 0 #999}}};">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
Line 68: Line 68:
<!-- End cell 1 -->
<!-- End cell 1 -->
<!-- Start cell 2 -->
<!-- Start cell 2 -->
<div style="background: {{{C2outBGcolor|#444444}}}; border-radius: 0 .2em .4em .2em; border: solid {{{C2lineBGcolor|#000000}}}; width: 20%; border-width: {{{C2lineWIDTH|0 0 0 0}}}; box-shadow: {{{C2outSHA|0 0 .3em #999}}};">
<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}}};">
<div style="padding: .5em; background: {{{C2inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C2inSHA|0 0 0 #999}}};">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
Line 76: Line 76:
<!-- End cell 2 -->
<!-- End cell 2 -->
<!-- Start cell 3 -->
<!-- Start cell 3 -->
<div style="background: {{{C3outBGcolor|#444444}}}; border-radius: 0 .2em .4em .2em; border: solid {{{C3lineBGcolor|#000000}}}; width: 20%; border-width: {{{C3lineWIDTH|0 0 0 0}}}; box-shadow: {{{C3outSHA|0 0 .3em #999}}};">
<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}}};">
<div style="padding: .5em; background: {{{C3inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C3inSHA|0 0 0 #999}}};">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
Line 84: Line 84:
<!-- End cell 3 -->
<!-- End cell 3 -->
<!-- Start cell 4 -->
<!-- Start cell 4 -->
<div style="background: {{{C4outBGcolor|#444444}}}; border-radius: 0 .2em .4em .2em; border: solid {{{C4lineBGcolor|#000000}}}; width: 20%; border-width: {{{C4lineWIDTH|0 0 0 0}}}; box-shadow: {{{C4outSHA|0 0 .3em #999}}};">
<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}}};">
<div style="padding: .5em; background: {{{C4inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C4inSHA|0 0 0 #999}}};">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
Line 92: Line 92:
<!-- End cell 4 -->
<!-- End cell 4 -->
<!-- Start cell 5 -->
<!-- Start cell 5 -->
<div style="background: {{{C5outBGcolor|#444444}}}; border-radius: 0 .2em .4em .2em; border: solid {{{C5lineBGcolor|#000000}}}; width: 20%; border-width: {{{C5lineWIDTH|0 0 0 0}}}; box-shadow: {{{C5outSHA|0 0 .3em #999}}};">
<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}}};">
<div style="padding: .5em; background: {{{C5inBGcolor|#444444}}}; margin:.25em; border-radius: .5em; box-shadow: {{{C5inSHA|0 0 0 #999}}};">
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
<center>[[How Do I get into Skyrat?|<span style="font-size: 300%; color: {{{ICONcolor|#202122}}}; padding: .3em .31em .3em .31em;">{{#fas:door-open}}</span>]]<br>
Line 117: Line 117:
C#lineWIDTH = Controls the width of line's between each cell (Set to .2em or .15em)
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#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>
</pre>

Revision as of 10:30, 13 July 2022

Navigation bar



Modular testing version

Navigation bar


Parameter description

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.