<!--HTML-->
<center>

<style type="text/css">

.xan { width: 400px; padding: 10px;
background-image: url('http://i41.tinypic.com/i78ymx.png');
background-color: #ffffff; border: #0F0F0F solid 20px; }

.der { width: 390px; height:200px; padding: 5px;
background-color: #EBEBEB; 
border-top: #0F0F0F solid 10px; border-bottom: #0F0F0F solid 10px;
font-size: 9px; font-family: tahoma;
text-align: justify; line-height: 1.0; overflow: auto;
color: #0F0F0F; }

.rosado { width: 390px; padding: 5px;
background-color: #0f0f0f; 
font-size: 10px; font-family: tahoma;
text-align: centre; text-transform: uppercase; 
color: #ebebeb; }

</style>

<div class="xan"><img src="http://i50.tinypic.com/vg4ois.png">
<div class="der">write a post here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque id lacus ut purus tristique cursus. Mauris bibendum suscipit nisi vel elementum. Nulla tortor sem, ultricies eget porttitor sed, tempor vitae magna. Mauris commodo, arcu in eleifend pretium, urna ligula accumsan nisi, id pellentesque augue nisl vitae lacus. Pellentesque sollicitudin condimentum aliquet. Sed ultrices congue ipsum. Mauris eget consequat leo, eu vehicula ipsum. Morbi nunc tortor, suscipit vel lorem non, eleifend vulputate nisi. Etiam orci eros, consectetur rutrum lobortis ut, sollicitudin et augue. Mauris sit amet ornare est.
<p>
Nulla facilisi. Sed varius, ipsum nec posuere elementum, mi tortor ultrices leo, id volutpat nunc urna eu sapien. Vestibulum blandit dolor in leo congue, vitae pretium tellus aliquet. Nulla varius turpis sit amet lorem malesuada, sit amet vehicula diam placerat. Donec placerat quam et augue viverra facilisis. Nulla euismod, lacus eget hendrerit accumsan, ante odio porttitor mi, ut ornare augue nisl vitae dolor. Morbi consectetur odio eu sapien tempus pellentesque. Ut sagittis purus nec venenatis laoreet. Morbi ornare, sapien sed molestie bibendum, nisl purus tincidunt ligula, a fermentum augue nibh in lacus. Phasellus porta tempor orci et consequat.
<p>
Morbi tempor sollicitudin risus at imperdiet. Sed nec ante ligula. Sed eu egestas eros. Sed consectetur libero turpis, pellentesque pretium arcu gravida sed. Nullam accumsan enim sed massa sagittis facilisis. Proin id diam molestie, ultrices nisl vitae, scelerisque orci. Proin fermentum, odio ac auctor bibendum, dui lacus rutrum augue, ac fringilla urna nisi id ante. Etiam sed auctor nulla, sed consectetur felis. Cras nec vehicula metus. Vestibulum ut volutpat dui, nec ornare turpis. </div>
<br>
<div class="rosado">i wrote 000 words for someone.</div>

</div>

<div style="width: 400px; text-align: right; font-family: georgia, serif; font-size: 8px;"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=15184">THANKS LISHA</a></div></center>

<!--HTML-->
<link rel="stylesheet" type="text/css" href="http://unhearted.b1.jcink.com/uploads/unhearted/threads/binkrevenge_thread.css"> <div align=center><style>
.inkbg {background-image:url('http://i.imgur.com/hc0cqMy.png');} /*background image of the post*/

.postultra{ font-family:calibri; background-color:#fafafa; height:280px;
font-size:11px; text-align:justify; color:#000000; font-style:italic; border:1px solid #aeaeae;} /*post area, you can make the height smaller if your message is short*/</style> 

<img src="http://placehold.it/360x150">
<div class="blackink">title of the post</div>
<div class="inkbg"><div class="postultra">your post here
</div></div>
<div class="inkdata">any extra info</div>
<div style="font-family:verdana;width: 360px; margin: 0 auto; text-align: center;font-size:7px;text-transform:uppercase;margin-top:4px;letter-spacing:2px;"><a style="text-decoration:none;color:#000000;" href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=8348">highwater @SP</a></div>
</div></</div>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="http://abandonedstudio.b1.jcink.com/uploads/abandonedstudio/Threads/Immortals.css"><style>

/* modify colour for bold text - don't forget the # in front of the hex code! */

.n-seeley2 .n-scroll b, .n-seeley2 a {
color: #50a6c2;
}
 
</style>

<div class="n-seeley2">
 
 <img src="http://placehold.it/250x350">
 
 <div class="n-scroll" style="color: #111;">
   
   Post here.
   
 <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4829">thanks!</a></div>
 
</div>

<!--HTML-->
<style>
#stupid {height: 400px; width: 400px; background: white; border: 5px solid black; margin: 10px auto; position: relative}
.silly {height: 350px; width: 350px; position: absolute; top: 25px; left: 25px; overflow: hidden}
.sillyimg {height: 300px; width: 350px; position: absolute; background-size: cover; background-position: center; }
.dumb {height: 50px; width: 350px; line-height: 50px; color: white; background: black; position: absolute; bottom: 0; text-align: center; font-family: montserrat; text-transform: uppercase; font-weight: 700; font-size: 12px; overflow: hidden}
.dumba, .dumbb {height: 50px; width: 350px; position: absolute;}
.ridic {height: 135px; width: 350px; position: absolute;}
.ridica {background: white; font-family: roboto; height: 110px; width: 350px; position: absolute; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 10px; -moz-column-gap: 10px; -webkit-column-gap: 10px; font-size: 10px; overflow: auto; border-bottom: 5px solid #fff; text-align: justify; line-height: 12px; color: #000}
.ridica::-webkit-scrollbar {height: 4px}
.ridica::-webkit-scrollbar-thumb {background: white; border: 1px solid black}
.ridica::-webkit-scrollbar-track {background: white;}
.ridica b, .ridica i {text-transform: uppercase}
.ridic1 {width: 0;
height: 0;
border-style: solid;
border-width: 20px 350px 0 0;
border-color: #ffffff transparent transparent transparent;
top: 115px;
position: absolute;
}
#stupid .ridic {top: -135px; -webkit-transition: 0.4s ease-in-out}
#stupid:hover .ridic {top: 0px; -webkit-transition: 0.4s ease-in-out}
#stupid .dumba {top: 0; -webkit-transition: 0.4s ease-in-out}
#stupid .dumbb {top: 50px; -webkit-transition: 0.4s ease-in-out}
#stupid:hover .dumba {top: -50px; -webkit-transition: 0.4s ease-in-out}
#stupid:hover .dumbb {top: 0px; -webkit-transition: 0.4s ease-in-out}

</style>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<div id="stupid">
 <div class="silly">
   <div class="sillyimg" style="background-image: url(http://funkyimg.com/i/2eMm6.png);"></div>
   <div class="ridic"><div class="ridica">POST HERE

</div><div class="ridic1"></div></div>
   <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="dumb"><div class="dumba">do the macarena in the devil's layer</div><div class="dumbb">tag: - words:</div></div></a>
 </div>
</div>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<center>
 <div id="swim">
   <div class="swimtitle">
     <div class="swimtitlef">All hell is breaking loose
</div></div>
         <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="swimp2" style="background-image:url(240 X 165 IMG HERE)"></div></a>
   <div class="swimtag">
     <div class="swimtagg" style="top: 37px">tags</div>
     <div class="swimtagg" style="top: 70px">0000</div>
     <div class="swimtagg" style="top: 103px">note</div>
   </div>

   <div class="swimp1" style="background-image: url(480 X 165 IMG HERE)">
   </div>
   <div class="swimpost">POST HERE. IT WILL SCROLL

</div>
 </div>
</center>

<style>
@keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-webkit-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

@-moz-keyframes hell {
 0% {
   opacity: 1;
 }
 50% {
   opacity: 0.5;
 }
 100% {
   opacity: 1;
 }
}

#swim {
 height: 330px;
 width: 480px;
 position: relative;
 border: 10px solid #fff;
 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
 overflow: hidden
}

.swimtitle {
 height: 165px;
 width: 480px;
 position: absolute;
 background-color: #050f36;
}

.swimtitlef {
 height: 165px;
 width: 480px;
 line-height: 165px;
 position: absolute;
 color: #fff;
 font-family: 'montserrat';
 text-transform: uppercase;
 font-size: 13px;
 letter-spacing: 2px;
 -moz-animation: hell 3s infinite ease-in-out;
 -webkit-animation: hell 3s infinite ease-in-out;
 animation: hell 3s infinite ease-in-out;
}

.swimp1 {
 height: 165px;
 width: 480px;
 position: absolute;
 top: 165px;
 background-color: #fa971e;
 background-blend-mode: multiply;
 z-index: 2
}

.swimp2 {
 height: 165px;
 width: 240px;
 background-color: #f75b08;
 background-blend-mode: multiply;
 position: absolute
}

.swimtag {
 height: 165px;
 width: 240px;
 position: absolute;
 left: 240px;
 background-color: transparent
}

.swimtagg {
 height: 20px;
 width: 186px;
 line-height: 20px;
 font-family: montserrat;
 text-transform: uppercase;
 position: absolute;
 left: 25px;
 color: #fff;
 letter-spacing: 2px;
 border: 2px solid #fff;
 font-size: 9px
}

.swimtagg::first-letter {
 color: #fa971e
}

.swimpost {
 height: 145px;
 width: 460px;
 padding: 5px;
 border: 5px solid #fff;
 position: absolute;
 top: 165px;
 background-color: #fff;
 text-align: justify;
 font-family: montserrat;
 font-size: 9px;
 column-count: 3;
 -moz-column-count: 3;
 -webkit-column-count: 3;
 column-gap: 15px;
 -moz-column-gap: 15px;
 -webkit-column-gap: 15px;
 overflow: auto;
 line-height: 12px
}

.swimpost b {
 font-size: 12px;
 font-weight: 700;
 font-style: italic;
 color: #805c73;
 letter-spacing: -1px
}

.swimpost::-webkit-scrollbar {
 height: 2px
}

.swimpost::-webkit-scrollbar-thumb {
 background-color: #805c73
}

#swim .swimtitlef {
 transform: scale(1);
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
 -webkit-transition-delay: 0.7s
}

#swim:hover .swimtitlef {
 transform: scale(0);
 opacity: 0;
 -webkit-transition: 0.6s ease-in-out;
 -moz-transition: 0.6s ease-in-out;
 transition: 0.6s ease-in-out;
}

#swim .swimtitle {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimtitle {
 left: 240px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimp2 {
 left: -240px;
 -webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 transition: 0.5s linear;
}

#swim:hover .swimp2 {
 left: 0px;
 -webkit-transition: 0.5s linear;
 -webkit-transition-delay: 0.7s;
 -moz-transition: 0.5s linear;
 -moz-transition-delay: 0.7s;
 transition: 0.5s linear;
 transition-delay: 0.7s;
}

#swim .swimtag {
 top: -240px;
 -webkit-transition: linear 0.6s;
 -moz-transition: linear 0.6s;
 transition: linear 0.6s;
}

#swim:hover .swimtag {
 top: 0px;
 -webkit-transition-delay: 1.2s
}

#swim .swimp1 {
 left: 0px;
 -webkit-transition: 1s linear
}

#swim:hover .swimp1 {
 left: -480px;
 -webkit-transition: 1s linear
}
</style>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center><div style="width: 350px; height: 200px; background-image: url(http://i.imgur.com/fGADw.gif); -moz-border-radius: 200 200 0 0px; -webkit-border-radius: 200 200 0 0px;"></div><div style="width: 340px; padding-left: 5px; padding-right: 5px; padding-top: 25px; padding-bottom: 30px; background-color: #bed7d7; font-family: 'Great Vibes'; font-size: 60px; text-transform: lowercase; line-height: 60%; letter-spacing: -2px; color: #fff; text-shadow: 1px 1px 0px #DAA520; word-spacing: -2px; text-align: center">light on my heart ,<br><font style="font-family: calibri; font-size: 7px; text-transform: uppercase; line-height: 30%; letter-spacing: 3px; text-align: center; color: #fff; text-shadow: 0px 0px 0px #fff">light on my feet Light in your eyes I can’t even speak</font></div><div style="width: 300px; padding: 25px; background-color: #f5f6f6"><div style="width: 279px; padding: 10px; border-right: 1px dotted #000; border-bottom: 1px dotted #000; font-size: 9px; line-height: 95%; text-align: justify; color: #222; font-family: georgia; text-indent: 20px">

post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts <p>
post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts <p>
post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts post here yay we love posts

</div></div><div style="width: 310px; padding-left: 5px; padding: 20px; background-color: #bed7d7; font-family: calibri; font-size: 7px; text-transform: uppercase; line-height: 99%; letter-spacing: 1px; text-align: justify; color: #fff; ">

notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay! notes go here yay!

</div><div style="width: 350px; text-align: right"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=3722" style="font-size: 9px; color: #999">❣</a></div></center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script|Marvel' rel='stylesheet' type='text/css'><style type="text/css">.bh {width: 500px; height: 300px; background-image: url(SECOND IMAGE URL HERE. 500 X 300!!!!!!!!); opacity: 0.0; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;}
.bh:hover {width: 500px; height: 300px; background-image: url(SECOND IMAGE URL HERE AGAIN. 500 X 300!!!!!); opacity: 1.0;}</style>

<center><div style="background-image: url(FIRST IMAGE HERE. 500 X 300!!!!!); width: 500px; height: 300px;"><div class="bh"><div style="width: 200px; padding: 10px; background-color: white; position: relative; top: 100px; left: 80px; font-family: times new roman; color: 121212; font-style: italic; letter-spacing: 3px; font-size: 8px; opacity: 0.95; text-align: justify; line-height: 95%;">

### &bull; tagged &bull; your notes go here you can write quite a bit your notes go here you can write quite a bit your notes go here you can write quite a bit 

&bull; <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=3417">&hearts; lauz</a></div></div></div><div style="width: 500px; background-color: white; border-bottom: 40px solid #12A18D;">

<div style="width: 400px; font-family: petit formal script; color: 12A18D; font-size: 45px; padding-top: 30px; position: relative; z-index: 2;">

yes, i'm drunk

</div><div style="width: 400px; font-family: marvel; color: 121212; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; margin-top: 12px;">

and you're beautiful and tomorrow morning

</div><BR><div style="width: 250px; padding-left: 10px; padding-right: 10px; font-family: calibri, sans-serif; color: 121212; font-size: 9.5px; line-height: 90%; text-align: justify; height: 200px; overflow: auto;">

post goes here.

</div><BR><BR><BR><div style="width: 460px; padding: 20px; font-family: marvel; color: white; font-size: 10px; letter-spacing: 6px; text-transform: uppercase; background-color: 12A18D;">

i'll be sober but you'll still be beautiful

</div></div></center>

<!--HTML-->
<center><div class="ktearcandy"><div class="ktearcandy1"><div class="ktearcandy2"><div class="ktearcandy2a">

<img src="">

</div><div class="ktearcandy2b">

<tl>top lyrics from tl to tl</tl>

<el>longer lyrics from el to el</el>

<pd>post notes from pd to pd</pd>

</div></div><div class="ktearcandy3">

The post goes right here.

</div></div><div class="ktearcandy4">

bottom lyrics right here

</div><div class="ktearcandy5">thanks <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=2618">katie</a> @ <a href="http://z10.invisionfree.com/Shadowplay/index.php?">shadowplay</a>!</div></div></center><style type="text/css">.ktearcandy { margin: 50px 0px; width: 325px; font-family: georgia, serif; font-size: 9px; line-height: 10px; color: #696969; } .ktearcandy1 { background-color: #ffffff; padding: 10px; border: 25px solid #ffffff; text-align: justify; } .ktearcandy2 { margin-bottom: 25px; } .ktearcandy2a { margin-right: 15px; display: inline-block; vertical-align: top; width: 50px; } .ktearcandy2a img { width: 50px; height: 50px; border-radius: 100px; } .ktearcandy2b { display: inline-block; vertical-align: top; width: 187px; } .ktearcandy2b tl { display: block; font-size: 25px; line-height: 23px; color: #F5596B; font-style: italic; font-weight: 600; letter-spacing: -0.075em; text-align: right; } .ktearcandy2b el { display: block; margin-top: 5px; padding-top: 5px; border-top: 1px dotted #322557; font-size: 7px; line-height: 8px; color: #322557; text-transform: uppercase; text-align: justify; } .ktearcandy2b pd { display: block; margin-top: 5px; padding-top: 5px; border-top: 1px dotted #322557; font-size: 7px; font-style: italic; font-weight: 600; letter-spacing: 0.05em; text-transform: lowercase; text-align: center; } .ktearcandy3 { padding-right: 10px; max-height: 150px; overflow: auto; text-align: justify; } .ktearcandy4 { background-color: #110E24; padding: 25px; border-top: 3px solid #F5596B; font-size: 8px; color: #ffffff; font-style: italic; font-weight: 300; letter-spacing: 0.25em; text-transform: lowercase; text-align: right; } .ktearcandy5 { margin-top: 5px; font-size: 7px; font-style: italic; text-align: center; } .ktearcandy5 a { padding: 0px 5px; color: #F5596B; letter-spacing: 0.5em; }</style>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<center>
<style>
#brucec {height: 450px; width: 350px; position: relative; overflow: hidden; }

.brucelbg {height: 225px; width: 350px; position: absolute; background-image: url(http://i.imgur.com/NuEAjhL.png); z-index: 2}
.brucelyrics1 {width: 350px; position: absolute; top: 100px; font-family: 'Fjalla One'; color: #03C000; font-size: 30px; text-transform: uppercase; font-style: italic; text-align: center}

.brucelyrics2 {background-color: transparent; color: #03C000; font-family: calibri; font-size: 8px; width: 250px; position: absolute; text-align: center; text-transform: uppercase; letter-spacing: 2px; left: 50px; top: 125px; font-style: italic; font-weight: 300; border: 1px solid #ABABAB}

#brucec .brucelbg {left: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

#brucec:hover .brucelbg {left: -350px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

.brucepic1 {height: 225px; width: 350px; position: absolute; top: 225px; background-blend-mode: multiply; background-color: #00E339; background-image:url(350X225 IMG HERE); z-index: 1}

.brucepic2 {height: 225px; width: 350px; position: absolute; background-image: url(350 X 225 IMG HERE); background-blend-mode: multiply; background-color: #00E339}

.brucee {height: 225px; width: 350px; position: absolute}
.brucenotes {background-color: transparent; color: #EDEDED; font-family: calibri; font-size: 8px; width: 250px; position: absolute; text-align: center; text-transform: uppercase; letter-spacing: 2px; left: 50px; font-style: italic; font-weight: 300; border: 1px solid #EDEDED}

#brucec .brucee {transform: scale(1.3); opacity: 0; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s;}

#brucec:hover .brucee {transform: scale(1); opacity: 1; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; -webkit-transition-delay: 0.8s}


.brucepost {height: 205px; width: 330px; background-color: #fff; border: solid 5px #fff; padding: 5px; font-family: calibri; line-height: 102%; text-align: justify; color: #505050; top: 225px; position: absolute; overflow-x: scroll; font-size: 10px; text-transform: lowercase}
.brucepost b {color: #00E339}
.brucepost::-webkit-scrollbar {width: 2px}
.brucepost::-webkit-scrollbar-thumb {background-color: #00E339}
#brucec .brucepic1{right: 0px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

#brucec:hover .brucepic1 {right: -350px; -webkit-transition: 0.6s linear; -moz-transition: 0.6s linear; -ms-transition: 0.6s linear; -o-transition: 0.6s linear; transition: 0.6s linear;}

</style>

<div id="brucec">
<div class="brucelbg">
<div class="brucelyrics1">hunger of the pine</div>
<div class="brucelyrics2">sleeplessly embracing you</div>
</div>
<div class="brucepic2"></div>
<div class="brucee">
<div class="brucenotes" style="top: 70px">TAGS HERE</b></div>
<div class="brucenotes" style="top: 95px">WORD COUNT</div>
<div class="brucenotes" style="top: 120px">WHATEVER U WANT</div>
</div>

<div class="brucepic1">
</div>
<div class="brucepost">
WORDS HERE. CHILL COS IT SCROLLS YAY

</div>

</div>
<div style="width: 350px; text-align: right; font-family: calibri; text-transform: uppercase; font-size: 8px"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908">holly at sp</a></div>
</center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Oswald:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">
.scarw { width: 250px; height: 150px; padding: 50px; background: rgba(2, 3, 21, 0.65); opacity: 0.0; transition: transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; -ms-transition-duration: 0.8s; }
.scarw:hover { opacity: 0.99; }
.scarwtext { font: 9px/9px montserrat; color: #2b0d27; text-align: justify; line-height: 11px; }
.scarwtext b { color: #b60822; font-size: 10px; }
.scarwhbg { background: #020315; width: 210px; height: 110px; padding: 20px; }
.scarwpcbg { width: 90px; height: 110px; border-right: #111235 3px solid; }
.scarwpc { font: 400 25px/25px oswald; color: #dacfd0; text-shadow: #000000 1px 1px 0px, #76071d 2px 2px 0px; text-align: center; }
.scarwptext { font: 400 7px/7px montserrat; line-height: 14px; color: #76071d; text-shadow: #000000 1px 1px 0px; text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.scarwtnbg { width: 120px; height: 110px; }
.scarwtag { font:400 7px/7px montserrat; line-height: 14px; color: #76071d; text-shadow: #000000 1px 1px 0px; text-align: center; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px #0d0d0d solid; width: 110px; }
.scarwnote { width: 100px; height: 80px; padding: 10px; font-family: montserrat; font-size: 8px; line-height: 9px; text-align: justify; overflow: auto; color: #dacfd0; }
.scarwtextbg1 { width: 270px; padding: 40px; background: #0d0e29; }
.scarwtextbg2 { width: 210px; padding: 20px; background: #dacfd0; border-left: #72071d solid 15px; border-right: #2c2e51 solid 3px; }
.littledcred { font: 200 7px/7px montserrat; text-align: center; text-transform: uppercase; letter-spacing: 3px; }
</style>
<center>
<div style="width: 350px; height: 250px; background: url(350X250 IMAGE HERE!!!!!!)">
<div class="scarw"><div class="scarwhbg"><table cellspacing="0" cellpadding="0"><tr><td><div class="scarwpcbg"><div style="padding-top: 35px;"></div><div class="scarwpc">

1234

</div><div class="scarwptext">WORDS</div></div></td>
<td><center><div class="scarwtnbg"><div class="scarwtag">

TAG HERE

</div><div class="scarwnote">

NOTE HERE

</div></div></center></td></tr></table></div></div></div><div class="scarwtextbg1"><div class="scarwtextbg2"><div class="scarwtext">

POST GOES HERE

</div></div></div><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=148"><div class="littledcred">little dove</div></a>
</center>