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 17: | Line 17: | ||
.tabsetv { | .tabsetv { | ||
float: left; | |||
left: -61px; | margin-left: -61px !important; | ||
} | } | ||
| Line 57: | Line 57: | ||
border: 1px solid #5a7db5; | border: 1px solid #5a7db5; | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
| Line 67: | Line 66: | ||
.tabtarget { | .tabtarget { | ||
background-color: #f6f6f6; | |||
} | |||
.tabset .tab2.active { | |||
background-color: #f6f6f6; | background-color: #f6f6f6; | ||
} | } | ||
.tabseth .tab2.active { | .tabseth .tab2.active { | ||
border-bottom-color: #f6f6f6; | border-bottom-color: #f6f6f6; | ||
} | } | ||
| Line 80: | Line 82: | ||
.tab2:hover { | .tab2:hover { | ||
background-color: #5a7db5; | background-color: #5a7db5 !important; | ||
color: #fefefe; | color: #fefefe; | ||
cursor: pointer; | |||
} | } | ||
</css> | </css> | ||
<div class="tabcontainer"> | <div class="tabcontainer"> | ||
<ul class="tabset tabsetv" data-tab-target="Badges"> | <ul class="tabset tabsetv" data-tab-target="Badges" data-tab-selector="0"> | ||
<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 92: | Line 95: | ||
<li class="tab2" data-tab-selection="Lana">Lana</li> | <li class="tab2" data-tab-selection="Lana">Lana</li> | ||
</ul> | </ul> | ||
<ul class="tabset tabseth" data-tab-target="Badges"> | <ul class="tabset tabseth" data-tab-target="Badges" data-tab-selector="1"> | ||
<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> | ||
| Line 100: | Line 103: | ||
<li class="tab2" data-tab-selection="Zelda">Zelda</li> | <li class="tab2" data-tab-selection="Zelda">Zelda</li> | ||
</ul>--><div id="Badges" class="tabtarget"> | </ul>--><div id="Badges" class="tabtarget"> | ||
<div data-tab-content="Link Attack">Link Attack</div> | <div class="tabcontent2" data-tab-content="Link Attack">Link Attack</div> | ||
<div data-tab-content="Link Defense">Link Defense</div> | <div class="tabcontent2" data-tab-content="Link Defense">Link Defense</div> | ||
<div data-tab-content="Link Assist">Link Assist</div> | <div class="tabcontent2" data-tab-content="Link Assist">Link Assist</div> | ||
<div data-tab-content="Impa Attack">Impa Attack</div> | <div class="tabcontent2" data-tab-content="Impa Attack">Impa Attack</div> | ||
<div data-tab-content="Impa Defense">Impa Defense</div> | <div class="tabcontent2" data-tab-content="Impa Defense">Impa Defense</div> | ||
<div data-tab-content="Impa Assist">Impa Assist</div> | <div class="tabcontent2" data-tab-content="Impa Assist">Impa Assist</div> | ||
<div data-tab-content="Sheik Attack">Sheik Attack</div> | <div class="tabcontent2" data-tab-content="Sheik Attack">Sheik Attack</div> | ||
<div data-tab-content="Sheik Defense">Sheik Defense</div> | <div class="tabcontent2" data-tab-content="Sheik Defense">Sheik Defense</div> | ||
<div data-tab-content="Sheik Assist">Sheik Assist</div> | <div class="tabcontent2" data-tab-content="Sheik Assist">Sheik Assist</div> | ||
<div data-tab-content="Lana Attack">Lana Attack</div> | <div class="tabcontent2" data-tab-content="Lana Attack">Lana Attack</div> | ||
<div data-tab-content="Lana Defense">Lana Defense</div> | <div class="tabcontent2" data-tab-content="Lana Defense">Lana Defense</div> | ||
<div data-tab-content="Lana Assist">Lana Assist</div> | <div class="tabcontent2" data-tab-content="Lana Assist">Lana Assist</div> | ||
<div data-tab-content="Zelda Attack">Zelda Attack</div> | <div class="tabcontent2" data-tab-content="Zelda Attack">Zelda Attack</div> | ||
<div data-tab-content="Zelda Defense">Zelda Defense</div> | <div class="tabcontent2" data-tab-content="Zelda Defense">Zelda Defense</div> | ||
<div data-tab-content="Zelda Assist">Zelda Assist</div> | <div class="tabcontent2" data-tab-content="Zelda Assist">Zelda Assist</div> | ||
{{Clear}} | |||
</div></div> | </div></div> | ||
<div id="dl-target">Data will appear here.</div> | <div id="dl-target">Data will appear here.</div> | ||