Watch the Rainbow appear [Dropping]

<center><link href='http://fonts.googleapis.com/css?family=Oxygen:400,700,300' rel='stylesheet' type='text/css'><style>#fleur { padding:25px; width:250px; background-image:url('http://subtlepatterns.com/patterns/squairy_light.png'); line-height:100%; }#fleur .ttemp1 { padding:25px; background-color:#ffffff; position:relative; overflow:hidden; }#fleur .ttemp2{width:170px; height:170px; background-color:#bbbbbb; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;animation: animationFrames linear 2s;animation-iteration-count: infinite;transform-origin: 50% 50%;-webkit-animation: animationFrames linear 2s;-webkit-animation-iteration-count: infinite;-webkit-transform-origin: 50% 50%;-moz-animation: animationFrames linear 2s;-moz-animation-iteration-count: infinite;-moz-transform-origin: 50% 50%;-o-animation: animationFrames linear 2s;-o-animation-iteration-count: infinite;-o-transform-origin: 50% 50%;}@keyframes animationFrames{0% {opacity:1;}50% {opacity:0.5;}100% {opacity:1;}}@-moz-keyframes animationFrames{0% {opacity:1;}50% {opacity:0.5;}100% {opacity:1;}}@-webkit-keyframes animationFrames {0% {opacity:1;}50% {opacity:0.5;}100% {opacity:1;}}@-o-keyframes animationFrames {0% {opacity:1;}50% {opacity:0.5;}100% {opacity:1;}
}#fleur .ttemp3 { width:130px; height:130px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border:10px solid #ffffff; position:absolute; top:35px; left:50px; background-position:center; background-size:cover; }#fleur .ttemp4 { padding:15px; margin-top:10px; text-align:justify; font-size:9px; font-family: 'Oxygen', sans-serif; color:#0f0f0f; }#fleur .ttemp4 b { font-size:10px; color:#HEXCODE; }#fleur .ttemp4 i { color:#HEXCODE; }#fleur .ttemp4 p { adding:0px; margin:10px 0px; }#fleur .ttemp4 p::first-letter { float:left; margin:0px 10px 5px 0px; font-size:20px; font-weight:700;border:1px solid #f0f0f0; padding:10px; text-transform:uppercase; }</style><div id="fleur"><div class="ttemp1"><div class="ttemp2"></div><div class="ttemp3" style="background-image:url('http://38.media.tumblr.com/cbd10fa48bc774f5d4c378ea759413cf/tumblr_n3mh87Zp2F1rfsikco1_500.gif');"></div><div class="ttemp4"><p>post here!!!</div></div></div><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=9449"><div style="padding:1px; border:1px solid #f0f0f0; font-size:8px; text-transform:uppercase; text-align:center; width:50px; color:#000000; margin-top:5px; font-family:calibri;">© fleur</div></a></center>

<center><div style="width: 300px;"><table><td><div style="width: 100px; height: 100px; border-radius: 50%; padding: 4px; border: solid 4px #beaebc;"><a href="http://wecode.jcink.net/index.php?showuser=1209"><div style="width: 100px; height: 100px; border-radius: 50%; background-image: url('http://i.imgur.com/aW3Fyj5.gif');"></div></a></div></td><td><div style="width: 110px; padding: 10px; background-color: #beaebc; position: relative; color: #000; font-size: 7px; letter-spacing: 2px; line-height: 100%; text-align: center; left: -4px;">KATHERYN IS TYPING ...</div></td></table><div style="width: 112px; padding: 10px; color: #000; font-size: 9px; line-height: 110%; text-align: justify; border-top: 1px solid #beaebc; border-bottom: 4px solid #beaebc; position: relative; top: -40px; left: 53px;">this is where the text goes it will expand horizontally so type away!!!</div></div></center>

<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'><style type="text/css">.ellieimcont { width:200px;height: 250px;padding:20px;position:relative;}.ellieimname {width:200px;font-family: 'Press Start 2P',cursive;text-transform: uppercase;text-align:right;color:#000;letter-spacing:2px;font-size:12px;line-height:100%;}.ellieimstatus {border-bottom: 1px solid #b1c7df;text-align:right;
width:200px;font-family: 'Coda', cursive;text-transform:lowercase;color:#000;font-size:9px;letter-spacing:1px;line-height:100%;padding-bottom:3px;padding-top:2px;}.ellieimstatus > span {color: #b1c7df;font-size: 8px;text-transform:uppercase;}.ellieimmsg {width:160px;border-radius: 5px;background-color:#F0F0F0;font-family: 'Coda', cursive;font-size:10px;text-align:justify;line-height:100%;padding:12px;float:left;position:relative;margin-top:-25px;margin-bottom:20px;}.ellieimarrow {
width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #F0F0F0;margin-left:180px;float:left;position:relative;margin-top:10px;}</style><center><div class="ellieimcont"><div class="ellieimname">yuuki tsukino</div><div class="ellieimstatus">is <span>online</span> and typing...</div><div class="ellieimarrow"></div><div class="ellieimmsg">text goes here. box will expand :)</div><a href="http://wecode.b1.jcink.com/index.php?showuser=1133" style="font-size:10px; color:#b2b2b2;">©</a></center>

<div align="center"><div style="width:414px;padding:10px 15px 10px 15px;background-color:#f7f7f7;border-top:5px solid #4a414d;border-right:5px solid #4a414d;"><div style="font-family:courier new;font-size:11px;color:#9a9a9a;text-align:center;padding-bottom:2px; line-height: 100%;">WHEN EVERYTHING IS LONELY I CAN BE MY OWN BEST FRIEND</div><div style="border-top:1px dashed #bcb9b9;border-bottom:1px dashed #bcb9b9;font-family:georgia;line-height: 110%; font-size:33px;color:#444444;letter-spacing:-4px;padding-bottom:4px;text-shadow:2px 2px #d9d3d3;"><i><b>I know you have a heavy heart</b></i></div><div style="line-height:100%;padding-top:3px;font-family:courier new;font-size:11px;color:#9a9a9a;text-align:center;">I GET A <span style="color:#4a414d;">COFFEE</span> AND THE <span style="color:#4a414d;">PAPER</span>; HAVE MY OWN CONVERSATIONS. WITH THE SIDEWALK AND THE PIDGEONS AND MY WINDOW REFLECTION</div><div style="width:400px;height:200px;border:7px solid #444444;margin-top:5px;margin-bottom:5px;"><img src="http://i.imgur.com/A7LRnoj.png" style="max-width:100%;"></div><div style="border-bottom:1px dashed #bcb9b9;font-family:georgia;line-height: 110%; font-size:40px;color:#444444;letter-spacing:-4px;padding-bottom:4px;text-shadow:2px 2px #d9d3d3;"><i><b>i can feel it when we kiss</b></i></div><div style="line-height:100%;padding-bottom:3px;font-family:courier new;border-bottom:1px dashed #bcb9b9;font-size:10px;color:#9a9a9a;margin-top:4px;text-align:center;">I'VE GOT A FLASK INSIDE MY POCKET WE CAN SHARE ON THE TRAIN. IF YOU PROMISE TO STAY CONSCIOUS I'LL TRY AND DO THE SAME. </div><div style="padding:5px 2px 5px 2px;font-family:arial;font-size:10px;line-height:110%;text-align:justify;color:#5e5e5e;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <br><br>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br><br>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. <br><br>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</div></div><div style="font-family:courier new;font-size:9px;letter-spacing:1px;margin-top:4px;">MADE BY MINNIE OF <a href="http://backtoneverland.b1.jcink.com/">BTN</a> </div>
</div>

<link rel="stylesheet" href="http://ames.b1.jcink.com/uploads/ames/codes/whitecell.css"><style type="text/css">.atm-text-img { width: 100px; height: 100px; padding: 3px; border-radius: 100%; border: 4px solid #dedede; background-color: #eee; margin-top: 15px; }.ames-credit { width: 185px; text-align: right; line-height: 100%; }.ames-credit a { text-transform: uppercase; letter-spacing: 1px; font-size: 8px; font-family: calibri; }</style><center><div class="atm-text"><div class="atm-text-box"><div class="atm-text-name">NAME</div><img src="http://i.imgur.com/eJ2cha9.gif" class="atm-text-img"><div class="atm-text-num">1</div><div class="atm-text-from">Text From: Claudia LeBlanc</div><div class="atm-text-mbox"><div class="atm-text-msg">TEXT MESSAGE GOES HERE</div></div></div></div><div class="ames-credit"><a href="http://shine.b1.jcink.com/index.php?showuser=1892" target="_blank">♛ Ames</a></div></center>