[dohtml]
<style type="text/css">
.stars_container { width:500px; height:500px; margin:auto; overflow:hidden; background-image:url(500x500 IMAGE HERE!!!!!!!!!);}
.stars_box { height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; background-color:#fc8f99; color:#fff; text-align:center; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; width:100px; margin-top:-100px; margin-left:300px;}
.stars_barCont { overflow:hidden; height:100px; width:500px; }
.stars_fbar { background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; font-style:italic; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; float:left; margin-left:-300px; width:300px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.stars_sbar { float:right; background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; margin-left:500px; width:100px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.stars_container:hover .stars_fbar { margin-left:0px; }
.stars_container:hover .stars_sbar { margin-left:0px; margin-top:0px; }
.stars_container:hover .stars_box { margin-top:0px; margin-left:300px;}
.stars_plot { width:300px; height:200px; padding:25px; background-color:rgba(255,255,255,0.8); text-align:justify; font-family:calibri; font-size:10px; line-height:110%; text-transform:none; color:#000; margin-top:400px; margin-left:75px; }
.stars_container:hover .stars_plot { margin-top:75px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; margin-left:75px;}
.stars_inner { width:298px; height:200px; overflow:auto; padding-right:2px;}
.stars_inner::-webkit-scrollbar-thumb:vertical {
border:2px solid #fc8f99;
background-color:#fff;
}
.stars_inner::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
.stars_inner::-webkit-scrollbar {
width:4px;
height:7px;
border:1px solid #fc8f99;
background-color:#fff;
}
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:475px;}
.creds a { color:#cccccc; }
</style>
<div class="stars_container">
<div class="stars_barCont">
<div class="stars_sbar">♕</div>
<div class="stars_fbar">" i'll be the dawn on your worst night "</div>
<div class="stars_box">FIRST</div></div>
<div class="stars_plot">
<div class="stars_inner">
SHIPPER TEXT HERE!!!<br /><br />
</div>
</div>
</div>
<center><div class="creds"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9524">
![:copyright: ©️](https://cdn.jsdelivr.net/emojione/assets/png/00a9.png?v=2.2.7)
</a> <a href="http://obscurus.jcink.net/index.php?act=idx">Merc</a></div></center>
[/dohtml]