<style type='text/css'>.nyc::-webkit-scrollbar { width: 5px; } .nyc::-webkit-scrollbar-thumb { background-color: #0F2B2F; } .nyc::-webkit-scrollbar-track { background-color: #000; } #faketales { width: 350px; height: 200px; background: url('http://i.imgur.com/T2gugCr.png'); margin: 0 auto; position: relative; overflow: hidden;} .bandwagon { width: 350px; height: 35px; background: #0F2B2F; font: normal 300 9px/35px roboto, sans-serif; letter-spacing: 3px; font-variant: small-caps; color: #fff; text-indent: 12px;} .bandwagon a { color: #fff; text-decoration: none; } .nyc { width: 340px; padding-right: 10px; height: 135px; overflow-y: auto; position: absolute; top: 35px;} .imnyc { width: 84px; height: 84px; position: absolute; top: 50px; left: 10px; } .rockland { width: 200px; height: auto; padding: 7px; background: rgba(15, 43, 47, 0.75); border: 1px solid rgba(255,255,255,0.3); border-radius: 5%; margin-left: 110px; margin-bottom: 5px; margin-top: 5px; font: normal 400 11px/13px roboto, sans-serif; color: #fff; } .anvil { width: 350px; height: 25px; background: rgba(15, 43, 47, 0.9); position: absolute; top: 175px; } .anvil1 { width: 335px; border: 1px solid rgba(255,255,255,0.2); margin: 2px auto; font: normal 300 8px/18px roboto, sans-serif; text-indent: 10px; letter-spacing: 2px; color: #fff; }</style>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div id='faketales'><div class='bandwagon'>NAME <a href='http://cttw.jcink.net/index.php?showuser=178'><i class="fa fa-times" style='margin-left: 210px;'></i></a></div><div class='imnyc'><img src='http://placehold.it/80' style='border-radius: 100%; border: 4px solid #0F2B2F;'></div><div class='nyc'><div class='rockland' style='margin-top: 16px;'>message 1</div></div><div class='anvil'><div class='anvil1'>type message...</div></div></div>
