User:Quacks/Testing: Difference between revisions

From Skyrat
Jump to navigation Jump to search
m Added a button to more guides
m Wording change for each box.
Line 5: Line 5:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #808080; background: #808080;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #808080; background: #808080;">
<div style="background: #808080; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Starter'''</center></div>
<div style="background: #808080; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Starter guides'''</center></div>
<div style="border: .2em solid #808080; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #808080; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #8080801e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #8080801e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 26: Line 26:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #3F7597; background: #3F7597;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #3F7597; background: #3F7597;">
<div style="background: #3F7597; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Medical'''</center></div>
<div style="background: #3F7597; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Medical guides'''</center></div>
<div style="border: .2em solid #3F7597; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #3F7597; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #3F75971e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #3F75971e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 47: Line 47:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #FF9D00; background: #FF9D00;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #FF9D00; background: #FF9D00;">
<div style="background: #FF9D00; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Engineering'''</center></div>
<div style="background: #FF9D00; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Engineering guides'''</center></div>
<div style="border: .2em solid #FF9D00; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #FF9D00; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #FF9D001e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #FF9D001e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 67: Line 67:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #A06DA0; background: #A06DA0;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #A06DA0; background: #A06DA0;">
<div style="background: #A06DA0; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Science'''</center></div>
<div style="background: #A06DA0; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Science guides'''</center></div>
<div style="border: .2em solid #A06DA0; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #A06DA0; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #A06DA01e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #A06DA01e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 85: Line 85:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #486091; background: #486091;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #486091; background: #486091;">
<div style="background: #486091; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Security'''</center></div>
<div style="background: #486091; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Security guides'''</center></div>
<div style="border: .2em solid #486091; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #486091; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #4860911e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #4860911e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 100: Line 100:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #8B0000; background: #8B0000;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #8B0000; background: #8B0000;">
<div style="background: #8B0000; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Antagonists'''</center></div>
<div style="background: #8B0000; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Antagonist guides'''</center></div>
<div style="border: .2em solid #8B0000; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #8B0000; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #8B00001e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #8B00001e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 124: Line 124:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #03870C; background: #03870C;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #03870C; background: #03870C;">
<div style="background: #03870C; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Other'''</center></div>
<div style="background: #03870C; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Other guides'''</center></div>
<div style="border: .2em solid #03870C; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #03870C; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #03870C1e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #03870C1e; margin:.25em; border-radius: .5em; font-size: 90%">
Line 150: Line 150:
<div style="display:inline; width: 15%;">
<div style="display:inline; width: 15%;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #5589c5; background: #5589c5;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em .35em .5em .35em; border: .2em solid #5589c5; background: #5589c5;">
<div style="background: #5589c5; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Development '''</center></div>
<div style="background: #5589c5; border-radius: .2em; color: #FFF; padding: .4em .8em .5em;%"><center>'''Development guides'''</center></div>
<div style="border: .2em solid #5589c5; border-radius: .5em; background: #FFF;">
<div style="border: .2em solid #5589c5; border-radius: .5em; background: #FFF;">
<div style="padding: .5em; background: #5589c51e; margin:.25em; border-radius: .5em; font-size: 90%">
<div style="padding: .5em; background: #5589c51e; margin:.25em; border-radius: .5em; font-size: 90%">

Revision as of 16:53, 23 July 2022

The Skyrat Station guide library
For more guides click here!