Код:
<!--HTML-->
<style type="text/css">
.blog_telo {width: 530px;padding: 20px;border: 1px solid #e4e4e4;background-color: #fff;margin: auto;}
.blog_niz {width: 530px;height: 87px;padding: 20px;background-color: #cecece;border: 1px solid #f0f0f0;margin: auto;border-top: 0;padding-top: 1px;}
.blog_ava {width: 75px;height: 75px;border-radius: 100%;border: 5px solid #9daab5;border-top: 5px solid transparent;border-bottom: 5px solid transparent;transform: rotate(70deg);padding: 5px;}
.blog_ava-i { width: 75px; height: 75px; transform: rotate(-70deg); border-radius: 100%; background-size: cover; background-position: center; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.blog_podpis {width: 270px;margin-left: -64px;text-align: right;font-family: 'Montserrat', sans-serif;font-weight: 900;text-transform: lowercase;font-size: 27px;letter-spacing: -1px;line-height: 100%;margin-top: -7px;color: #9daab5;text-shadow: 1px 1px 0px #f0f0f0;}
.blog_podpis woman {display: block;text-shadow: 0px 0px 0px #f0f0f0;font-size: 9px;text-transform: uppercase;letter-spacing: 4px;font-weight: 600;color: #ffffff;line-height: 100%;font-family: proxima nova;}
.blog_tekst {text-align: justify;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 12px;line-height: 130%!important;text-transform: lowercase;color: #999;}
.blog_tekst b {color: #9daab5;font-size: 12px;line-height: 120%;}
.blog_tekst a {border-bottom: 1px dashed #9daab5;color: #9daab5;font-size: 12px;line-height: 120%;}
.blog_telo .space { font-size: 13px; font-family: 'Montserrat', sans-serif; line-height: 100%; text-align: center; margin: 20px 0; color: #999; }
.blog_telo .qspace { font-size: 13px;font-family: 'Montserrat', sans-serif;line-height: 100%;text-align: center;margin: 10px 0 0 0;color: #999;}
.blog_telo .tspace { width: 5px; }
.blog_telo .space:before, .blog_telo .qspace:before { display: inline-block; content: ""; width: 100px; height: 1px; background-color: #f0f0f0; margin-right: 5px; vertical-align: middle; }
.blog_telo .space:after, .blog_telo .qspace:after { display: inline-block; content: ""; width: 100px; height: 1px; background-color: #f0f0f0; margin-left: 5px; vertical-align: middle; }
</style>
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:100,400,900" rel="stylesheet">
<div class="blog_telo">
<div class="blog_tekst">
Привет тебе в админском блоге! Нет, это не тема срочных новостей и громких объявлений, а наша общая доска для настроения и отслеживания всяких интересных событий по мере их совершения.
<br><br>В основном здесь пишут админы форума, однако если ты, <b>игрок</b>, хочешь поведать о чем-то интересном, то смело пиши в ЛС своему командному бармену и в ближайшем выпуске не_срочных, но занимательных новостей, окажется прямой эфир с тобой в главной роли! А если не хочешь поведать, то никто не обещает, что о твоих делах и делишках не прознает какая-нибудь бабка у подъезда и радостно сольет всю информацию админам за стопочку беленькой.
</div>
<div class="qspace"> <i class="ion-ios-star"></i> </div>
</div>
<div class="blog_niz">
<table cellpadding="0" cellspacing="0">
<td><div class="blog_ava"><div class="blog_ava-i" style="background-image: url( https://s.tcdn.co/15d/540/15d540a6-a2f2-3dec-a3d4-5f8bc5df4110/192/1.png );"></div></div></td>
<td><div class="blog_podpis"> ams_blog <woman> <i class="ion-ios-arrow-left"></i> news <i class="ion-ios-arrow-right"></i> </woman></div></td>
</table>
</div>
