Difference between revisions of "User:Felix/Test"
Jump to navigation
Jump to search
imported>Felix |
imported>Felix |
||
(One intermediate revision by the same user not shown) | |||
Line 2: | Line 2: | ||
{{#css: | {{#css: | ||
.slider { | .slider { | ||
− | height: | + | height: 450px; |
margin: 2em auto; | margin: 2em auto; | ||
position: relative; | position: relative; | ||
text-indent: 0; | text-indent: 0; | ||
− | width: | + | width: 400px; |
} | } | ||
− | .slider ul { | + | .slider > ul { |
border: 2px solid black; | border: 2px solid black; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | height: | + | height: 400px; |
margin: 0; | margin: 0; | ||
− | max-width: | + | max-width: 400px; |
padding: 1em; | padding: 1em; | ||
position: absolute; | position: absolute; | ||
− | width: | + | width: 400px; |
} | } | ||
.prev, .next { | .prev, .next { | ||
Line 25: | Line 25: | ||
padding: 10px; | padding: 10px; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 180px; |
} | } | ||
.next { | .next { | ||
Line 48: | Line 48: | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
justify-content: center; | justify-content: center; | ||
+ | width: 100%; | ||
} | } | ||
.tab { | .tab { | ||
Line 112: | Line 113: | ||
<div id="second-4" class="second anchor"></div> | <div id="second-4" class="second anchor"></div> | ||
<div id="second-5" class="second anchor"></div> | <div id="second-5" class="second anchor"></div> | ||
− | <div id=" | + | <div id="Puppet Maker" class="main second anchor" tabindex="0"></div> |
− | <div id="Second-tab" class="second tab" tabindex="0">[[# | + | <div id="Second-tab" class="second tab" tabindex="0">[[#Puppet Maker|Puppet Maker]]</div> |
<div id="third-1" class="third anchor"></div> | <div id="third-1" class="third anchor"></div> | ||
<div id="third-2" class="third anchor"></div> | <div id="third-2" class="third anchor"></div> | ||
Line 119: | Line 120: | ||
<div id="third-4" class="third anchor"></div> | <div id="third-4" class="third anchor"></div> | ||
<div id="third-5" class="third anchor"></div> | <div id="third-5" class="third anchor"></div> | ||
− | <div id=" | + | <div id="Sin Eater" class="main third anchor" tabindex="0"></div> |
− | <div id="Third-tab" class="third tab" tabindex="0">[[# | + | <div id="Third-tab" class="third tab" tabindex="0">[[#Sin Eater|Sin Eater]]</div> |
<div id="fourth-1" class="fourth anchor"></div> | <div id="fourth-1" class="fourth anchor"></div> | ||
<div id="fourth-2" class="fourth anchor"></div> | <div id="fourth-2" class="fourth anchor"></div> | ||
Line 126: | Line 127: | ||
<div id="fourth-4" class="fourth anchor"></div> | <div id="fourth-4" class="fourth anchor"></div> | ||
<div id="fourth-5" class="fourth anchor"></div> | <div id="fourth-5" class="fourth anchor"></div> | ||
− | <div id=" | + | <div id="Hell Dancer" class="main fourth anchor" tabindex="0"></div> |
− | <div id="Fourth-tab" class="fourth tab" tabindex="0">[[# | + | <div id="Fourth-tab" class="fourth tab" tabindex="0">[[#Hell Dancer|Hell Dancer]]</div> |
<div id="fifth-1" class="fifth anchor"></div> | <div id="fifth-1" class="fifth anchor"></div> | ||
<div id="fifth-2" class="fifth anchor"></div> | <div id="fifth-2" class="fifth anchor"></div> | ||
Line 133: | Line 134: | ||
<div id="fifth-4" class="fifth anchor"></div> | <div id="fifth-4" class="fifth anchor"></div> | ||
<div id="fifth-5" class="fifth anchor"></div> | <div id="fifth-5" class="fifth anchor"></div> | ||
− | <div id=" | + | <div id="Secret Master" class="main fifth anchor" tabindex="0"></div> |
− | <div id="Fifth-tab" class="fifth tab" tabindex="0">[[# | + | <div id="Fifth-tab" class="fifth tab" tabindex="0">[[#Secret Master|Secret Master]]</div> |
<div id="sixth-1" class="sixth anchor"></div> | <div id="sixth-1" class="sixth anchor"></div> | ||
<div id="sixth-2" class="sixth anchor"></div> | <div id="sixth-2" class="sixth anchor"></div> | ||
Line 140: | Line 141: | ||
<div id="sixth-4" class="sixth anchor"></div> | <div id="sixth-4" class="sixth anchor"></div> | ||
<div id="sixth-5" class="sixth anchor"></div> | <div id="sixth-5" class="sixth anchor"></div> | ||
− | <div id=" | + | <div id="Gate Keeper" class="main sixth anchor" tabindex="0"></div> |
− | <div id="Sixth-tab" class="sixth tab" tabindex="0">[[# | + | <div id="Sixth-tab" class="sixth tab" tabindex="0">[[#Gate Keeper|Gate Keeper]]</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 147: | Line 148: | ||
<div id="first-4" class="first anchor"></div> | <div id="first-4" class="first anchor"></div> | ||
<div id="first-5" class="first anchor"></div> | <div id="first-5" class="first anchor"></div> | ||
− | <div id=" | + | <div id="Ghost Walker" class="main first anchor" tabindex="0"></div> |
− | <div id="First-tab" class="first tab" tabindex="0">[[# | + | <div id="First-tab" class="first tab" tabindex="0">[[#Ghost Walker|Ghost Walker]]</div> |
<div id="First-panel" class="first panel"> | <div id="First-panel" class="first panel"> | ||
This is some information in the first panel. | This is some information in the first panel. | ||
Line 170: | Line 171: | ||
<li class=first-4" class="slide"> | <li class=first-4" class="slide"> | ||
Slide 1-4 | Slide 1-4 | ||
+ | [[File:FelixGraffiti.jpg]] | ||
<div class="prev">[[#first-3|<]]</div> | <div class="prev">[[#first-3|<]]</div> | ||
<div class="next">[[#first-5|>]]</div> | <div class="next">[[#first-5|>]]</div> |
Latest revision as of 01:50, 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.