User:Spectrazzz/sandbox 5: Difference between revisions

From GRAY RAVENS
Content added Content deleted
No edit summary
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}}

Latest revision as of 21:56, 21 June 2022