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
ElEditors
8,317

edits