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> | ||