User:Locke/Sandbox: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<css> | <css> | ||
.tabcontainer { | |||
position: relative; | |||
margin-top: 41px; | |||
margin-left: 61px; | |||
} | |||
.tabset { | |||
margin: 0px !important; | |||
} | |||
.tabseth { | |||
position: absolute; | |||
top: -41px; | |||
} | |||
.tabsetv { | .tabsetv { | ||
position: absolute; | |||
left: -61px; | |||
} | } | ||
.tab2 { | .tabset .tab2 { | ||
display: block; | display: block; | ||
height: 40px; | |||
line-height: 40px; | |||
padding: 0px 10px; | |||
margin: 0px; | |||
border: 1px solid gray; | |||
} | |||
.tabsetv .tab2 { | |||
width: 40px; | |||
} | } | ||
.tabseth .tab2 { | .tabseth .tab2 { | ||
float: left; | float: left; | ||
} | |||
.tabseth .tab2:first-child { | |||
margin-left: 3px; | |||
} | |||
.tabseth .tab2 + .tab2 { | |||
margin-left: -1px; | |||
} | |||
.tabsetv .tab2:first-child { | |||
margin-top: 3px; | |||
} | |||
.tabsetv .tab2 + .tab2 { | |||
margin-top: -1px; | |||
} | |||
.tabtarget { | |||
border: 1px solid gray; | |||
padding: 1em; | |||
min-height: 200px; | |||
} | } | ||
</css> | </css> | ||
<ul class="tabsetv" data-tab-target="Badges"> | <div class="tabcontainer"> | ||
<ul class="tabset tabsetv" data-tab-target="Badges"> | |||
<li class="tab2" data-tab-selection="Link" data-tab-default>Link</li> | <li class="tab2" data-tab-selection="Link" data-tab-default>Link</li> | ||
<li class="tab2" data-tab-selection="Impa">Impa</li> | <li class="tab2" data-tab-selection="Impa">Impa</li> | ||
| Line 19: | Line 67: | ||
<li class="tab2" data-tab-selection="Lana">Lana</li> | <li class="tab2" data-tab-selection="Lana">Lana</li> | ||
</ul> | </ul> | ||
<ul class="tabseth" data-tab-target="Badges"> | <ul class="tabset tabseth" data-tab-target="Badges"> | ||
<li class="tab2" data-tab-selection="Attack" data-tab-default>Attack</li> | <li class="tab2" data-tab-selection="Attack" data-tab-default>Attack</li> | ||
<li class="tab2" data-tab-selection="Defense">Defense</li> | <li class="tab2" data-tab-selection="Defense">Defense</li> | ||
<li class="tab2" data-tab-selection="Assist">Assist</li> | <li class="tab2" data-tab-selection="Assist">Assist</li> | ||
</ul> | </ul> | ||
<ul class="tabsetv" data-tab-target="Badges" data-tab-selector="0"> | <!--<ul class="tabset tabsetv" data-tab-target="Badges" data-tab-selector="0"> | ||
<li class="tab2" data-tab-selection="Zelda">Zelda</li> | <li class="tab2" data-tab-selection="Zelda">Zelda</li> | ||
</ul> | </ul>--><div id="Badges" class="tabtarget"> | ||
<div id="Badges" class="tabtarget"> | |||
<div data-tab-content="Link Attack">Link Attack</div> | <div data-tab-content="Link Attack">Link Attack</div> | ||
<div data-tab-content="Link Defense">Link Defense</div> | <div data-tab-content="Link Defense">Link Defense</div> | ||
| Line 43: | Line 90: | ||
<div data-tab-content="Zelda Defense">Zelda Defense</div> | <div data-tab-content="Zelda Defense">Zelda Defense</div> | ||
<div data-tab-content="Zelda Assist">Zelda Assist</div> | <div data-tab-content="Zelda Assist">Zelda Assist</div> | ||
</div> | </div></div> | ||
{{Clear}} | |||
<div id="dl-target">Data will appear here.</div> | <div id="dl-target">Data will appear here.</div> | ||
Revision as of 21:13, November 15, 2014
- Link
- Impa
- Sheik
- Lana
- Attack
- Defense
- Assist
Link Attack
Link Defense
Link Assist
Impa Attack
Impa Defense
Impa Assist
Sheik Attack
Sheik Defense
Sheik Assist
Lana Attack
Lana Defense
Lana Assist
Zelda Attack
Zelda Defense
Zelda Assist
Data will appear here.