Resource Some Random Stuff

IctoraPost · Mar 27, 2017

I'll just put anything interesting I've made/found here. Free to use, though most of them probably won't be very useful. So, uh, yeah. I've got nothing else to say. I'm just filling in space here so it won't look so empty. It's the first post of the thread, after all. Yep. Mmhmm. I'll just put some filler words here. Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

Contents:

Computer
Animations
Animations separated
Accordions-within-accordions
Pseudo tabs using accordions
Another accordions-within-accordions
List of :hover
Buttons
Animation examples
A Thing With Circles
Unsplash (random images)
Theme-dependant code
Fancy swaps
Fading image slideshow
Another animation example
Pseudo tabs using anchor links
.

IctoraPost · Mar 27, 2017

Helo: Dis iz a computa

Q W E R T Y U I O P

A S D F G H J K L

Z X C V B N M

.

IctoraPost · Mar 27, 2017

Code:

[imagefloat=left]
[div=border: 1px solid grey; padding: 10px; position:relative; left:20px; transform: skew(10deg); width:300px; height:200px; box-sizing: border-box;]
[accordion=100%]{slide=100|open|Helo}Dis iz a computa{/slide}[/accordion]
[/div]
[div=background-color:grey; padding: 10px; position:relative; left:87px; transform: skew(50deg); width:300px; box-sizing: border-box;]
[COLOR=rgb(255, 255, 255)][FONT=Courier New]
[CENTER]Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M[/CENTER]
[/FONT][/COLOR]
[/div]
[/imagefloat]

[div=border: 5px solid #aaa; width:300px; height:300px; float:right; border-radius:50%; position:relative; overflow:hidden;]
[div=border: 5px solid #aaa; width:50px; height:50px; border-radius:50%; position:absolute; left:15px; top:100px; padding: 10px;].[/div]
[/div]

Code for the above because it keeps breaking when I do anything to it, like putting in the code.

IctoraPost · Mar 27, 2017

ewaf

Code:

[div=animation: fa-spin 2s linear infinite, panelMaskIn 1.7s ease-in-out infinite alternate;][h][h][h]ewaf[/h][/h][/h][/div]

ewaf

Code:

[div=animation: rippleAnimation 4s linear infinite, panelMaskIn 2s ease-in-out infinite alternate;][h][h][h]ewaf[/h][/h][/h][/div]

ewolf20 · Mar 27, 2017

IctoraPost said:

ewaf

Code:

[div=animation: fa-spin 2s linear infinite, panelMaskIn 1.7s ease-in-out infinite alternate;][h][h][h]ewaf[/h][/h][/h][/div]

ewaf

Code:

[div=animation: rippleAnimation 4s linear infinite, panelMaskIn 2s ease-in-out infinite alternate;][h][h][h]ewaf[/h][/h][/h][/div]

oh my gosh

ewolf20 · Mar 27, 2017

IctoraPost is there a place where you can be taught that?

IctoraPost · Mar 28, 2017

ewolf20 said:
IctoraPost is there a place where you can be taught that?

If you mean the animations, here is a good place to start. If you mean getting the animation into a post... well, the only animations available are the ones in my post, so you can't 'learn' anything to that.

IctoraPost · Mar 28, 2017

Thought I'd seperate the animations from my previous post.

ewaf

Code:

[div=animation: fa-spin 3s infinite; width: 100px; height: 100px; background: grey; margin: 0 auto;]ewaf[/div]
[div=animation: panelMaskIn 3s infinite; width: 100px; height: 100px; background: grey; margin: 0 auto;]ewaf[/div]
[div=animation: rippleAnimation 3s infinite; width: 100px; height: 100px; background: grey; margin: 0 auto;]ewaf[/div]

For those who want to know specifically what each animation does:

Code:

@keyframes fa-spin {0% {transform: rotate(0deg)} 100% {transform: rotate(359deg)}}
@keyframes panelMaskIn {from {opacity: 0} to {opacity: 0.6}}
@keyframes panelMaskOut {from {opacity: 0.6} to {opacity: 0}}
@keyframes rippleAnimation {to {border-radius: 100%; opacity: 0; transform: scale(2.5)}}

(I added in an extra one that basically does what the second one does, except backwards)

The last one only works in the default theme, unfortunately.

IctoraPost · Mar 29, 2017

So, I made this code here:

Code:

[border=none;][accordion=100%]{slide=[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=skyblue]CLICK ME[/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/border]

[border=none;][accordion=100%]{slide=[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=skyblue]CLICK ME[/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/border]

Buuut... it's too big to post. It's only 29170 characters though!

Here's an idea of what it would've been like:

CLICK ME CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini WEFWEF f f f f: f

Code:

[border=none;][accordion=100%]{slide=[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=skyblue]CLICK ME[/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[accordion=100%]{slide=[bg=mistyrose]WEFWEF[/bg]}f{/slide}[/accordion]{/slide}[/accordion][/bg]}f{/slide}[/accordion][/bg]}f{/slide}[/accordion][/bg]}f{/slide}[/accordion][/bg]}f{/slide}[/accordion][/border]

IctoraPost · Mar 30, 2017

onn: 1. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

tww: 2. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

tee: 3. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.

frr: 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet enim ullamcorper, dignissim felis ac, dictum mauris. Aenean nisi massa, molestie sit amet nisl non, egestas imperdiet diam. Curabitur et quam elementum ex pretium eleifend. Cras rhoncus efficitur rutrum. Etiam tincidunt orci at fringilla ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ac eros nec nisi congue porttitor pharetra a orci. Vivamus sit amet maximus odio.

Code:

[div=position: relative; height: 300px;]
[div=position: absolute; left: 0; top: 50px; width: 100%;]
[accordion=100%]
{slide=[div=background: green; position: absolute; left: 0; bottom: 40px; width: 50px; padding: 5px; color: white; text-align: center; font-size: 20px; border-radius: 10px;]onn[/div]}1. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.{/slide}
[/accordion]
[/div]

[div=position: absolute; left: 0; top: 50px; width: 100%;]
[accordion=100%]
{slide=[div=background: maroon; position: absolute; left: 70px; bottom: 40px; width: 50px; padding: 5px; color: white; text-align: center; font-size: 20px; border-radius: 5px 10px;]tww[/div]}2. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).{/slide}
[/accordion]
[/div]

[div=position: absolute; left: 0; top: 50px; width: 100%;]
[accordion=100%]
{slide=[div=background: url(https://i.stack.imgur.com/sOn1e.png); background-size: 110%; position: absolute; left: 140px; bottom: 40px; width: 50px; padding: 5px; color: white; text-align: center; font-size: 20px; border-radius: 10px 5px;]tee[/div]}3. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.{/slide}
[/accordion]
[/div]

[div=position: absolute; left: 0; top: 50px; width: 100%;]
[accordion=100%]
{slide=[div=background: navy; position: absolute; left: 210px; bottom: 40px; width: 50px; padding: 5px; color: white; text-align: center; font-size: 20px; border-radius: 10px; transform: rotate(180deg); -webkit-transform: rotate(180deg);]frr[/div]}4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet enim ullamcorper, dignissim felis ac, dictum mauris. Aenean nisi massa, molestie sit amet nisl non, egestas imperdiet diam. Curabitur et quam elementum ex pretium eleifend. Cras rhoncus efficitur rutrum. Etiam tincidunt orci at fringilla ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum ac eros nec nisi congue porttitor pharetra a orci. Vivamus sit amet maximus odio.{/slide}
[/accordion]
[/div]

[/div]

fluticasone · Mar 30, 2017

I have to say that the last one looks like a really good alternative to the tab system : P

IctoraPost · Mar 30, 2017

sugarvine said:
I have to say that the last one looks like a really good alternative to the tab system : P

That's what I was going for. It does have its fair share of problems, though, so it can't really replace it.

IctoraPost · Mar 31, 2017

This is kind of in the wrong order, but whatever.

Here's the accordions-within-accordions code from the post before the last, but with most of the middle cut out so that it's small enough to actually post.

[border=none;][accordion=100%]{slide=[bg=pink][accordion=100%]{slide=[bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=skyblue]CLICK ME[/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/bg][/accordion][bg=teal][/bg]{/slide}[/bg][/accordion][bg=orange][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/bg][/accordion][bg=blue][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/bg][/accordion][bg=cyan][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/bg][/accordion][bg=lime][/bg]{/slide}[/bg][/accordion][bg=grey][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/bg][/accordion][bg=yellow][accordion=100%]{slide=[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=grey][accordion=100%]{slide=[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=lime][accordion=100%]{slide=[bg=cyan][accordion=100%]{slide=[bg=violet][accordion=100%]{slide=[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=khaki][accordion=100%]{slide=[bg=navy][accordion=100%]{slide=[bg=purple]CLICK ME2[/bg]}Hi{/slide}[/accordion][/bg]}[bg=green][accordion=100%]{slide=[bg=red]CLICK ME3[/bg]}Hello{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=blue][accordion=100%]{slide=[bg=orange][accordion=100%]{slide=[bg=teal][accordion=100%]{slide=[bg=gold]CLICKME4[/bg]}Benesuala{/slide}[/accordion][/bg]}[bg=brown][accordion=100%]{slide=[bg=lightgrey]CLICKME5[/bg]}Ahola{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]}[bg=aliceblue][accordion=100%]{slide=[bg=salmon][accordion=100%]{slide=[bg=aqua]CLICKME6[/bg]}Olahala{/slide}[/accordion][/bg]}[bg=bisque][accordion=100%]{slide=[bg=azure]CLICKME7[/bg]}Motchini{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/accordion][/bg]{/slide}[/bg][/accordion][bg=pink][/bg][/border]

CLICK ME CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello no slide CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICK ME2 Hi CLICK ME3 Hello CLICK ME2 Hi CLICK ME3 Hello CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini CLICKME4 Benesuala CLICKME5 Ahola CLICKME6 Olahala CLICKME7 Motchini

IctoraPost · Apr 7, 2017

Here's a bunch of :hover classes that I found. You can apply the classes to tags in the specific order listed in order to get the hover effect. The options are quite limited, but it's better than nothing. You may also have some extra styling appearing from using various classes.

HTML:

.emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus{text-decoration:none;box-shadow:5px 5px 7px #CCC;outline:0 none}
.tabs li:hover a, .tabs.noLinks li:hover{color:rgb(55, 71, 79);text-decoration:none;text-decoration:none}
.Popup .PopupControl:hover,.Popup.PopupContainerControl:hover{color:rgb(55, 71, 79);text-decoration:none}
.Popup .PopupControl.PopupOpen:hover,.Popup.PopupContainerControl.PopupOpen:hover{text-decoration:none}
.Popup:hover .Menu{display:block}.Popup:hover .Menu.JsOnly{display:none}
.formPopup .advSearchLink:hover{background-color:rgb(250,250,250);text-decoration:none}
.DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl{opacity:1}
.DismissParent:hover .DismissCtrl:hover{background-position: -96px 0}
.DismissParent:hover .DismissCtrl:active{background-position: -112px 0}
blockLinksList a:focus, .blockLinksList li.kbSelect a,n.blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label{color:rgb(55, 71, 79);text-decoration:none;background-color:rgb(224, 224, 224)}
.button:hover, .button[href]:hover, .buttonProxy:hover .button{color:rgba(0,0,0,.75);text-decoration:none;background-color:rgb(218,218,218);border-top-color:white}
.button:focus{color:rgb(33, 150, 243);background-color:rgb(230, 230, 230)}
.button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button{background-color:rgb(198, 198, 198);border-bottom-color:white;box-shadow:0px 0px 0px 0px transparent;outline:0}
ul.autoCompleteList li:hover, ul.autoCompleteList li.selected{background-color:rgb(250, 250, 250);border-radius:3px}
.breadcrumb .crust:hover a.crumb{color:rgb(33, 150, 243)}
.breadcrumb .crust:hover .arrow span{border-left-color: }
.navTabs .navLink:hover{text-decoration:none}
.navTabs .navTab.PopupClosed:hover{background-color:rgb(120, 144, 156)}
.navTabs .navTab.PopupClosed .navLink:hover{color:#FFF}
.navPopup .PopupItemLinkActive:hover{margin:0 -8px;padding:5px 8px;border-radius:5px;background-color:rgb(250, 250, 250);cursor:pointer}
.tagList .tag:hover{color:rgb(84, 110, 122);text-decoration:none;background-color:rgb(255, 255, 255)}
.tagList .tag:hover .arrow:after{border-right-color:rgb(250, 250, 250);border-right-color:rgb(255, 255, 255)}

HTML:

.NoJs .bbCodeSpoilerContainer:hover{background-color:transparent}
.NoJs .bbCodeSpoilerContainer:hover>.bbCodeSpoilerText{visibility:visible}
html body .redactor_toolbar li a.BbmText:hover, html body .redactor_toolbar li a.BbmFa:hover{text-decoration:none}
html .redactor_toolbar li a, html .redactor_toolbar li a:hover, html .redactor_toolbar li a:active, html .redactor_toolbar li a.redactor_act{background-image:url('styles/material/xenforo/editor/icons.png?redactor');background-repeat:no-repeat;background-position:0}
.redactor_toolbar li a:hover{color:rgb(84, 110, 122);background-color:rgb(245, 249, 251);border-radius:2px;outline:none}
.redactor_dropdown a:hover{text-decoration:none;background-color:#FFF}
#redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act{background-color:#eee;padding:5px 15px;box-shadow:0 1px 2px rgba(0, 0, 0, .4) inset;border:none;text-shadow:0 1px 0 #eee;color:#777;text-decoration:none}
#InlineModOverlay .SelectionCount:hover{text-decoration:none}
.message .messageMeta .control:hover{color:rgb(33, 150, 243);text-decoration:none}
#moderatorBar a:hover{text-decoration:none;background-color:rgb(96, 125, 139);color:rgb(250, 250, 250)}
#moderatorBar .permissionTest, #moderatorBar .permissionTest:hover{background:#e03030;color:white;box-shadow:2px 2px 5px rgba(0,0,0,0.25);font-weight:bold}
#QuoteSelected a:hover{text-decoration:underline}
.adv_accordion dt:hover, .adv_accordion dt.active{background:rgb(226, 228, 229) url('styles/material/xenforo/gradients/category-23px-light.png') repeat-x top}
.threadmarker_nav_bottom .previous a:hover, .threadmarker_nav_bottom .index a:hover, .threadmarker_nav_bottom .next a:hover, .threadmarker_nav_top .previous a:hover, .threadmarker_nav_top .index a:hover, .threadmarker_nav_top .next a:hover, .threadmarker .history a:hover{color:rgb(138, 162, 174);text-decoration:none;background-color:rgb(226, 236, 241);border-color:rgb(207, 223, 229)}
.threadmarker .history a:hover{margin:0 0 0 0 }
.primaryContent .jstree-anchor, .primaryContent .jstree-anchor:link, .primaryContent .jstree-anchor:visited, .primaryContent .jstree-anchor:hover, .primaryContent .jstree-anchor:active{color:rgb(120, 144, 156)}
.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:hover, .navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:focus{color:rgb(55, 71, 79);text-decoration:none;background-color:transparent;outline:0}

HTML:

.sidePanel__navTabs .navLink:hover{color:rgb(233, 30, 99);text-decoration:none}
.sidePanel__navTabs .SplitCtrl:hover{text-decoration:none;color:rgb(55, 71, 79)}
.sidePanel .tabs li:hover a, .sidePanel .tabs.noLinks li:hover{color:rgb(55, 71, 79)}
.navTabs .navTab:hover, .navTabs .navTab.PopupClosed:hover{color:rgb(55, 71, 79);background-color:transparent}
.navTabs .navTab:hover .navLink, .navTabs .navTab.PopupClosed:hover .navLink, .navTabs .navTab.PopupClosed:hover .SplitCtrl{color:inherit}
#userBar .navTabs .navTab:hover, #userBar .navTabs .navTab.PopupClosed:hover{color:#FFF;background-color: }
#userBar .navTabs .navTab:hover .navLink, #userBar .navTabs .navTab.PopupClosed:hover .navLink,
#userBar .navTabs .navTab.PopupClosed:hover .SplitCtrl{color:inherit}
#XenForo a.twitterLogin span:hover, #XenForo a.fbLogin span:hover, #XenForo .googleLogin span:hover{background:url(rgba.php?r=0&g=0&b=0&a=25);background:rgba(0,0,0,.1);_filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)}
#SignupButton:hover .inner{text-decoration:none}
.message .messageMeta .uix_postbit_privateControlsMenu:hover{color:rgb(33, 150, 243);text-decoration:none}
.LoggedIn .discussionListItem .ReadToggle:hover{background-position: -16px -32px}
.navTabs .navTab.PopupClosed:hover
.SplitCtrl{background-position: -128px }
.DismissParent:hover .DismissCtrl:hover{background-position: -96px 0}
.DismissParent:hover .DismissCtrl:active{background-position: -112px 0}
.downloadButton .inner:hover{color:#FFF}
.button.disabled,.button.disabled:hover,.button.disabled:active,.button.disabled:focus{color:rgba(0,0,0,.26);background:none;box-shadow:none}
.button.primary:hover, .button.primary:active .button.primary:active:focus{box-shadow:0 6px 10px 0 rgba(0,0,0,.15), 0 4px 10px 0 rgba(0,0,0,.25), 0 2px 4px -1px rgba(0,0,0,.25);background-color:rgb(33,150,243);color:#FFF}
.callToAction:hover{text-decoration:none !important}
.button.primary.disabled:hover{box-shadow:none}
.button.primary.disabled:hover{color:rgba(0, 0, 0, .26)}
.sidePanel__navTabs .navLink:hover:before, .sidePanel__navTabs .navTab:hover .SplitCtrl{color:rgb(233, 30, 99)}
#searchBar:hover i{color:rgb(55,71,79)}
.isMetro .tagList .tag:hover{background-color:#fff}
.DismissParent .DismissCtrl:hover:before{color:rgb(33, 150, 243)}

HTML:

.inlineSpoiler:hover{background:rgb(224,224,224)}
body .tabsBb li.active a:hover, body .tabsBb li a:hover {border:1px solid rgb(84, 110, 122);box-shadow:none;background:rgb(96, 125, 139);color:#FFF}
.bbcode-step:hover{opacity:1}
.bbcode-step .bbcode-step-link:hover{background:rgb(96, 125, 139);border-bottom-color:rgb(84, 110, 122);border-top-color:rgb(120, 144, 156)}

You can put the classes into specific tags using trickery. I like using [column] tags because they don't do anything out of rows, or, if you're using them in rows, you can use [h] tags.

The aforementioned trickery: [column=a classhere] and [h=a classhere]

For the non-HTMLers, the text after the dot is a class (.classhere), a comma is an 'or' - it can have either class to work (.classhere, .classthere), no gap between two classes is an 'and' - it has to have both classes to work (.classhere.classthere), and if there is a space between two classes (.classhere .classthere), the latter classes must be in tags that are inside a tag with the former classes ([column=a classhere][column=a classthere]ewaf[/column][/column]). The :hover simply tells us which thing has to be hovered over for the effects to apply.

Examples:

ewaf

Code:

[column=a inlineSpoiler][div=height: 100px;]ewaf[/div][/column]
(from  .inlineSpoiler:hover{background:rgb(224,224,224)}  )
[h=a bbcode-step][div=height: 100px; width: 100px; background-color:green;]ewaf[/div][/h]
(from  .bbcode-step:hover{opacity:1}  )
[column=a button primary]ewaf[/column]
(from  .button.primary:hover, .button.primary:active .button.primary:active:focus{box-shadow:0 6px 10px 0 rgba(0,0,0,.15), 0 4px 10px 0 rgba(0,0,0,.25), 0 2px 4px -1px rgba(0,0,0,.25);background-color:rgb(33,150,243);color:#FFF}  )
[bg=black][column=a isMetro][column=a tagList][column=a tag]ewaf[/column][/column][/column][/bg]
(from  .isMetro .tagList .tag:hover{background-color:#fff}  )

All this is for the default theme, the one I usually use. The results may differ between themes.

ewolf20 · Apr 7, 2017

IctoraPost said:

Here's a bunch of :hover classes that I found. You can apply the classes to tags in the specific order listed in order to get the hover effect. The options are quite limited, but it's better than nothing. You may also have some extra styling appearing from using various classes.

HTML:

.emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus{text-decoration:none;box-shadow:5px 5px 7px #CCC;outline:0 none}
.tabs li:hover a, .tabs.noLinks li:hover{color:rgb(55, 71, 79);text-decoration:none;text-decoration:none}
.Popup .PopupControl:hover,.Popup.PopupContainerControl:hover{color:rgb(55, 71, 79);text-decoration:none}
.Popup .PopupControl.PopupOpen:hover,.Popup.PopupContainerControl.PopupOpen:hover{text-decoration:none}
.Popup:hover .Menu{display:block}.Popup:hover .Menu.JsOnly{display:none}
.formPopup .advSearchLink:hover{background-color:rgb(250,250,250);text-decoration:none}
.DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl{opacity:1}
.DismissParent:hover .DismissCtrl:hover{background-position: -96px 0}
.DismissParent:hover .DismissCtrl:active{background-position: -112px 0}
blockLinksList a:focus, .blockLinksList li.kbSelect a,n.blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label{color:rgb(55, 71, 79);text-decoration:none;background-color:rgb(224, 224, 224)}
.button:hover, .button[href]:hover, .buttonProxy:hover .button{color:rgba(0,0,0,.75);text-decoration:none;background-color:rgb(218,218,218);border-top-color:white}
.button:focus{color:rgb(33, 150, 243);background-color:rgb(230, 230, 230)}
.button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button{background-color:rgb(198, 198, 198);border-bottom-color:white;box-shadow:0px 0px 0px 0px transparent;outline:0}
ul.autoCompleteList li:hover, ul.autoCompleteList li.selected{background-color:rgb(250, 250, 250);border-radius:3px}
.breadcrumb .crust:hover a.crumb{color:rgb(33, 150, 243)}
.breadcrumb .crust:hover .arrow span{border-left-color: }
.navTabs .navLink:hover{text-decoration:none}
.navTabs .navTab.PopupClosed:hover{background-color:rgb(120, 144, 156)}
.navTabs .navTab.PopupClosed .navLink:hover{color:#FFF}
.navPopup .PopupItemLinkActive:hover{margin:0 -8px;padding:5px 8px;border-radius:5px;background-color:rgb(250, 250, 250);cursor:pointer}
.tagList .tag:hover{color:rgb(84, 110, 122);text-decoration:none;background-color:rgb(255, 255, 255)}
.tagList .tag:hover .arrow:after{border-right-color:rgb(250, 250, 250);border-right-color:rgb(255, 255, 255)}

HTML:

.NoJs .bbCodeSpoilerContainer:hover{background-color:transparent}
.NoJs .bbCodeSpoilerContainer:hover>.bbCodeSpoilerText{visibility:visible}
html body .redactor_toolbar li a.BbmText:hover, html body .redactor_toolbar li a.BbmFa:hover{text-decoration:none}
html .redactor_toolbar li a, html .redactor_toolbar li a:hover, html .redactor_toolbar li a:active, html .redactor_toolbar li a.redactor_act{background-image:url('styles/material/xenforo/editor/icons.png?redactor');background-repeat:no-repeat;background-position:0}
.redactor_toolbar li a:hover{color:rgb(84, 110, 122);background-color:rgb(245, 249, 251);border-radius:2px;outline:none}
.redactor_dropdown a:hover{text-decoration:none;background-color:#FFF}
#redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act{background-color:#eee;padding:5px 15px;box-shadow:0 1px 2px rgba(0, 0, 0, .4) inset;border:none;text-shadow:0 1px 0 #eee;color:#777;text-decoration:none}
#InlineModOverlay .SelectionCount:hover{text-decoration:none}
.message .messageMeta .control:hover{color:rgb(33, 150, 243);text-decoration:none}
#moderatorBar a:hover{text-decoration:none;background-color:rgb(96, 125, 139);color:rgb(250, 250, 250)}
#moderatorBar .permissionTest, #moderatorBar .permissionTest:hover{background:#e03030;color:white;box-shadow:2px 2px 5px rgba(0,0,0,0.25);font-weight:bold}
#QuoteSelected a:hover{text-decoration:underline}
.adv_accordion dt:hover, .adv_accordion dt.active{background:rgb(226, 228, 229) url('styles/material/xenforo/gradients/category-23px-light.png') repeat-x top}
.threadmarker_nav_bottom .previous a:hover, .threadmarker_nav_bottom .index a:hover, .threadmarker_nav_bottom .next a:hover, .threadmarker_nav_top .previous a:hover, .threadmarker_nav_top .index a:hover, .threadmarker_nav_top .next a:hover, .threadmarker .history a:hover{color:rgb(138, 162, 174);text-decoration:none;background-color:rgb(226, 236, 241);border-color:rgb(207, 223, 229)}
.threadmarker .history a:hover{margin:0 0 0 0 }
.primaryContent .jstree-anchor, .primaryContent .jstree-anchor:link, .primaryContent .jstree-anchor:visited, .primaryContent .jstree-anchor:hover, .primaryContent .jstree-anchor:active{color:rgb(120, 144, 156)}
.navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:hover, .navTabs .navTab.selected .xengalleryTabLinks .xengallery li .Popup a:focus{color:rgb(55, 71, 79);text-decoration:none;background-color:transparent;outline:0}

HTML:

.sidePanel__navTabs .navLink:hover{color:rgb(233, 30, 99);text-decoration:none}
.sidePanel__navTabs .SplitCtrl:hover{text-decoration:none;color:rgb(55, 71, 79)}
.sidePanel .tabs li:hover a, .sidePanel .tabs.noLinks li:hover{color:rgb(55, 71, 79)}
.navTabs .navTab:hover, .navTabs .navTab.PopupClosed:hover{color:rgb(55, 71, 79);background-color:transparent}
.navTabs .navTab:hover .navLink, .navTabs .navTab.PopupClosed:hover .navLink, .navTabs .navTab.PopupClosed:hover .SplitCtrl{color:inherit}
#userBar .navTabs .navTab:hover, #userBar .navTabs .navTab.PopupClosed:hover{color:#FFF;background-color: }
#userBar .navTabs .navTab:hover .navLink, #userBar .navTabs .navTab.PopupClosed:hover .navLink,
#userBar .navTabs .navTab.PopupClosed:hover .SplitCtrl{color:inherit}
#XenForo a.twitterLogin span:hover, #XenForo a.fbLogin span:hover, #XenForo .googleLogin span:hover{background:url(rgba.php?r=0&g=0&b=0&a=25);background:rgba(0,0,0,.1);_filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)}
#SignupButton:hover .inner{text-decoration:none}
.message .messageMeta .uix_postbit_privateControlsMenu:hover{color:rgb(33, 150, 243);text-decoration:none}
.LoggedIn .discussionListItem .ReadToggle:hover{background-position: -16px -32px}
.navTabs .navTab.PopupClosed:hover
.SplitCtrl{background-position: -128px }
.DismissParent:hover .DismissCtrl:hover{background-position: -96px 0}
.DismissParent:hover .DismissCtrl:active{background-position: -112px 0}
.downloadButton .inner:hover{color:#FFF}
.button.disabled,.button.disabled:hover,.button.disabled:active,.button.disabled:focus{color:rgba(0,0,0,.26);background:none;box-shadow:none}
.button.primary:hover, .button.primary:active .button.primary:active:focus{box-shadow:0 6px 10px 0 rgba(0,0,0,.15), 0 4px 10px 0 rgba(0,0,0,.25), 0 2px 4px -1px rgba(0,0,0,.25);background-color:rgb(33,150,243);color:#FFF}
.callToAction:hover{text-decoration:none !important}
.button.primary.disabled:hover{box-shadow:none}
.button.primary.disabled:hover{color:rgba(0, 0, 0, .26)}
.sidePanel__navTabs .navLink:hover:before, .sidePanel__navTabs .navTab:hover .SplitCtrl{color:rgb(233, 30, 99)}
#searchBar:hover i{color:rgb(55,71,79)}
.isMetro .tagList .tag:hover{background-color:#fff}
.DismissParent .DismissCtrl:hover:before{color:rgb(33, 150, 243)}

HTML:

.inlineSpoiler:hover{background:rgb(224,224,224)}
body .tabsBb li.active a:hover, body .tabsBb li a:hover {border:1px solid rgb(84, 110, 122);box-shadow:none;background:rgb(96, 125, 139);color:#FFF}
.bbcode-step:hover{opacity:1}
.bbcode-step .bbcode-step-link:hover{background:rgb(96, 125, 139);border-bottom-color:rgb(84, 110, 122);border-top-color:rgb(120, 144, 156)}

You can put the classes into specific tags using trickery. I like using [column] tags because they don't do anything out of rows, or, if you're using them in rows, you can use [h] tags.

The aforementioned trickery: [column=a classhere] and [h=a classhere]

For the non-HTMLers, the text after the dot is a class (.classhere), a comma is an 'or' - it can have either class to work (.classhere, .classthere), no gap between two classes is an 'and' - it has to have both classes to work (.classhere.classthere), and if there is a space between two classes (.classhere .classthere), the latter classes must be in tags that are inside a tag with the former classes ([column=a classhere][column=a classthere]ewaf[/column][/column]). The :hover simply tells us which thing has to be hovered over for the effects to apply.

Examples:

ewaf

Code:

[column=a inlineSpoiler][div=height: 100px;]ewaf[/div][/column]
(from  .inlineSpoiler:hover{background:rgb(224,224,224)}  )
[h=a bbcode-step][div=height: 100px; width: 100px; background-color:green;]ewaf[/div][/h]
(from  .bbcode-step:hover{opacity:1}  )
[column=a button primary]ewaf[/column]
(from  .button.primary:hover, .button.primary:active .button.primary:active:focus{box-shadow:0 6px 10px 0 rgba(0,0,0,.15), 0 4px 10px 0 rgba(0,0,0,.25), 0 2px 4px -1px rgba(0,0,0,.25);background-color:rgb(33,150,243);color:#FFF}  )
[bg=black][column=a isMetro][column=a tagList][column=a tag]ewaf[/column][/column][/column][/bg]
(from  .isMetro .tagList .tag:hover{background-color:#fff}  )

this is pretty useful, thanks. (question, can you add links to them to?)

thoughtless · Apr 7, 2017

omfg this is a gold mine of useful coding
would it be possible to change the color of this one specifically;

ewaf

because it's definitely something i want to try using for character sheets

and

ewolf20 as far as i can tell you can add links to them, i tested it using a post from this thread, though you can see the blue link underline peeking out

EWAF

if you were to use the url coding on the word itself instead of the whole button then i think the underline wouldn't show up, but the only problem is that you'd have to click directly on the word instead of just clicking the button

IctoraPost · Apr 8, 2017

thoughtless said:
omfg this is a gold mine of useful coding
would it be possible to change the color of this one specifically;
ewaf
because it's definitely something i want to try using for character sheets

You can fake it by covering it with another div.

ewaf

Code:

[column=a button primary][div=background: green; margin: 0 -12px; padding: 0 12px; border-radius: 2px;]ewaf[/div][/column]

Note: Only works in the default theme. It just covers the effects in the other themes.

IctoraPost · Apr 8, 2017

NOTICE: This code no longer works. It was based on a bug, which has since been fixed.
(It was a pretty dangerous bug)

More fake tabs. ~~Stole from~~ Inspired by

Nano 's post here (hope you don't mind, Nano).

EWAF

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the De Finibus, Book 1, sections 32–3:

[32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?

[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat…

This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted:

[32] But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?

[33] On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.

.

Code:

[URL='https://www.rpnation.com/threads/some-random-stuff.322381/#firstfirst"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]First[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#secondsecond"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Second[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#thirdthird"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Third[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#fourthfourth"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Fourth[/div][/URL]

[div=overflow: hidden; background: #6a6c95; height: 200px;]
[div=overflow:hidden; height: 100%; padding: 160px 10px 0 10px; margin-top: -160px;]
[div=text-align: center; height: 100%; font-size: 50px;]EWAF[/div]

[div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=firstfirst[/fa][/fa][/div]
[div=height: calc(100% - 25px); overflow: auto;]In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.
[/div]

[div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=secondsecond[/fa][/fa][/div]
[div=height: calc(100% - 25px); overflow: auto;]A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.
[/div]

[div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=thirdthird[/fa][/fa][/div]
[div=height: calc(100% - 25px); overflow: auto;]The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the [I]De Finibus,[/I] Book 1, sections 32–3:

[32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui do[B]lorem ipsum[/B], quia [B]dolor sit amet consectetur adipisci[ng][/B] v[B]elit, sed[/B] quia non numquam [B][do] eius mod[/B]i [B]tempor[/B]a [B]inci[di]dunt, ut labore et dolore magna[/B]m [B]aliqua[/B]m quaerat voluptatem. [B]Ut enim ad minim[/B]a [B]veniam, quis nostru[/B]m [B]exercitation[/B]em [B]ullam co[/B]rporis suscipit [B]labori[/B]o[B]s[/B]am, [B]nisi ut aliquid ex ea commod[/B]i [B]consequat[/B]ur? [B]Quis aute[/B]m vel eum [B]iure reprehenderit,[/B] qui [B]in[/B] ea [B]voluptate velit esse[/B], quam nihil molestiae [B]c[/B]onsequatur, vel [B]illum[/B], qui [B]dolore[/B]m [B]eu[/B]m [B]fugiat[/B], quo voluptas [B]nulla pariatur[/B]?

[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias [B]exceptur[/B]i [B]sint, obcaecat[/B]i [B]cupiditat[/B]e [B]non pro[/B]v[B]ident[/B], similique [B]sunt in culpa[/B], [B]qui officia deserunt mollit[/B]ia [B]anim[/B]i, [B]id est laborum[/B] et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat…
[/div]

[div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=fourthfourth[/fa][/fa][/div]
[div=height: calc(100% - 25px); overflow: auto;]This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted:

[32] But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who [B]loves or pursues or desires to obtain pain of itself, because it is pain, but[/B] occasionally [B]circumstances occur in which toil and pain can procure him some great[/B] pleasure. [B]To take a trivial example, which of us ever[/B] undertakes [B]laborious physical exercise, except to obtain some advantage from it? But who[/B] has any right to [B]find fault[/B] with a man who [B]chooses to enjoy a pleasure[/B] that has no annoying consequences, or [B]one[/B] who [B]avoids a pain[/B] that [B]produces no[/B] resultant pleasure?

[33] On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so [B]blinded by desire, that they cannot foresee[/B] the pain and trouble that are bound to ensue; and equal [B]blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil[/B] and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.
[/div]

[div=height: 100vh; visibility: hidden;].[/div]
[/div]
[/div]

UPDATE:
I've adjusted a few things to make this cleaner. Also forgot to link to intra-post jumps before, so here it is now.

EWAF

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced. The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin. A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker. In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the De Finibus, Book 1, sections 32–3: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?

This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted: But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?

.

[div=max-width: 600px; margin: 0 auto; color: #d2d7d3;][div=margin-bottom: 10px; overflow: auto;][div=float: left; padding: 5px 10px; background-color: #125c11; margin-right: 10px;][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#firstyfirst"']First[/URL][/div][div=float: left; padding: 5px 10px; background-color: #125c11; margin-right: 10px;][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#secondysecond"']Second[/URL][/div][div=float: left; padding: 5px 10px; background-color: #125c11; margin-right: 10px;][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#thirdythird"']Third[/URL][/div][div=float: left; padding: 5px 10px; background-color: #125c11; margin-right: 10px;][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#fourthyfourth"']Fourth[/URL][/div][/div][div=overflow: hidden; background: #125c11; height: 270px; padding: 20px; box-sizing: border-box;][div=overflow: hidden; height: 100%; padding-top: 170px; margin-top: -170px;][div=text-align: center; height: 100%; font-size: 50px;]EWAF[/div][div=font-size: 0;][fa]a[fa]id=firstyfirst[/fa][/fa][/div][div=height: 100%; overflow-y: scroll; margin-top: 170px; padding-right: 99px; width: 100%;]In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced. The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin. A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker. In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.[/div][div=font-size: 0;][fa]a[fa]id=secondysecond[/fa][/fa][/div][div=height: 100%; overflow-y: scroll; margin-top: 170px; padding-right: 99px; width: 100%;]A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.[/div][div=font-size: 0;][fa]a[fa]id=thirdythird[/fa][/fa][/div][div=height: 100%; overflow-y: scroll; margin-top: 170px; padding-right: 99px; width: 100%;]The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the [I]De Finibus,[/I] Book 1, sections 32–3: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?[/div][div=font-size: 0;][fa]a[fa]id=fourthyfourth[/fa][/fa][/div][div=height: 100%; overflow-y: scroll; margin-top: 170px; padding-right: 99px; width: 100%;]This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted: But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/div][div=height: 100vh; visibility: hidden;].[/div][/div][/div][/div]

[

div

=

max-width

:

600

px

;

margin

:

0

auto

;

color

:

#d

2

d

7

d

3

;

]

[

div

=

margin-bottom

:

10

px

;

overflow

:

auto

;

]

[

div

=

float

:

left

;

padding

:

5

px

10

px

;

background-color

:

#

125

c

11

;

margin-right

:

10

px

;

]

[

URL

='https://www.rpnation.com/threads/some-random-stuff.322381/#firstyfirst"']First[/

URL

]

[/

div

]

[

div

=

float

:

left

;

padding

:

5

px

10

px

;

background-color

:

#

125

c

11

;

margin-right

:

10

px

;

]

[

URL

='https://www.rpnation.com/threads/some-random-stuff.322381/#secondysecond"']Second[/

URL

]

[/

div

]

[

div

=

float

:

left

;

padding

:

5

px

10

px

;

background-color

:

#

125

c

11

;

margin-right

:

10

px

;

]

[

URL

='https://www.rpnation.com/threads/some-random-stuff.322381/#thirdythird"']Third[/

URL

]

[/

div

]

[

div

=

float

:

left

;

padding

:

5

px

10

px

;

background-color

:

#

125

c

11

;

margin-right

:

10

px

;

]

[

URL

='https://www.rpnation.com/threads/some-random-stuff.322381/#fourthyfourth"']Fourth[/

URL

]

[/

div

]

[/

div

]

[

div

=

overflow

:

hidden

;

background

:

#

125

c

11

;

height

:

270

px

;

padding

:

20

px

;

box-sizing

:

border-box

;

]

[

div

=

overflow

:

hidden

;

height

:

100

%

;

padding-top

:

170

px

;

margin-top

:

-

170

px

;

]

[

div

=

text-align

:

center

;

height

:

100

%

;

font-size

:

50

px

;

]EWAF[/

div

]

[

div

=

font-size

:

0

;

][

fa

]a[

fa

]id=firstyfirst[/

fa

][/

fa

][/

div

]

[

div

=

height

:

100

%

;

overflow-y

:

scroll

;

margin-top

:

170

px

;

padding-right

:

99

px

;

width

:

100

%

;

]In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced. The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin. A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker. In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.[/

div

]

[

div

=

font-size

:

0

;

][

fa

]a[[

fa

]id=secondysecond[/

fa

][/

fa

][/

div

]

[

div

=

height

:

100

%

;

overflow-y

:

scroll

;

margin-top

:

170

px

;

padding-right

:

99

px

;

width

:

100

%

;

]A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "Lorem ipsum" text is derived from sections 10.33 of Cicero's De finibus bonorum et malorum.It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.[/

div

]

[

div

=

font-size

:

0

;

][

fa

]a[

fa

]id=thirdythird[/

fa

][/

fa

][/

div

]

[

div

=

height

:

100

%

;

overflow-y

:

scroll

;

margin-top

:

170

px

;

padding-right

:

99

px

;

width

:

100

%

;

]The original version

(with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the [

I

]De Finibus,[/

I

] Book 1, sections 32–3: Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?[/

div

]

[

div

=

font-size

:

0

;

][

fa

]a[

fa

]id=fourthyfourth[/

fa

][/

fa

][/

div

]

[

div

=

height

:

100

%

;

overflow-y

:

scroll

;

margin-top

:

170

px

;

padding-right

:

99

px

;

width

:

100

%

;

]This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted: But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/

div

]

[

div

=

height

:

100

vh

;

visibility

:

hidden

;

].[/

div

]

[/

div

]

[/

div

]

[/

div

]

CupAndCough · Apr 8, 2017

Oh boy what wonder of spaghetti code I can make with these.

Cychotic · Apr 10, 2017

IctoraPost said:
More fake tabs. ~~Stole from~~ Inspired by Nano 's post here (hope you don't mind, Nano).

First
Second
Third
Fourth

EWAF

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin.

A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum.

It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature.

The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today.

The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the De Finibus, Book 1, sections 32–3:

[32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?

[33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat…

This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted:

[32] But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?

[33] On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.

.

Code:

[URL='https://www.rpnation.com/threads/some-random-stuff.322381/#firstfirst"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]First[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#secondsecond"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Second[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#thirdthird"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Third[/div][/URL][URL='https://www.rpnation.com/threads/some-random-stuff.322381/#fourthfourth"'][div=float: left; padding: 5px; border: 3px double #545677; background-color: #6a6c95; margin-right: 10px;]Fourth[/div][/URL] [div=overflow: hidden; background: #6a6c95; height: 200px;] [div=overflow:hidden; height: 100%; padding: 160px 10px 0 10px; margin-top: -160px;] [div=text-align: center; height: 100%; font-size: 50px;]EWAF[/div] [div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=firstfirst[/fa][/fa][/div] [div=height: calc(100% - 25px); overflow: auto;]In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced. The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin. A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker. In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced. The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed to make it nonsensical, improper Latin. A variation of the ordinary lorem ipsum text has been used in typesetting since the 1960s or earlier, when it was popularized by advertisements for Letraset transfer sheets. It was introduced to the Information Age in the mid-1980s by Aldus Corporation, which employed it in graphics and word-processing templates for its desktop publishing program PageMaker. [/div] [div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=secondsecond[/fa][/fa][/div] [div=height: calc(100% - 25px); overflow: auto;]A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum. It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature. The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today. A common form of lorem ipsum reads: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "Lorem ipsum" text is derived from sections 1.10.33 of Cicero's De finibus bonorum et malorum. It is not known exactly when the text obtained its current standard form; it may have been as late as the 1960s. Dr. Richard McClintock, a Latin scholar who was the publications director at Hampden–Sydney College in Virginia, discovered the source of the passage sometime before 1982 while searching for instances of the Latin word "consectetur", rarely used in classical literature. The physical source of the Lorem Ipsum text may be the 1914 Loeb Classical Library Edition of the De Finibus, where the Latin text, presented on the even-numbered pages, breaks of on page 34 with "Neque porro quisquam est qui do-" and continues on page 36 with "lorem ipsum ...", suggesting that the galley type of that page 36 was mixed up to make the dummy text seen today. [/div] [div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=thirdthird[/fa][/fa][/div] [div=height: calc(100% - 25px); overflow: auto;]The original version (with the excerpted items highlighted) appears in the 1914 Loeb Classical Library Edition of the [I]De Finibus,[/I] Book 1, sections 32–3: [32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui do[B]lorem ipsum[/B], quia [B]dolor sit amet consectetur adipisci[ng][/B] v[B]elit, sed[/B] quia non numquam [B][do] eius mod[/B]i [B]tempor[/B]a [B]inci[di]dunt, ut labore et dolore magna[/B]m [B]aliqua[/B]m quaerat voluptatem. [B]Ut enim ad minim[/B]a [B]veniam, quis nostru[/B]m [B]exercitation[/B]em [B]ullam co[/B]rporis suscipit [B]labori[/B]o[B]s[/B]am, [B]nisi ut aliquid ex ea commod[/B]i [B]consequat[/B]ur? [B]Quis aute[/B]m vel eum [B]iure reprehenderit,[/B] qui [B]in[/B] ea [B]voluptate velit esse[/B], quam nihil molestiae [B]c[/B]onsequatur, vel [B]illum[/B], qui [B]dolore[/B]m [B]eu[/B]m [B]fugiat[/B], quo voluptas [B]nulla pariatur[/B]? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias [B]exceptur[/B]i [B]sint, obcaecat[/B]i [B]cupiditat[/B]e [B]non pro[/B]v[B]ident[/B], similique [B]sunt in culpa[/B], [B]qui officia deserunt mollit[/B]ia [B]anim[/B]i, [B]id est laborum[/B] et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat… [/div] [div=visibility: hidden; height: 0; margin-bottom: 150px;][fa]a[fa]id=fourthfourth[/fa][/fa][/div] [div=height: calc(100% - 25px); overflow: auto;]This is H. Rackham's 1914 translation – in the aforementioned Loeb Classical Library edition – with the major source of lorem ipsum highlighted: [32] But I must explain to you how all this mistaken idea of denouncing of a pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who [B]loves or pursues or desires to obtain pain of itself, because it is pain, but[/B] occasionally [B]circumstances occur in which toil and pain can procure him some great[/B] pleasure. [B]To take a trivial example, which of us ever[/B] undertakes [B]laborious physical exercise, except to obtain some advantage from it? But who[/B] has any right to [B]find fault[/B] with a man who [B]chooses to enjoy a pleasure[/B] that has no annoying consequences, or [B]one[/B] who [B]avoids a pain[/B] that [B]produces no[/B] resultant pleasure? [33] On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so [B]blinded by desire, that they cannot foresee[/B] the pain and trouble that are bound to ensue; and equal [B]blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil[/B] and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammeled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains. [/div] [div=height: 100vh; visibility: hidden;].[/div] [/div] [/div]

Is there anyway to make the buttons from the previous post as the tabs?

IctoraPost · Apr 11, 2017

Cychotic said:
Is there anyway to make the buttons from the previous post as the tabs?

Yes, you can. Just replace the stuff inside the URL tag with the button and you'll be all set.

I see you've already figured it out, though, so I didn't really need to say that.

Cychotic · Apr 11, 2017

IctoraPost said:
Yes, you can. Just replace the stuff inside the URL tag with the button and you'll be all set.

I see you've already figured it out, though, so I didn't really need to say that.

Yes, I did, but thank you anyways!

Cychotic · Apr 13, 2017

ewaf

Code:

[bg=black]
[column=a button secondary] ewaf [/column]
[/bg]

I found something? A different button class? I can't quite figure out how to change the hover colour or the text colour, but there it is.

IctoraPost · Apr 14, 2017

Cychotic said:
ewaf

Code:

[bg=black] [column=a button secondary] ewaf [/column] [/bg]

I found something? A different button class? I can't quite figure out how to change the hover colour or the text colour, but there it is.

Yeah, there's a lot of different buttons on the site.

I think I'll go make a post on them. brb

IctoraPost · Apr 14, 2017

There are four types of buttons on the site:

[column=a button]

[column=a button primary]

[column=a button smallButton]

(smallButton, case sensitive)

[column=a button disabled]

(only works on default theme)

These can, of course, be combined:

[column=a button primary smallButton]

[column=a button primary disabled]

(only works on default theme)

[column=a button smallButton disabled]

(only works on default theme)

[column=a button primary smallButton disabled]

(only works on default theme)

These buttons are different between themes, so be careful when using them.

In the default theme, for the "button primary", you can keep the hover shadow effect while having a different background by covering it with another div. In the other themes, however, it just blocks off the background color change hover effect completely.

ewaf

Code:

[column=a button primary][div=background: green; margin: 0 -12px; padding: 0 12px; border-radius: 2px;]ewaf[/div][/column]

Here's one for "button primary smallButton"

ewaf

Code:

[column=a button primary smallButton][div=background: green; margin: 0 -4px; padding: 0 4px; border-radius: 2px;]ewaf[/div][/column]

The buttons can be made more like buttons by putting a URL tag around them.

[column=a button]

[column=a button primary]

Code:

[URL='\'][column=a button][plain][column=a button][/plain][/column][/URL]
[URL='https://www.rpnation.com/]'][column=a button primary][plain][column=a button primary][/plain][/column][/URL]

Resource Some Random Stuff

You've got mail

You've got mail

You've got mail

You've got mail

the aspiring roleplayer

the aspiring roleplayer

You've got mail

You've got mail

You've got mail

You've got mail

neru

You've got mail

You've got mail

You've got mail

the aspiring roleplayer

fetch

You've got mail

You've got mail

Sought Hope Here, Became Blind To It

♠ sᴘᴀᴅᴇs

You've got mail

♠ sᴘᴀᴅᴇs

♠ sᴘᴀᴅᴇs

You've got mail

You've got mail

Users who are viewing this thread

Similar threads