Difference between revisions of "User:Felix/Test"
Jump to navigation
Jump to search
imported>Felix |
imported>Felix |
||
Line 70: | Line 70: | ||
.second.anchor:target ~ .second.tab a, | .second.anchor:target ~ .second.tab a, | ||
.third.anchor:target ~ .third.tab a, | .third.anchor:target ~ .third.tab a, | ||
− | .fourth.anchor:target ~ .fourth.tab a { | + | .fourth.anchor:target ~ .fourth.tab a, |
+ | .fifth.anchor:target ~ .fifth.tab a, | ||
+ | .sixth.anchor:target ~ .sixth.tab a { | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
Line 92: | Line 94: | ||
.second:target ~ #Second-panel, | .second:target ~ #Second-panel, | ||
.third:target ~ #Third-panel, | .third:target ~ #Third-panel, | ||
− | .fourth:target ~ #Fourth-panel, | + | .fourth:target ~ #Fourth-panel, |
+ | .fifth:target ~ #Fifth-panel, | ||
+ | .sixth:target ~ #Sixth-panel, | ||
.main:target ~ .panel .slider .slide:first-of-type, | .main:target ~ .panel .slider .slide:first-of-type, | ||
div[id$="-1"]:target ~ .panel .slider .slide:first-of-type, | div[id$="-1"]:target ~ .panel .slider .slide:first-of-type, | ||
Line 124: | Line 128: | ||
<div id="Fourth" class="main fourth anchor" tabindex="0"></div> | <div id="Fourth" class="main fourth anchor" tabindex="0"></div> | ||
<div id="Fourth-tab" class="fourth tab" tabindex="0">[[#Fourth|Fourth]]</div> | <div id="Fourth-tab" class="fourth tab" tabindex="0">[[#Fourth|Fourth]]</div> | ||
+ | <div id="fifth-1" class="fifth anchor"></div> | ||
+ | <div id="fifth-2" class="fifth anchor"></div> | ||
+ | <div id="fifth-3" class="fifth anchor"></div> | ||
+ | <div id="fifth-4" class="fifth anchor"></div> | ||
+ | <div id="fifth-5" class="fifth anchor"></div> | ||
+ | <div id="Fifth" class="main fifth anchor" tabindex="0"></div> | ||
+ | <div id="Fifth-tab" class="fifth tab" tabindex="0">[[#Fifth|Fifth]]</div> | ||
+ | <div id="sixth-1" class="sixth anchor"></div> | ||
+ | <div id="sixth-2" class="sixth anchor"></div> | ||
+ | <div id="sixth-3" class="sixth anchor"></div> | ||
+ | <div id="sixth-4" class="sixth anchor"></div> | ||
+ | <div id="sixth-5" class="sixth anchor"></div> | ||
+ | <div id="Sixth" class="main sixth anchor" tabindex="0"></div> | ||
+ | <div id="Sixth-tab" class="sixth tab" tabindex="0">[[#Sixth|Sixth]]</div> | ||
<div id="first-1" class="first anchor"></div> | <div id="first-1" class="first anchor"></div> | ||
<div id="first-2" class="first anchor"></div> | <div id="first-2" class="first anchor"></div> | ||
Line 255: | Line 273: | ||
<div class="prev">[[#fourth-4|<]]</div> | <div class="prev">[[#fourth-4|<]]</div> | ||
<div class="next">[[#fourth-1|>]]</div> | <div class="next">[[#fourth-1|>]]</div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Fifth-panel" class="fifth panel"> | ||
+ | And then this would be the fifth panel's spot. | ||
+ | <div class="slider"> | ||
+ | <ul> | ||
+ | <li class="fifth-1" class="slide"> | ||
+ | Slide 5-1 | ||
+ | <div class="prev">[[#fifth-5|<]]</div> | ||
+ | <div class="next">[[#fifth-2|>]]</div> | ||
+ | </li> | ||
+ | <li class="fifth-2" class="slide"> | ||
+ | Slide 5-2 | ||
+ | <div class="prev">[[#fifth-1|<]]</div> | ||
+ | <div class="next">[[#fifth-3|>]]</div> | ||
+ | </li> | ||
+ | <li class="fifth-3" class="slide"> | ||
+ | Slide 5-3 | ||
+ | <div class="prev">[[#fifth-2|<]]</div> | ||
+ | <div class="next">[[#fifth-4|>]]</div> | ||
+ | </li> | ||
+ | <li class=fifth-4" class="slide"> | ||
+ | Slide 5-4 | ||
+ | <div class="prev">[[#fifth-3|<]]</div> | ||
+ | <div class="next">[[#fifth-5|>]]</div> | ||
+ | </li> | ||
+ | <li class="fifth-5" class="slide"> | ||
+ | Slide 5-5 | ||
+ | <div class="prev">[[#fifth-4|<]]</div> | ||
+ | <div class="next">[[#fifth-1|>]]</div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="Sixth-panel" class="sixth panel"> | ||
+ | And then this would be the sixth panel's spot. | ||
+ | <div class="slider"> | ||
+ | <ul> | ||
+ | <li class="sixth-1" class="slide"> | ||
+ | Slide 6-1 | ||
+ | <div class="prev">[[#sixth-5|<]]</div> | ||
+ | <div class="next">[[#sixth-2|>]]</div> | ||
+ | </li> | ||
+ | <li class="sixth-2" class="slide"> | ||
+ | Slide 6-2 | ||
+ | <div class="prev">[[#sixth-1|<]]</div> | ||
+ | <div class="next">[[#sixth-3|>]]</div> | ||
+ | </li> | ||
+ | <li class="sixth-3" class="slide"> | ||
+ | Slide 6-3 | ||
+ | <div class="prev">[[#sixth-2|<]]</div> | ||
+ | <div class="next">[[#sixth-4|>]]</div> | ||
+ | </li> | ||
+ | <li class=sixth-6" class="slide"> | ||
+ | Slide 6-4 | ||
+ | <div class="prev">[[#sixth-3|<]]</div> | ||
+ | <div class="next">[[#sixth-5|>]]</div> | ||
+ | </li> | ||
+ | <li class="sixth-6" class="slide"> | ||
+ | Slide 6-5 | ||
+ | <div class="prev">[[#sixth-4|<]]</div> | ||
+ | <div class="next">[[#sixth-1|>]]</div> | ||
</li> | </li> | ||
</ul> | </ul> |
Revision as of 01:31, 24 April 2017
This is my main testing page.
This is some information in the first panel.
Here's some info in the second panel.
Third panel info would go here, if I had any.
And then this would be the fourth panel's spot.
And then this would be the fifth panel's spot.
And then this would be the sixth panel's spot.