[nospaces]
[attr="class","ott"]
[attr="class","otbox"]
[attr="class","m box"]
[attr="class","scroll"]
"Have you ever been to the Iron Republic?" Things are different there.[break][break]
A long silence.[break][break]
Then a sound. Is she... is she weeping?
"Yes," she says very quietly.
"Just once."[break][break]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elit nisi, venenatis sed sagittis sit amet, aliquam non augue. Sed lacinia mauris et justo placerat, nec aliquam sem sodales. Sed eget tincidunt libero.
Suspendisse id pulvinar enim, vitae fringilla ligula. Vivamus lacinia, ipsum tempus pretium pretium, nibh quam dignissim quam, at lobortis elit eros a justo.[break][break]
Maecenas maximus odio sed euismod efficitur. Pellentesque eget ullamcorper eros. Mauris sed lorem at turpis aliquet cursus dictum a turpis. Vivamus vitae nulla eget est facilisis sagittis nec non diam. Sed bibendum
nisi sapien, non suscipit risus ultricies at. Morbi non efficitur nibh. Cras imperdiet mollis ornare. Nulla viverra enim vel tincidunt sodales. Vivamus blandit malesuada augue, a aliquet nibh faucibus sit amet. Donec sed sollicitudin lacus, nec facilisis mi. Phasellus dui felis, venenatis ac orci vitae, iaculis tristique neque.
[attr="class","line"]
[attr="class","t box"]
[attr="class","tpic"]
[attr="class","title"]
A slow boat passing a dark beach on a silent river
[attr="class","sub"]
Mysteries are fire. Truth burns.
[attr="class","n box"]
NOTES go here / TAG name[break]as well as any other stuff you want to add
[attr="class","harjacredit"]
harja[googlefont=Roboto:100,400,700]
[newclass=".ott *::-webkit-scrollbar,.ott *::-webkit-scrollbar-track,.ott *::-webkit-scrollbar-thumb"]border:0;width:0;[/newclass]
[newclass=".ott"]margin:30px auto 0;width:600px;height:350px;position:relative;font-family:'roboto';font-size:12px;text-align:justify;color:#212121;[/newclass]
[newclass=".otbox"]width:300px;position:relative;transform:translatex(150px);transition:.5s .6s;[/newclass]
[newclass=".ott:hover .otbox"]transform:translatex(300px);transition:.5s;[/newclass]
[newclass=".ott b"]color:#B46C6C;[/newclass]
[newclass=".ott i"]color:#C38989;[/newclass]
[newclass=".ott .box"]position:absolute;top:0;right:0;width:300px;height:350px;box-sizing:border-box;[/newclass]
[newclass=".m"]background:white;position:relative;line-height:1.4;[/newclass]
[newclass=".m::before,.m::after"]content:'';position:absolute;left:0;background:white;height:20px;width:280px;[/newclass]
[newclass=".m::before"]top:0;[/newclass]
[newclass=".m::after"]bottom:0;[/newclass]
[newclass=".m .scroll"]width:260px;height:330px;padding:20px 20px 0;overflow:auto;[/newclass]
[newclass=".m .line"]height:20px;[/newclass]
[newclass=".m b"]font-size:13px;[/newclass]
[newclass=".t"]transform:perspective(2000px) rotateY(0deg);transform-origin:0%;display:flex;align-items:center;flex-direction:column;justify-content:center;background:url(http://i.imgur.com/a8S4UOB.png) center;background-size:25px;text-transform:uppercase;text-align-last:justify;font-weight:100;transition:.3s .3s linear;[/newclass]
[newclass=".ott:hover .t"]transform:perspective(2000px) rotateY(-90deg);transition:.3s .5s linear;[/newclass]
[newclass=".tpic"]width:250px;height:230px;background:url(http://i.imgur.com/tiv4puY.png) center;background-size:cover;border-radius:20px;margin:15px 0 10px;[/newclass]
[newclass=".t .title"]width:250px;font-size:20px;line-height:0.9;letter-spacing:-1px;word-spacing:-3px;padding:10px 25px 0;background:white;[/newclass]
[newclass=".t b"]font-weight:400;[/newclass]
[newclass=".t .sub"]width:250px;font-size:11px;letter-spacing:;line-height:1;background:white;padding:5px 25px 10px;[/newclass]
[newclass=".n"]transform:perspective(2000px) rotateY(90deg);transform-origin:100%;background:url(http://sig.grumpybumpers.com/host/cdhitemplatehover.gif);background-size:cover;right:300px!important;transition:.3s linear;padding:20px;display:flex;align-items:flex-end;justify-content:center;[/newclass]
[newclass=".n div"]background:white;text-align:center;padding:5px;font-size:11px;max-width:260px;[/newclass]
[newclass=".ott:hover .n"]transform:perspective(2000px) rotateY(0deg);transition:.3s .8s linear;[/newclass]
[newclass=".harjacredit"]text-align:center;font-size:8px;font-family:arial;text-transform:uppercase;[/newclass]