User:Locke/Sandbox: Difference between revisions

Jump to navigation Jump to search
Want an adless experience? Log in or Create an account.
templates are cool
No edit summary
(templates are cool)
Line 1: Line 1:
<css>
<css>
/* layout and borders */
/* layout and borders */
.tabcontainer {
.tabtarget {
   position: relative;
   position: relative;
   margin-top: 41px;
   margin-top: 41px;
   margin-left: 61px;
   margin-left: 61px;
  border: 1px solid #5a7db5;
  padding: 10px;
}
}


Line 13: Line 15:
.tabseth {
.tabseth {
   position: absolute;
   position: absolute;
   top: -41px;
   top: -42px;
}
}


.tabsetv {
.tabsetv {
   float: left;
   float: left;
   margin-left: -61px !important;
   margin-left: -72px !important;
}
}


Line 52: Line 54:
.tabsetv .tab2 + .tab2 {
.tabsetv .tab2 + .tab2 {
   margin-top: -1px;
   margin-top: -1px;
}
.tabtarget {
  border: 1px solid #5a7db5;
  padding: 1em;
}
}


Line 88: Line 85:
</css>
</css>


<div class="tabcontainer">
 
<ul class="tabset tabsetv" data-tab-target="Badges" data-tab-selector="0">
<div id="Badges" class="tabtarget">
<li class="tab2" data-tab-selection="Link" data-tab-default>Link</li>
{{/Template2|target=Badges|dir=v|
<li class="tab2" data-tab-selection="Impa">Impa</li>
  {{/Template3|Link}}
<li class="tab2" data-tab-selection="Sheik">Sheik</li>
  {{/Template3|Impa}}
<li class="tab2" data-tab-selection="Lana">Lana</li>
  {{/Template3|Sheik}}
</ul>
  {{/Template3|Lana}}
<ul class="tabset tabseth" data-tab-target="Badges" data-tab-selector="1">
  {{/Template3|Zelda}}
<li class="tab2" data-tab-selection="Attack" data-tab-default>Attack</li>
}}
<li class="tab2" data-tab-selection="Defense">Defense</li>
{{/Template2|target=Badges|
<li class="tab2" data-tab-selection="Assist">Assist</li>
  {{/Template3|Attack}}
</ul>
  {{/Template3|Defense}}
<!--<ul class="tabset tabsetv" data-tab-target="Badges" data-tab-selector="0">
  {{/Template3|Assist}}
<li class="tab2" data-tab-selection="Zelda">Zelda</li>
}}
</ul>--><div id="Badges" class="tabtarget">
{{/Template4|Link Attack}}
<div class="tabcontent2" data-tab-content="Link Attack">Link Attack</div>
{{/Template4|Link Defense}}
<div class="tabcontent2" data-tab-content="Link Defense">Link Defense</div>
{{/Template4|Link Assist}}
<div class="tabcontent2" data-tab-content="Link Assist">Link Assist</div>
{{/Template4|Impa Attack}}
<div class="tabcontent2" data-tab-content="Impa Attack">Impa Attack</div>
{{/Template4|Impa Defense}}
<div class="tabcontent2" data-tab-content="Impa Defense">Impa Defense</div>
{{/Template4|Impa Assist}}
<div class="tabcontent2" data-tab-content="Impa Assist">Impa Assist</div>
{{/Template4|Sheik Attack}}
<div class="tabcontent2" data-tab-content="Sheik Attack">Sheik Attack</div>
{{/Template4|Sheik Defense}}
<div class="tabcontent2" data-tab-content="Sheik Defense">Sheik Defense</div>
{{/Template4|Sheik Assist}}
<div class="tabcontent2" data-tab-content="Sheik Assist">Sheik Assist</div>
{{/Template4|Lana Attack}}
<div class="tabcontent2" data-tab-content="Lana Attack">Lana Attack</div>
{{/Template4|Lana Defense}}
<div class="tabcontent2" data-tab-content="Lana Defense">Lana Defense</div>
{{/Template4|Lana Assist}}
<div class="tabcontent2" data-tab-content="Lana Assist">Lana Assist</div>
{{/Template4|Zelda Attack}}
<div class="tabcontent2" data-tab-content="Zelda Attack">Zelda Attack</div>
{{/Template4|Zelda Defense}}
<div class="tabcontent2" data-tab-content="Zelda Defense">Zelda Defense</div>
{{/Template4|Zelda Assist}}
<div class="tabcontent2" data-tab-content="Zelda Assist">Zelda Assist</div>
{{Clear}}
{{Clear}}
</div></div>
</div>




<div id="dl-target">Data will appear here.</div>
<div id="dl-target">Data will appear here.</div>

Navigation menu