Код:<!--HTML--><div class="httz"><div class="httzbox"><div class="httztop">
<div class="httzimageborder"><div class="httzimage" style="background-image:url(http://i44.tinypic.com/9u2q2g.gif);"></div></div>
<div class="httzbiglyr">
hallelujah up for ransom
</div><div class="httzsmalllyr">
cash value for hashtag anthems
</div></div>
<div class="httzbody"><div class="scroll">
Post goes here. <b>Bold looks like this.</b> <i>Italics look like this.</i> Only the first letter of the entire post is big like that, not of each paragraph. To make it not scroll, change the class="scroll" above to "noscroll". , posuere malesuada imperdiet scelerisque, malesuada et ligula. Quisque malesuada diam quis auctor accumsan. Duis in tempus turpis. Suspendisse egestas vitae ipsum non pretium. Nulla suscipit nulla id scelerisque elementum. Aenean ut hendrerit magna. Morbi nec bibendum turpis, et consectetur quam.
Ut dapibus tortor ac purus feugiat auctor. Nullam dapibus efficitur dolor, et vehicula leo faucibus quis. Ut ac turpis est. Curabitur vestibulum luctus blandit. Integer molestie, odio vel congue euismod, lectus leo volutpat lorem, vestibulum ultrices lorem erat vel libero. Nulla eleifend volutpat rhoncus. Praesent finibus sapien id consectetur finibus. Vivamus dictum at augue ut tempus. Quisque tincidunt dictum augue sed fringilla. Fusce consequat sapien semper elit consequat, sed commodo risus placerat. Maecenas id rutrum ante. Vestibulum varius sollicitudin semper.
Maecenas aliquet at tellus ac congue. Phasellus semper tincidunt neque. Integer vitae augue et nibh feugiat commodo. Aenean ligula justo, tempor in arcu in, tempor ullamcorper lectus. Donec nisl dolor, scelerisque eget magna sit amet, imperdiet commodo neque. Duis dictum nulla enim, et viverra nisi eleifend quis. Quisque rutrum sapien at ullamcorper ullamcorper. Maecenas cursus ultricies ex, vel cursus metus tempor eu. Donec mattis eget massa vitae finibus. Suspendisse hendrerit ipsum ipsum, vitae facilisis neque suscipit non. Aliquam vitae enim vitae nunc dapibus facilisis. Nunc nisi quam, egestas quis semper ut, hendrerit quis mauris. Donec malesuada justo dolor, quis vestibulum felis volutpat vitae.
Ut rhoncus eros porta, condimentum quam eget, pharetra neque. Proin at quam et nisl efficitur congue. Morbi pretium imperdiet massa. Suspendisse pellentesque mi odio, non maximus mi fermentum et. Sed finibus vestibulum purus ut euismod. Maecenas at lacinia neque. Nunc tempus, mauris in vehicula porta, nulla lacus mollis sapien, in ultricies turpis sapien ut tellus. Vivamus tincidunt nisl eget orci sagittis lobortis. Phasellus ac ultrices libero, vitae maximus turpis. Duis cursus urna nisl, quis semper erat fermentum ac. Vestibulum malesuada pulvinar velit a porta. Aliquam varius libero in velit convallis mollis. Etiam mattis nulla in enim pretium, non porttitor mauris lobortis. Suspendisse fermentum at sapien vel venenatis. Nulla facilisi. Nam ornare scelerisque odio, ac vulputate magna faucibus vel.
</div></div>
<div class="httznotes">
</div></div></div>
<style type="text/css">@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Patua+One|Francois+One);
.httz a { color: #05B8CC; }
.httz a:hover { color: #B0B0B0 }
.httzbox { width: 400px; background-color: #fff; }
.httztop { background: -webkit-linear-gradient(#05B8CC 65%, #fff); background: -o-linear-gradient(#05B8CC 65%, #fff); background: -moz-linear-gradient(#05B8CC 65%, #fff); background: linear-gradient(#05B8CC 65%, #fff); padding: 10px; height: 114px; }
.httzimageborder { width: 100px; height: 100px; padding: 5px; border-radius: 100%; border: 2px solid rgba(255,255,255,0.3); float: left; }
.httzimage { border-radius: 100%; background-size: 100%; width: 100px; height: 100px; position: relative; }
.httzbiglyr { font-size: 25px; font-family: patua one; text-transform: lowercase; font-weight: 300; letter-spacing: -2px; color: rgb(255,255,255); text-align: center; padding-top: 50px; position: relative; line-height: 50% }
.httzsmalllyr { font-size: 13px; font-family: pathway gothic one; text-transform: uppercase; font-weight: 300; color: rgba(255,255,255,0.8); text-align: right; margin-top: 4px; margin-right: 30px; position: relative; line-height: 100% }
.httzbody { padding: 20px 30px 30px 30px; }
.httzbody ::-webkit-scrollbar { width: 5px; } .httzbody ::-webkit-scrollbar-track { background-color: #000; width: 1px; border: 2px solid #fff; } .httzbody ::-webkit-scrollbar-thumb { background-color:#05B8CC; }
.httzbody::first-letter { font-size: 40px; line-height: 20px; font-family: pathway gothic one; font-weight: bold; color: #05B8CC; padding: 10px; text-shadow: 1px 1px #fff, 2px 2px #000; float: left; position: relative; }
.httzbody .scroll { text-align: justify; height: 250px; overflow: auto; padding-right: 5px; font-family: calibri, sans serif; font-size: 11px; line-height: 100%; color: #000; }
.httzbody .noscroll { text-align: justify; font-family: calibri, sans serif; font-size: 11px; line-height: 100%; color: #000; }
.httzbody b { color: #05B8CC; font-family: francois one; font-size: 12px; line-height: 11px; font-weight: normal; }
.httzbody i { color: #05B8CC }
.httznotes { font-family: pathway gothic one; font-size: 10px; letter-spacing: 0.5px; line-height: 100%; text-transform: uppercase; background-color: #05B8CC; padding: 10px; color: rgba(255,255,255,0.9); }
.httznotes span::before { content: "#" }
.httznotes span { padding: 0px 2px }
.httzcredit { width: 400px; text-align: right; margin-right: 30px; line-height: 100%; font-family: pathway gothic one; font-style: italic; text-transform: uppercase; color: grey; }
.httzcredit a { letter-spacing: -6px; font-size: 15px; font-style: normal; }
</style> *за код спасибо некоему captain a-sparrow (ANANAS)
