User:Bluhen/Sandbox: Difference between revisions
new feature :D
No edit summary |
(new feature :D) |
||
Line 19: | Line 19: | ||
line-height: 0px !important; | line-height: 0px !important; | ||
height: max-content !important; | height: max-content !important; | ||
background-color:#dce0e6 !important | background-color:#dce0e6 !important; | ||
border-color:#d3dcdd !important; | border-color:#d3dcdd !important; | ||
border-radius:4px !important; | border-radius:4px !important; | ||
border-style: solid !important; | border-style: solid !important; | ||
border-width: 1px !important; | border-width: 1px !important; | ||
} | |||
.info-box { | |||
position: absolute; | |||
padding: 12px 6px; | |||
right: -2px; | |||
line-height: 0px; | |||
height: max-content; | |||
background-color: white; | |||
border:solid 2px #d3dcdd; | |||
border-radius: 4px; | |||
color: #f7812b; | |||
margin-top: -1px; | |||
font-weight: 1000; | |||
font-size: 12px; | |||
cursor: pointer; | |||
} | |||
.info-box:hover { | |||
background-color: #dce0e6; | |||
border-color: #dce0e6; | |||
color: grey; | |||
} | |||
.invert { | |||
background-color: #f7812b; | |||
border: solid 2px #f7812b; | |||
color: white; | |||
} | |||
.invert:hover { | |||
background-color: white; | |||
border-color: #f7812b; | |||
color: #f7812b; | |||
} | |||
.grayscale { | |||
color: grey; | |||
background-color: white; | |||
border: solid 2px grey; | |||
} | |||
.grayscale:hover { | |||
background-color: grey; | |||
border-color: grey; | |||
color: white; | |||
} | } | ||
Line 138: | Line 184: | ||
|- | |- | ||
| align="center" colspan="2"| [[Image:TITLE_200.png]] | | align="center" colspan="2"| [[Image:TITLE_200.png]] | ||
| '''Street Cleaner''' | | '''Street Cleaner''' | ||
| Achieve Level 32 | | Achieve Level 32 | ||
| | | | ||
Line 165: | Line 211: | ||
|- | |- | ||
|} | |} | ||
{{#vardefine:lorem|<div style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | |||
*Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | |||
*Dius aer irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. | |||
*Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>}}{{#vardefine:info-box|{{tt|NOTES|{{#var:lorem}}|pos=bottom|line=false|span=span|text-align=left|class=info-box}}}}{{#vardefine:info-box-invert|{{tt|NOTES|{{#var:lorem}}|pos=bottom|line=false|span=span|text-align=left|class=info-box invert}}}}{{#vardefine:info-box-grayscale|{{tt|NOTES|{{#var:lorem}}|pos=bottom|line=false|span=span|text-align=left|class=info-box grayscale}}}} | |||
== New 1 == | == New 1 == | ||
===Version A=== | ===Version A=== | ||
Line 187: | Line 236: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=5 width=75% class="title-title" | <div style="position:relative;">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 239: | Line 288: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Street Cleaner | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | <div style="position:relative;">Street Cleaner {{#var:info-box-invert}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 291: | Line 340: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Street Cleaner | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | <div style="position:relative;">Street Cleaner {{#var:info-box-grayscale}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 346: | Line 396: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:4px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:4px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=4 width=75% class="title-title" | <div style="position:relative;">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 399: | Line 449: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Street Cleaner | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | <div style="position:relative;">Street Cleaner {{#var:info-box-invert}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 452: | Line 503: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Street Cleaner | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | <div style="position:relative;">Street Cleaner {{#var:info-box-grayscale}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 505: | Line 557: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 class="title-box" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 class="title-box" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=4 width=75% class="title-title" | <div style="position:relative;">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 537: | Line 589: | ||
|} | |} | ||
<dfn>}}</dfn> | <dfn>}}</dfn> | ||
|Pruinaum Outskirts={{Tabber | |Pruinaum Outskirts= | ||
{{Tabber | |||
|Old design=<dfn>{{</dfn> | |Old design=<dfn>{{</dfn> | ||
{| cellspacing="0" cellpadding="5" border="1" width="100%" style="border-collapse: collapse;" | {| cellspacing="0" cellpadding="5" border="1" width="100%" style="border-collapse: collapse;" | ||
Line 614: | Line 667: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=5 width=75% class="title-title" | <div style="position:relative">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 667: | Line 720: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | Street Cleaner | ! height=10% colspan=5 width=75% class="tone-7 title-title-new-5" | <div style="position:relative;">Street Cleaner {{#var:info-box-invert}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 720: | Line 773: | ||
|- | |- | ||
|- | |- | ||
! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | Street Cleaner | ! height=10% colspan=5 width=75% class="tone-7" style="padding:8px;" | <div style="position:relative;">Street Cleaner {{#var:info-box-grayscale}}</div> | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=3 | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
Line 777: | Line 830: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:4px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:4px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=4 width=75% class="title-title" | <div style="position:relative;">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 830: | Line 883: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | Street Cleaner | ! height=10% colspan=4 width=75% class="tone-7 title-title-new-5" style="border-top-width:3px !important" | <div style="position:relative;">Street Cleaner {{#var:info-box-invert}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 883: | Line 936: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 style="border-top-width:3px" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | Street Cleaner | ! height=10% colspan=4 width=75% class="tone-7" style="border-top-width:3px !important" | <div style="position:relative;">Street Cleaner {{#var:info-box-grayscale}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery | ||
Line 938: | Line 991: | ||
|- | |- | ||
| height=100% align=center width=25% rowspan=4 class="title-box" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | | height=100% align=center width=25% rowspan=4 class="title-box" | [[Image:TITLE_200.png]]<div class="caption">A token for cleaning the Transporting Tunnel B4-1.</div> | ||
! height=10% colspan=4 width=75% class="title-title" | Street Cleaner | ! height=10% colspan=4 width=75% class="title-title" | <div style="position:relative;">Street Cleaner {{#var:info-box}}</div> | ||
|- | |- | ||
! height=20% width=10% | Discovery | ! height=20% width=10% | Discovery |