User:Spectrazzz/sandbox 5: Difference between revisions
From GRAY RAVENS
Content added Content deleted
Spectrazzz (talk | contribs) No edit summary |
Spectrazzz (talk | contribs) No edit summary |
||
Line 11: | Line 11: | ||
|tab10 = sandbox 8}} |
|tab10 = sandbox 8}} |
||
<hr style="border-color: #921131"> |
<hr style="border-color: #921131"> |
||
* [[User:Spectrazzz/common.css]] |
|||
<div class="tabcontainer"> |
|||
* [[User:Spectrazzz/common.js]] |
|||
<div class="tabbox"> |
|||
<hr style="border-color: #921131"> |
|||
<div class="tab">1. Introduction</div> |
|||
{{#css: |
|||
[[Video:Beginner's Guide: Introduction]]</div> |
|||
.no-history-tabber-panel .oo-ui-optionWidget { |
|||
<div class="tabbox"> |
|||
color: white !important; |
|||
<div class="tab">2. Gacha & Tier List</div> |
|||
font-size: medium; |
|||
[[Video:Beginner's Guide: Gacha & Tier List]]</div> |
|||
font-weight: 700; |
|||
<div class="tabbox"> |
|||
padding: 3px .5em; |
|||
<div class="tab">3. General Progression</div> |
|||
background: #921131; |
|||
[[Video:Before You Begin - General Progression]]</div> |
|||
} |
|||
<div class="tabbox"> |
|||
.no-history-tabber-panel .oo-ui-optionWidget:hover { |
|||
<div class="tab">4. Control Scheme</div> |
|||
background-color: #e4e4e4 !important; |
|||
[[Video:Beginner's Guide: Control Scheme]]</div> |
|||
} |
|||
<div class="tabbox"> |
|||
.no-history-tabber-panel .oo-ui-optionWidget.oo-ui-widget-enabled { |
|||
<div class="tab">5. Gameplay Basics</div> |
|||
border: 20px solid blue; |
|||
[[Video:Beginner's Guide: Gameplay Basics]]</div> |
|||
background-color: red; |
|||
<div class="tabbox"> |
|||
} |
|||
<div class="tab">6. Dodging</div> |
|||
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { |
|||
[[Video:Beginner's Guide: Dodging]]</div> |
|||
border: 20px solid green !important; |
|||
<div class="tabbox"> |
|||
cursor: pointer; |
|||
<div class="tab">7. Memory System</div> |
|||
} |
|||
[[Video:Beginner's Guide: Memory System]]</div> |
|||
.no-history-tabber-panel .oo-ui-tabOptionWidget .oo-ui-labelElement-label { |
|||
<div class="tabbox"> |
|||
border: none !important; |
|||
<div class="tab">8. QTE and Switching</div> |
|||
margin: 0; |
|||
[[Video:Beginner's Guide: QTE and Switching]]</div> |
|||
padding: 0; |
|||
<div class="tabbox"> |
|||
line-height: normal; |
|||
<div class="tab">9. Core Passives</div> |
|||
} |
|||
[[Video:Beginner's Guide: Core Passives]]</div> |
|||
<div class="tabbox"> |
|||
.no-history-tabber-panel .oo-ui-tabSelectWidget-framed { |
|||
<div class="tab">10. Weapon System</div> |
|||
background-color: inherit; |
|||
[[Video:Beginner's Guide: Weapon System]]</div> |
|||
} |
|||
<div class="tabbox"> |
|||
<div class="tab">11. Class and Teams</div> |
|||
.no-history-tabber-panel .oo-ui-optionWidget { |
|||
[[Video:Beginner's Guide: Class and Teams]]</div> |
|||
color: black; |
|||
<div class="tabbox"> |
|||
font-size: medium; |
|||
<div class="tab">12. Optimizing & Final Notes</div> |
|||
font-weight: 700; |
|||
[[Video:Beginner's Guide: Optimizing & Final Notes]]</div> |
|||
padding: 3px .5em; |
|||
</div> |
|||
background-color: #921131; |
|||
background-size: 200% 100%; |
|||
background-position: right bottom; |
|||
transition: all .25s ease-out; |
|||
} |
|||
.no-history-tabber-panel .oo-ui-optionWidget:hover { |
|||
background-position: left bottom; |
|||
} |
|||
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { |
|||
border: none; |
|||
} |
|||
}} |
|||
{{tab/start}} |
|||
{{tab/header|tab name 1}} |
|||
tab content 1 |
|||
{{tab/header| tab name 2}} |
|||
tab content 2 |
|||
{{tab/end}} |