<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <center> <div style="background-color: #fff; border: 1px solid #eee; padding: 10px; width: 380px;"> <div style="width:0px;height:0px;border-top:solid 50px #ADD8E6;border-right:solid 50px #ADD8E6;border-left:solid 50px transparent;border-bottom:solid 50px transparent;float:right; position: relative; z-index: 2; opacity: 0.5;"> </div> <img src="http://i67.tinypic.com/t4y7iw.png" style="float: right; margin-right: -80px; margin-top: 20px; position: relative; z-index: 1;"> <div style="font-family: arial; line-height: 12px; padding-top: 1px; width: 130px; margin-right: 20px; color: #ccc; text-align: justify; margin-top: 20px; letter-spacing: 1px; font-style: italic; overflow: hidden; float: right; height: 100px;"> I'm plummeting into darkness, no light to be found, please help. Forsaken, I dwell inside this room. Forget me, I won't be myself, soon. - かなしみ</div> <div style="float: right; font-size: 120px; margin-top: 70px; margin-right: 20px; color: #ADD8E6; opacity: 0.5;"> ❝ </div> <div style="clear: both; text-align: justify; font-family: pt sans; font-size: 11px; line-height: 13px; padding: 20px; padding-bottom: 0; border-right: 1px solid #eee; color: #807F79;">Lorem ipsum dolor sit amet, quo dolore accusamus aliquando eu, etiam erant copiosae id sit. Viris euripidis interpretaris ex eos. Errem commodo saperet no eos, labitur deterruisset duo id, sed id nullam soluta deterruisset. An his elit impetus fuisset, pro at illud ignota. Ei vidit quidam repudiare per, vocent suavitate sit ut. His quando nonumes ut, novum tractatos eu eum. Has no case delicata, quo elit voluptatibus ne. Cum at nemore pericula, illud dissentiunt eam eu. Sit dicit dolore persecuti ei, vim ne mucius quaestio intellegebat. Eu movet graeco cum, ea velit scribentur persequeris ius, dico possim id sea. Putant antiopam inimicus ei vis, nec simul argumentum intellegam ne. At summo persequeris duo, eam modus doctus accumsan ei. Sit an vero tota iudicabit, pertinax splendide adipiscing ad vim. Iusto abhorreant constituto sea ad, vide periculis quo eu. No pri nominavi omittantur, id quo debet primis audire, ex has erat commodo definitionem. Ut duo idque sonet. No pro volumus electram. Cu velit intellegam intellegebat nam. Eam meis choro utinam ut, an his soluta possit. Sea tota honestatis cu, eu fugit viderer eos, ridens percipitur ius ex. Ex mel novum adversarium, ea pro cibo tota prodesset. Nam ut unum nostrud tacimates, ex vivendo lobortis honestatis qui, te cetero fierent maiestatis sed. An eos veri affert, ex dicit discere deterruisset duo, enim dolorem per at. Cu qui detracto molestie adipiscing, et prima saperet pertinax sea.

</div> </div> <div style="font-family: arial; font-size: 8px; letter-spacing: 3px;">— <a href="http://outofcontrolx.b1.jcink.com/index.php?showuser=1">[b] RIMY ♥ [/b] @ OOC </a> —</div> </center>

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:700' rel='stylesheet' type='text/css'> <style> .jawntatdiv01 { width: 500px; background: #ededed; margin: 0 auto; overflow: hidden; } .jawntattxtdiv { font: 11px Open Sans; line-height: 18px; color:#000; padding: 25px 60px 30px 60px; position: relative; z-index: 4; background: #F5F5F5; border-top: 1px solid #ADD8E6; border-bottom: 1px solid #dadada; margin: 20px 0; } .jawntattxtdiv::first-line { font: bold 11px Open Sans; line-height: 19px; } .jawntattbl { width: 100%; border-spacing: 0; border-collapse: collapse; } .jawntatrtcl, .jawntatltcl { vertical-align: top; } .jawntatltcl { width: 10px; position: relative; z-index: 4; } .jawntatsidediv { background: #505656; width: 170px; min-height: 5000px; right: -120px; position: absolute; z-index: 5; transition: all 0.4s linear; } .jawntatsidediv:hover { right: 0px; } .jawntatsideicon { position: absolute; z-index: 6; height: 50px; width: 50px; right: 135px; top: 30px; border-radius: 100%; border: 10px solid #ADD8E6; transition: all 0.4s linear; } .jawntatsidediv:hover .jawntatsideicon { height: 80px; width: 80px; right: 35px; border: 10px solid #ADD8E6; } .jawntattopbg { background: url("http://i68.tinypic.com/sqinhy.jpg"); height: 250px; width: 100%; position: relative; } .jawntatlyrics01 { font: bold 10px Source Sans Pro; position: absolute; bottom: 80px; left: 63px; color: #ededed; line-height: 12px; text-transform: uppercase; width: 132px; letter-spacing: 1px; text-shadow: 1px 1px #000; } .jawntatlyrics02 { font: bold 30px Source Sans Pro; position: absolute; bottom: 0; left: 50px; background: #ededed; color: #ADD8E6; padding: 10px; line-height: 24px; letter-spacing: -2px; width: 118px; } .jawntatlttri { width: 0; height: 0; border-style: solid; border-width: 0 0 68px 15px; border-color: transparent transparent #ededed transparent; position: absolute; bottom: 0; left: 35px; } .jawntatrttri { width: 0; height: 0; border-style: solid; border-width: 68px 15px 0 0; border-color: #ededed transparent transparent transparent; position: absolute; bottom: 0; left: 188px; } .jawntatbtmdiv { border-top: 7px solid #ADD8E6; } .jawntatsidefld { background: #595f5f; width: 120px; margin: 10px 15px; padding: 5px 10px; font: 9px Open Sans; color: #000000; opacity: 0; transition: all 0.4s ease-out; } .jawntatsidediv:hover .jawntatsidefld { opacity: 1; } .jawntatsidefld:hover { background: #ADD8E6; color: #000; } .jawntatsidefld01 { margin: 150px 15px 0 15px; } .jawntatsidefld img { margin-right: 5px; float: left; clear: left; opacity: 0.4; transition: all 0.4s ease-out; } .jawntatsidefld:hover img { opacity: 1; } </style> <div class="jawntatdiv01"> <table class="jawntattbl"> <tr><td class="jawntatrtcl"> <div class="jawntattopbg"> <div class="jawntatlyrics01">or do anything<br> i just remember<br>i was lonely, i</div> <div class="jawntatlyrics02">[color=#ADD8E6] guess i am always[/color]</div> <div class="jawntatlttri"></div><div class="jawntatrttri"></div> </div> <div class="jawntattxtdiv">
[justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.<br><br> Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nun.[/justify]
<br><br> </div> <div class="jawntatbtmdiv"></div> </td> <td class="jawntatltcl"> <div class="jawntatsidediv"> <img src="http://i68.tinypic.com/6th7i8.jpg" class="jawntatsideicon"> <div class="jawntatsidefld jawntatsidefld01"><img src="http://i.imgur.com/UeRGzq4.png"><b> KANASHIMI AWA KIT</b></div>   <div class="jawntatsidefld"><img src="http://i.imgur.com/L1bzOi7.png"><a href="http://outofcontrolx.b1.jcink.com/index.php?showuser=81" target="_blank"> JAWN</a> of <a href="http://outofcontrolx.b1.jcink.com/" target="_blank">OOC</a></div> </div> </td></tr></table> </div>