Post by Deleted on Apr 21, 2017 22:16:52 GMT
[nospaces]
[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:#7E57C2;[/newclass]
[newclass=".ott i"]color:#B39DDB;[/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/GeNBmrJ.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://i.imgur.com/xrRcTgy.jpg);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]
[attr="class","ott"]
[attr="class","otbox"]
[attr="class","m box"]
[attr="class","scroll"]
angelica brushes her hair off of her shoulder, huffing. she accidentally forgot something in class, and had to run to get it. it wasn't like she's in a particular hurry, but she likes doing things as quickly as possible; it helps her focus and concentrate. and on what? well, she needs to find that out some other time. philosophy was never her strong point-even though some of her teachers would claim otherwise. sometimes it seemed like it was half guesswork and the other time half bullshit, so she doesn't really care much for it. besides.
[break][break]
this isn't some half-finished shounen manga. spouting out lines and lines of poetic heroism doesn't save you-it gets you killed. and yes, there's not a lot to fight besides trying not to get sick and your superpowered classmates, but angelica is a firm believer in eventually even if she's sort of impatient at times. she sighs, bounding up the last couple of stairs, and pushes open the door, blinking to get used to the change in lighting. ah, it's nice out. she kind of appreciates that whatever divine entity is up there wanted to make it nice.
[break][break]
or, you know, science.
[break][break]
it seemed deserted for now, so she bounds over to the edge, sitting down next to one of the railings and watching people mill around. school just let out, so they're dispersing in their own little groups. angelica would have left, too, but she's bored and doesn't want to go back: she basically has nothing to do, anyways, which is kind of sad and more befitting of a first-year student than an actual second year. but just relaxing on the roof didn't seem to be such a bad idea, either, and so she leaned back against the railing, humming to herself.
angelica brushes her hair off of her shoulder, huffing. she accidentally forgot something in class, and had to run to get it. it wasn't like she's in a particular hurry, but she likes doing things as quickly as possible; it helps her focus and concentrate. and on what? well, she needs to find that out some other time. philosophy was never her strong point-even though some of her teachers would claim otherwise. sometimes it seemed like it was half guesswork and the other time half bullshit, so she doesn't really care much for it. besides.
[break][break]
this isn't some half-finished shounen manga. spouting out lines and lines of poetic heroism doesn't save you-it gets you killed. and yes, there's not a lot to fight besides trying not to get sick and your superpowered classmates, but angelica is a firm believer in eventually even if she's sort of impatient at times. she sighs, bounding up the last couple of stairs, and pushes open the door, blinking to get used to the change in lighting. ah, it's nice out. she kind of appreciates that whatever divine entity is up there wanted to make it nice.
[break][break]
or, you know, science.
[break][break]
it seemed deserted for now, so she bounds over to the edge, sitting down next to one of the railings and watching people mill around. school just let out, so they're dispersing in their own little groups. angelica would have left, too, but she's bored and doesn't want to go back: she basically has nothing to do, anyways, which is kind of sad and more befitting of a first-year student than an actual second year. but just relaxing on the roof didn't seem to be such a bad idea, either, and so she leaned back against the railing, humming to herself.
[attr="class","line"]
[attr="class","t box"]
[attr="class","tpic"]
[attr="class","title"]
A slow boat passing a dark beach on a silent river
A slow boat passing a dark beach on a silent river
[attr="class","sub"]
Mysteries are fire. Truth burns.
Mysteries are fire. Truth burns.
[attr="class","n box"]
[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:#7E57C2;[/newclass]
[newclass=".ott i"]color:#B39DDB;[/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/GeNBmrJ.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://i.imgur.com/xrRcTgy.jpg);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]