Post by Yoru Fureur on Aug 30, 2017 0:48:25 GMT
[nospaces][googlefont=Roboto:400,600|Montserrat:400,600,800]
[newclass=.jarchmb]margin:0 auto; width:580px; height:500px; position:relative; background:#444; overflow:hidden; } .jarchmbt { background:#444; position:absolute; top:0; right:0; width:420px; height:500px; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); z-index:3; } .jarchmbtminilyr { font-family:Montserrat; font-weight:600; font-size:30px; color:#fff; position:absolute; bottom:62px; left:-7px; line-height:22px; text-transform:uppercase; z-index:5; } .jarchmbtlyr { font-family:Montserrat; font-weight:800; font-size:90px; letter-spacing:-5px; color:#fff; position:absolute; bottom:-15px; left:-15px; line-height:100%; text-transform:uppercase; z-index:5; } .jarchmbtt { width:300px; height:340px; padding:20px; color:#ddd; font-family:Calibri; font-size:11px; text-align:justify; overflow:auto; position:absolute; top:20px; right:20px; } .jarchmbtt b { font-family:Montserrat; font-weight:600; color:#fff; } .jarchmbtt::-webkit-scrollbar {width:2px;} .jarchmbtt::-webkit-scrollbar-track {background:#333;} .jarchmbtt::-webkit-scrollbar-thumb {background:#555;} .jarchmbimg { position:absolute; top:0; left:0; } .jarchmbimg img { height:500px; filter:grayscale(100%); } .jarchmbfilter { background:#ccc; z-index:2; opacity:0.7; height:500px; width:450px; position:absolute; top:0; left:0; } .jarchmbicon { width:60px; height:60px; border:10px solid #fff; border-radius:100%; position:absolute; bottom:10px; right:10px; text-align:center; transition:all 1s ease-in-out; z-index:5; } .jarchmbicon img { width:60px; height:60px; border-radius:100%; filter:grayscale(50%); } .jarchmb:hover .jarchmbicon { right:210px; } .jarchmbline { background:-webkit-linear-gradient(left,transparent,#666); width:560px; height:50px; padding:10px; position:absolute; bottom:15px; z-index:4; overflow:auto; transition:all 1s ease-in-out; } .jarchmbtag { width:170px; padding:10px; height:50px; font-family:Roboto; color:#ddd; font-weight:600; font-size:8px; letter-spacing:1px; overflow:auto; text-transform:uppercase; position:absolute; right:-180px; bottom:15px; z-index:5; text-align:justify; line-height:9px; transition:all 1s ease-in-out; } .jarchmb:hover .jarchmbtag { right:20px; } .jarchmbtag::-webkit-scrollbar {width:2px;} .jarchmbtag::-webkit-scrollbar-thumb {background:#555;} .jarchmbtag::-webkit-scrollbar-track {background:#777;}.jarchmbcred {font-family:Roboto;font-weight:400;font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#ccc;}.jarchmbcred a {color:#ccc;text-decoration:none;font-size:7px;font-family:Roboto;[/newclass]
[attr="class","jarchmb"]
[attr="class","jarchmbfilter"]
[attr="class","jarchmbimg"]
[attr="class","jarchmbicon"]
[attr="class","jarchmbline"]
[attr="class","jarchmbtag"]
@open || just come on in <3
@open || just come on in <3
[attr="class","jarchmbt"]
[attr="class","jarchmbtt"]
The world this was now was new, different and just.... unnerving. No dragons were anywhere here which was the first tip that Yoru had for things being completely different from the way of life on that little island. That wasn't even including the fact that he'd joined the landwalkers in form while still retaining his wings but still unable to fly. Because of their distrust to 'new' the teen had made sure to cover up his horns with a cap and tuck his wings away where no one could see. Better safe than sorry after what Hiccup's father had done to him.[break][break]
But the park was nice. Being in the wide open spaces made him wanna run around and try to catch leaves on his tongue... although that probably wasn't a very landwalker thing to do. No it's 'human' isn't it? That sounded right. Since landing here there had been all kinds of adjustment that he had to make to his lifestyle. One of those had been to figure out the 'human' language and speak it which he couldn't do fluently. It would be so much easier to just growl at them all. Hiccup had been able to understand him.[break][break]
Sighing he finally threw his legs out in front of him and stared up at the sky, wishing just like he always did. Just once he wanted to be up there in the clouds again, to breathe in the air from above and fly freely knowing that he wouldn't have to return to the earth for ages. But now he was grounded. No he remained grounded. Without Hiccup, even this new place refused to let him have the freedom he so wished for. [break][break]
"Why." he muttered to himself. "Why no fly..."
The world this was now was new, different and just.... unnerving. No dragons were anywhere here which was the first tip that Yoru had for things being completely different from the way of life on that little island. That wasn't even including the fact that he'd joined the landwalkers in form while still retaining his wings but still unable to fly. Because of their distrust to 'new' the teen had made sure to cover up his horns with a cap and tuck his wings away where no one could see. Better safe than sorry after what Hiccup's father had done to him.[break][break]
But the park was nice. Being in the wide open spaces made him wanna run around and try to catch leaves on his tongue... although that probably wasn't a very landwalker thing to do. No it's 'human' isn't it? That sounded right. Since landing here there had been all kinds of adjustment that he had to make to his lifestyle. One of those had been to figure out the 'human' language and speak it which he couldn't do fluently. It would be so much easier to just growl at them all. Hiccup had been able to understand him.[break][break]
Sighing he finally threw his legs out in front of him and stared up at the sky, wishing just like he always did. Just once he wanted to be up there in the clouds again, to breathe in the air from above and fly freely knowing that he wouldn't have to return to the earth for ages. But now he was grounded. No he remained grounded. Without Hiccup, even this new place refused to let him have the freedom he so wished for. [break][break]
"Why." he muttered to himself. "Why no fly..."
[attr="class","jarchmbtminilyr"]way up[break]high[break]where[break]they can't[break]see me
[attr="class","jarchmbtlyr"]FLY
[attr="class","jarchmbcred"]jaronart
[newclass=.jarchmb]margin:0 auto; width:580px; height:500px; position:relative; background:#444; overflow:hidden; } .jarchmbt { background:#444; position:absolute; top:0; right:0; width:420px; height:500px; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); z-index:3; } .jarchmbtminilyr { font-family:Montserrat; font-weight:600; font-size:30px; color:#fff; position:absolute; bottom:62px; left:-7px; line-height:22px; text-transform:uppercase; z-index:5; } .jarchmbtlyr { font-family:Montserrat; font-weight:800; font-size:90px; letter-spacing:-5px; color:#fff; position:absolute; bottom:-15px; left:-15px; line-height:100%; text-transform:uppercase; z-index:5; } .jarchmbtt { width:300px; height:340px; padding:20px; color:#ddd; font-family:Calibri; font-size:11px; text-align:justify; overflow:auto; position:absolute; top:20px; right:20px; } .jarchmbtt b { font-family:Montserrat; font-weight:600; color:#fff; } .jarchmbtt::-webkit-scrollbar {width:2px;} .jarchmbtt::-webkit-scrollbar-track {background:#333;} .jarchmbtt::-webkit-scrollbar-thumb {background:#555;} .jarchmbimg { position:absolute; top:0; left:0; } .jarchmbimg img { height:500px; filter:grayscale(100%); } .jarchmbfilter { background:#ccc; z-index:2; opacity:0.7; height:500px; width:450px; position:absolute; top:0; left:0; } .jarchmbicon { width:60px; height:60px; border:10px solid #fff; border-radius:100%; position:absolute; bottom:10px; right:10px; text-align:center; transition:all 1s ease-in-out; z-index:5; } .jarchmbicon img { width:60px; height:60px; border-radius:100%; filter:grayscale(50%); } .jarchmb:hover .jarchmbicon { right:210px; } .jarchmbline { background:-webkit-linear-gradient(left,transparent,#666); width:560px; height:50px; padding:10px; position:absolute; bottom:15px; z-index:4; overflow:auto; transition:all 1s ease-in-out; } .jarchmbtag { width:170px; padding:10px; height:50px; font-family:Roboto; color:#ddd; font-weight:600; font-size:8px; letter-spacing:1px; overflow:auto; text-transform:uppercase; position:absolute; right:-180px; bottom:15px; z-index:5; text-align:justify; line-height:9px; transition:all 1s ease-in-out; } .jarchmb:hover .jarchmbtag { right:20px; } .jarchmbtag::-webkit-scrollbar {width:2px;} .jarchmbtag::-webkit-scrollbar-thumb {background:#555;} .jarchmbtag::-webkit-scrollbar-track {background:#777;}.jarchmbcred {font-family:Roboto;font-weight:400;font-size:7px;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#ccc;}.jarchmbcred a {color:#ccc;text-decoration:none;font-size:7px;font-family:Roboto;[/newclass]
