Код:
<!--HTML--><style type="text/css">
.ahhold{width:350px; height:450px; background-image: url('http://i.imgur.com/9iLeyDE.jpg'); position:relative; overflow:hidden;}
.ahtitle{background-color:#121212; width:350px;}
.t1tle{font-family: 'poiret one', sans-serif; font-size:18px;color:#77a67e; text-transform: uppercase; line-height:100%; padding: 20px 0px 0px 0px; }
.ahcap{font-family: 'times', serif; font-size: 9px; text-transform: lowercase; font-style: italic; line-height:100%; padding-bottom:10px; letter-spacing: 2px; color:#4c4c4c;}
.ahhold .ahbg{width:350px; height:450px;
top:0px; left:0px; position: absolute;-webkit-transition: all 2s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; opacity: 0; background-color:#121212;}
.ahhold:hover .ahbg{opacity: 1;}
.ahtext{width:70%; height:250px; overflow: auto; text-align: justify; line-height:100%; padding-right:10px; color:#777777; font-family: 'calibri', sans-serif; font-size: 10px; padding-left:10px;}
.ahbot{padding-top: 20px;width:80%; text-transform: lowercase; font-family: 'times', serif; font-size:9px; font-style: italic; text-align: center; color:#77a67e; letter-spacing:1px; line-height:100%;}
.ahtext::-webkit-scrollbar{ width: 4px; height: 4px; background-color: transparent; }
.ahtext::-webkit-scrollbar-track{ height: 4px; width:4px; background-color: transparent; }
.ahtext::-webkit-scrollbar-thumb{ background-color: #77a67e; }
</style>
<div class="ahbg"><img src="http://i.imgur.com/JvDeczN.gif" height="120px" style="padding-bottom:20px;">
<div class="ahtext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue sapien ut massa scelerisque, nec hendrerit sapien sodales. Integer sagittis erat et sollicitudin lobortis. Maecenas lobortis mauris sit amet nisl ultrices efficitur. Proin eu cursus ligula. Fusce bibendum, quam vitae ullamcorper venenatis, eros eros vehicula enim, eu maximus justo tellus sed arcu. Donec et tincidunt magna. Vestibulum lacinia velit dui, nec efficitur ipsum accumsan non. Vestibulum eleifend luctus diam in rhoncus. Sed porta lacinia erat, vitae lobortis risus dignissim sed. Integer scelerisque aliquam fermentum. Aliquam erat volutpat. Cras vel consequat justo, sit amet elementum lacus.
<p>Suspendisse nec odio porttitor, tincidunt justo vitae, sodales elit. Pellentesque dapibus leo vel malesuada elementum. Phasellus imperdiet a nulla ac consectetur. In hac habitasse platea dictumst. Ut molestie orci massa, ut mattis nulla facilisis sed. Nullam sodales felis id justo tempus ornare. Donec porttitor libero quis ultrices ornare. Morbi eget turpis nulla. Donec ac odio hendrerit, accumsan tortor vel, fringilla ligula. Sed euismod lorem nec metus ornare, a porta mauris finibus. Donec dui odio, consectetur eleifend elit a, tempor consectetur mi. Sed nec nulla ut quam scelerisque finibus. Ut felis leo, porttitor eget condimentum eu, molestie vel dui. In et sem id diam blandit mollis. Nulla laoreet condimentum erat, eu faucibus enim laoreet et.
</p><p>Pellentesque at hendrerit justo. Sed tellus metus, pharetra vel lacus vitae, fermentum accumsan tellus. Cras et quam in augue fermentum sodales. Donec eget felis ut urna vulputate placerat. Etiam ullamcorper, massa non ultricies hendrerit, enim mi dapibus enim, ut suscipit justo sapien vel nunc. Fusce id dui a felis tristique sodales. Etiam eu convallis nisi, id vehicula dui. Morbi aliquet, quam a porttitor lacinia, urna massa scelerisque massa, ac convallis dui nisl sed urna. Vestibulum ligula neque, tempus ac molestie nec, mattis eu ante. Phasellus sit amet sapien neque. Donec sit amet nibh vestibulum, porttitor purus a, blandit augue.
</p><p>Nam ullamcorper volutpat mi, auctor tristique est vestibulum quis. Sed eu varius massa, sit amet iaculis justo. Duis malesuada tincidunt nulla, in pharetra ante consequat in. Aliquam suscipit neque vel porttitor pretium. Praesent pellentesque lacus non eros faucibus, non egestas sapien viverra. Donec rutrum nulla vel vestibulum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit orci, euismod non aliquet sed, pretium nec neque. Proin neque elit, pretium eget eros ac, vehicula sodales ante. Morbi pharetra diam vel felis elementum accumsan. Nullam sapien metus, hendrerit vitae massa non, vestibulum placerat ligula. Suspendisse sit amet dapibus felis. Phasellus luctus massa odio, ac rutrum nibh tincidunt eget. Nulla feugiat massa vitae laoreet tincidunt.
</p><p>Nunc efficitur volutpat dui non interdum. Ut egestas suscipit ornare. Aenean lobortis leo sed efficitur tincidunt. Nullam molestie nulla a ipsum luctus, in tempor risus condimentum. Aliquam aliquet leo enim, vel consequat eros molestie quis. Aenean in augue venenatis erat suscipit aliquam. Maecenas tristique, justo ut imperdiet sodales, arcu lectus mollis arcu, in vestibulum enim orci eget ex. Sed quis lacus neque.</p></div>
<div class="ahbot">words: ### | tag: here | notes: go here</div></div><div class="ahhold"><div class="ahbg"><img src="http://i.imgur.com/JvDeczN.gif" height="120px" style="padding-bottom:20px;">
<div class="ahtext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue sapien ut massa scelerisque, nec hendrerit sapien sodales. Integer sagittis erat et sollicitudin lobortis. Maecenas lobortis mauris sit amet nisl ultrices efficitur. Proin eu cursus ligula. Fusce bibendum, quam vitae ullamcorper venenatis, eros eros vehicula enim, eu maximus justo tellus sed arcu. Donec et tincidunt magna. Vestibulum lacinia velit dui, nec efficitur ipsum accumsan non. Vestibulum eleifend luctus diam in rhoncus. Sed porta lacinia erat, vitae lobortis risus dignissim sed. Integer scelerisque aliquam fermentum. Aliquam erat volutpat. Cras vel consequat justo, sit amet elementum lacus.
<p>Suspendisse nec odio porttitor, tincidunt justo vitae, sodales elit. Pellentesque dapibus leo vel malesuada elementum. Phasellus imperdiet a nulla ac consectetur. In hac habitasse platea dictumst. Ut molestie orci massa, ut mattis nulla facilisis sed. Nullam sodales felis id justo tempus ornare. Donec porttitor libero quis ultrices ornare. Morbi eget turpis nulla. Donec ac odio hendrerit, accumsan tortor vel, fringilla ligula. Sed euismod lorem nec metus ornare, a porta mauris finibus. Donec dui odio, consectetur eleifend elit a, tempor consectetur mi. Sed nec nulla ut quam scelerisque finibus. Ut felis leo, porttitor eget condimentum eu, molestie vel dui. In et sem id diam blandit mollis. Nulla laoreet condimentum erat, eu faucibus enim laoreet et.
</p><p>Pellentesque at hendrerit justo. Sed tellus metus, pharetra vel lacus vitae, fermentum accumsan tellus. Cras et quam in augue fermentum sodales. Donec eget felis ut urna vulputate placerat. Etiam ullamcorper, massa non ultricies hendrerit, enim mi dapibus enim, ut suscipit justo sapien vel nunc. Fusce id dui a felis tristique sodales. Etiam eu convallis nisi, id vehicula dui. Morbi aliquet, quam a porttitor lacinia, urna massa scelerisque massa, ac convallis dui nisl sed urna. Vestibulum ligula neque, tempus ac molestie nec, mattis eu ante. Phasellus sit amet sapien neque. Donec sit amet nibh vestibulum, porttitor purus a, blandit augue.
</p><p>Nam ullamcorper volutpat mi, auctor tristique est vestibulum quis. Sed eu varius massa, sit amet iaculis justo. Duis malesuada tincidunt nulla, in pharetra ante consequat in. Aliquam suscipit neque vel porttitor pretium. Praesent pellentesque lacus non eros faucibus, non egestas sapien viverra. Donec rutrum nulla vel vestibulum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit orci, euismod non aliquet sed, pretium nec neque. Proin neque elit, pretium eget eros ac, vehicula sodales ante. Morbi pharetra diam vel felis elementum accumsan. Nullam sapien metus, hendrerit vitae massa non, vestibulum placerat ligula. Suspendisse sit amet dapibus felis. Phasellus luctus massa odio, ac rutrum nibh tincidunt eget. Nulla feugiat massa vitae laoreet tincidunt.
</p><p>Nunc efficitur volutpat dui non interdum. Ut egestas suscipit ornare. Aenean lobortis leo sed efficitur tincidunt. Nullam molestie nulla a ipsum luctus, in tempor risus condimentum. Aliquam aliquet leo enim, vel consequat eros molestie quis. Aenean in augue venenatis erat suscipit aliquam. Maecenas tristique, justo ut imperdiet sodales, arcu lectus mollis arcu, in vestibulum enim orci eget ex. Sed quis lacus neque.</p></div>
<div class="ahbot">words: ### | tag: here | notes: go here</div></div></div><div style="width:350px; text-align: right; font-size: 10px;"><a href="http://cttw.b1.jcink.com/index.php?showuser=12">∎</a> <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=13843" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a></div><center>
<div class="ahtitle"><div class="t1tle">someday you'll return to it</div>
<div class="ahcap">elm shade, red rust clay you grew up on</div></div>
<div class="ahhold"><div class="ahbg"><img src="http://i.imgur.com/JvDeczN.gif" height="120px" style="padding-bottom:20px;">
<div class="ahtext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue sapien ut massa scelerisque, nec hendrerit sapien sodales. Integer sagittis erat et sollicitudin lobortis. Maecenas lobortis mauris sit amet nisl ultrices efficitur. Proin eu cursus ligula. Fusce bibendum, quam vitae ullamcorper venenatis, eros eros vehicula enim, eu maximus justo tellus sed arcu. Donec et tincidunt magna. Vestibulum lacinia velit dui, nec efficitur ipsum accumsan non. Vestibulum eleifend luctus diam in rhoncus. Sed porta lacinia erat, vitae lobortis risus dignissim sed. Integer scelerisque aliquam fermentum. Aliquam erat volutpat. Cras vel consequat justo, sit amet elementum lacus.
<p>Suspendisse nec odio porttitor, tincidunt justo vitae, sodales elit. Pellentesque dapibus leo vel malesuada elementum. Phasellus imperdiet a nulla ac consectetur. In hac habitasse platea dictumst. Ut molestie orci massa, ut mattis nulla facilisis sed. Nullam sodales felis id justo tempus ornare. Donec porttitor libero quis ultrices ornare. Morbi eget turpis nulla. Donec ac odio hendrerit, accumsan tortor vel, fringilla ligula. Sed euismod lorem nec metus ornare, a porta mauris finibus. Donec dui odio, consectetur eleifend elit a, tempor consectetur mi. Sed nec nulla ut quam scelerisque finibus. Ut felis leo, porttitor eget condimentum eu, molestie vel dui. In et sem id diam blandit mollis. Nulla laoreet condimentum erat, eu faucibus enim laoreet et.
</p><p>Pellentesque at hendrerit justo. Sed tellus metus, pharetra vel lacus vitae, fermentum accumsan tellus. Cras et quam in augue fermentum sodales. Donec eget felis ut urna vulputate placerat. Etiam ullamcorper, massa non ultricies hendrerit, enim mi dapibus enim, ut suscipit justo sapien vel nunc. Fusce id dui a felis tristique sodales. Etiam eu convallis nisi, id vehicula dui. Morbi aliquet, quam a porttitor lacinia, urna massa scelerisque massa, ac convallis dui nisl sed urna. Vestibulum ligula neque, tempus ac molestie nec, mattis eu ante. Phasellus sit amet sapien neque. Donec sit amet nibh vestibulum, porttitor purus a, blandit augue.
</p><p>Nam ullamcorper volutpat mi, auctor tristique est vestibulum quis. Sed eu varius massa, sit amet iaculis justo. Duis malesuada tincidunt nulla, in pharetra ante consequat in. Aliquam suscipit neque vel porttitor pretium. Praesent pellentesque lacus non eros faucibus, non egestas sapien viverra. Donec rutrum nulla vel vestibulum fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elit orci, euismod non aliquet sed, pretium nec neque. Proin neque elit, pretium eget eros ac, vehicula sodales ante. Morbi pharetra diam vel felis elementum accumsan. Nullam sapien metus, hendrerit vitae massa non, vestibulum placerat ligula. Suspendisse sit amet dapibus felis. Phasellus luctus massa odio, ac rutrum nibh tincidunt eget. Nulla feugiat massa vitae laoreet tincidunt.
</p><p>Nunc efficitur volutpat dui non interdum. Ut egestas suscipit ornare. Aenean lobortis leo sed efficitur tincidunt. Nullam molestie nulla a ipsum luctus, in tempor risus condimentum. Aliquam aliquet leo enim, vel consequat eros molestie quis. Aenean in augue venenatis erat suscipit aliquam. Maecenas tristique, justo ut imperdiet sodales, arcu lectus mollis arcu, in vestibulum enim orci eget ex. Sed quis lacus neque.</p></div>
<div class="ahbot">words: ### | tag: here | notes: go here</div></div></div>
<div style="width:350px; text-align: right; font-size: 10px;"><a href="http://cttw.b1.jcink.com/index.php?showuser=12">∎</a> <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=13843" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a></div></center>
