Что почитать: свежие записи из разных блогов

Цветовая схема: Archanic
Ширина: 1000px
Убрать скругление уголков
Убрать тень вокруг основного блока
Без логотипа.

Настройки CSS:

html {background: transparent !important;}<br />
body{background:url(<a href="https://i.imgur.com/8Gj4zbI.png)" target="_blank">https://i.imgur.com/8Gj4zbI.png)</a> repeat-x, url(<a href="https://i.imgur.com/MYH81Pn.png)" target="_blank">https://i.imgur.com/MYH81Pn.png)</a> #000000 /*основной чёрный фон*/;}<br />
<br />
/*аватарка вместо домика*/<br />
.in-state #header a.d {display: block; background: url(<a href="https://i.imgur.com/0P6I40b.png)" target="_blank">https://i.imgur.com/0P6I40b.png)</a>; width: 70px; height: 70px; border-radius: 50%; background-size: contain; position: absolute; top: -37px; left: 45px; box-shadow: 0 0px 20px rgba(250, 250, 250, 0.6);}<br />
<br />
/*размер и расположение на телефонах*/<br />
@media (max-width: 768px) {.in-state #header a.d {width: 40px; height: 40px;  top: -24px; left: 10px;}}<br />
<br />
/*заголовок БХ на больших экранах*/<br />
.in-state #header a#caption-link {background: transparent !important; position: absolute; top: -20px; left: 140px; color: #c4c4c4 !important; font-size: 24px; text-shadow: 2px 0px 3px rgba(250, 250, 250, 0.6); font-size: 18px; font-weight: normal;}<br />
<br />
/*убираем заголовок БХ на маленьких экранах*/<br />
@media (max-width: 1024px) {<br />
.in-state #header a#caption-link {display: none;}}<br />
<br />
/*бэджик*/<br />
#author-badge {background: none; box-shadow: none; position: absolute; top: -20px;}<br />
#author-badge *, #author-badge a,  #author-badge .fa, #author-badge .info {color: #adadad !important; text-shadow: 1px 0px 3px rgba(250, 250, 250, 0.6) !important;}<br />
<br />
/*размер шрифта бэджа на больших экранах*/<br />
@media (min-width: 1024px) {#author-badge *, #author-badge a,  #author-badge .fa, #author-badge .info {font-size: 18px;}}<br />
<br />
/*выпадашки*/<br />
.dropdown {position: absolute; top: 50px; background: url(<a href="https://i.imgur.com/MYH81Pn.png)" target="_blank">https://i.imgur.com/MYH81Pn.png)</a>;}<br />
<br />
/*лента*/<br />
#canvas {margin-top: 50px; background: transparent !important; background:rgba(0, 0, 0, 0.01) !important; box-shadow: none;}<br />
#canvas::after {opacity: 0 !important;}<br />
<br />
/*верхнее меню, сохраненное*/<br />
.corvette, .caravella.semi-distant.subdustant {padding-left: 0;}<br />
<br />
/*инфо о дневнике*/<br />
.handwriter {width: 100% !important; max-width: 100% !important;}<br />
@media (min-width: 1200px) {<br />
.handwriter {margin-left: -100px !important;}}<br />
<br />
/*посты, комменты*/<br />
.bh-post, .ms {background: url(<a href="https://i.imgur.com/B9ZRguR.png)" target="_blank">https://i.imgur.com/B9ZRguR.png)</a> repeat-x bottom; border: none; <br />
/*разделительная полоса*/}<br />
.bh-text, .bh-text p {max-width: 100% !important;}<br />
.bh-post-in, .single-entry .ms {padding: 20px 0; width: 100%; border: none;}<br />
<br />
/*размер шрифта даты и полоска под ней*/<br />
.bh-date {padding-bottom: 10px; font-size: 12pt; border-bottom: 1px solid #583c25; box-shadow: 0px 1px 0 #3f1b0a;}<br />
<br />
/*размер и расположение аватаров*/<br />
@media (min-width: 1024px) {<br />
.bh-post-in a.userpic.inner-userpic {margin-top: -15px;}<br />
.bh-post a.userpic.inner-userpic img {max-height: 66px;}<br />
}<br />
<br />
/*точечка у комментариев и поделиться в блоге*/<br />
.comment-link, .share-in-bh {background: url(<a href="http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)" target="_blank">http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)</a> no-repeat; padding: 7px 0 0 20px;}<br />
/*точечка у комментариев и поделиться в блоге*/<br />
.comment-link, .share-in-bh {background: url(<a href="http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)" target="_blank">http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)</a> no-repeat; padding: 7px 0 0 20px;}<br />
/*точечка у комментариев и поделиться в блоге*/<br />
.comment-link, .share-in-bh {background: url(<a href="http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)" target="_blank">http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)</a> no-repeat; padding: 7px 0 0 20px;}<br />
/*точечка у комментариев и поделиться в блоге*/<br />
.comment-link, .share-in-bh {background: url(<a href="http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)" target="_blank">http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png)</a> no-repeat; padding: 7px 0 0 20px;}<br />
<br />
/*точечка у комментариев и поделиться в блоге*/<br />
.comment-link, .share-in-bh {background: url(<a href="https://i.imgur.com/xvboSoY.png)" target="_blank">https://i.imgur.com/xvboSoY.png)</a> no-repeat; padding: 7px 0 0 20px;}<br />
<br />
/*подчеркивание тегов при редактировании постов*/<br />
form .bh-tags ul li a {border-bottom: 1px dashed silver;}<br />
<br />
/*цвет заголовков, ссылок, текста*/<br />
.in-state h1, .in-state h2, .in-state h1 a, .in-state h2 a, .corvette.heading, .corvette.heading a, p.blog-author, p.blog-author a,  a, a:link, a:active, a:visited, body, p, div, table, td, th, li, a b, .h, .bh-tag-link, .bh-tags ul li, .bh-reading-attribution, .h a.principal, .bh-date, .ms span.date, .ms span.date a, .message, .ms.fromMe .ms-attr a, .inverted-text * {color: #628663;}<br />
.neutral, a.bh-date-link, .info, .positive, .body-start .like, .warning, .danger, .attention {color: #777 !important;}<br />
<br />
/*убрать серый цвет активных ссылок*/<br />
.running {filter: none; !important; -webkit-filter: none !important; opacity: 1 !important;}<br />
<br />
/*подчеркивание ссылок*/<br />
a, a:link, a:active, a:visited, .in-state h1 a, .in-state h2 a, .corvette.heading a, .ms.fromMe .ms-attr a {border-bottom: 1px solid rgba(119, 119, 119, 0.2);}<br />
<br />
/*убрать подчеркивание ссылок у даты и заголовка поста*/<br />
a.bh-date-link, .bh-post-in h2 a {border: none;}<br />
<br />
/*ссылки при наведении*/<br />
a:hover, a:hover b, .h a.principal:hover, a.neutral:hover, .sys-link, .sys-link:hover, .additional-params:hover {color: #565555 !important; border-bottom: none !important;}<br />
<br />
/*жирный шрифт у активной ссылки в оглавлении дневника, надписи удалить запись, заголовков в актуальном*/<br />
#proud-links b, #removelab span.danger, .body-actual .semi-distant a {font-weight: bold; color: #777;}<br />
<br />
/*тень подгружаемых областей, область сообщений*/<br />
.loadable, #messages-area {box-shadow: 0 0 1px 1px rgba(119, 119, 119, 0.2);}<br />
<br />
/*нажатый лайк*/<br />
.like {color: #7f0a0a !important;}<br />
<br />
/*сохраненное*/<br />
.saved-labels a {opacity: 1 !important;}<br />
.saved-labels a.saved {background: #999 !important;}<br />
<br />
/*оффтоп*/<br />
.offtop {opacity: 0.7; font-family: Courier;}<br />
<br />
/*кнопка цитирования*/<br />
#quotator {background: #565555;}<br />
<br />
/*выравнивание блоков на главной*/<br />
.nested {padding-left: 0;}<br />
<br />
/*разделительная полоса на главной и в дискуссиях*/<br />
.h {border-bottom: 1px solid #adadad; box-shadow: 0px 1px 0 #342b27;color: #847a7a;}<br />
<br />
/*стикеры*/<br />
#addSticky, .mySticky {background: rgba(0, 0, 0, 0.8) !important; border: none !important;}<br />
<br />
/*текст в стикерах*/<br />
.inSticky, .inSticky *, #stickyContent label, .rmSticky, #donotsendsticker, .sndSticky {color: #fff !important;}<br />
.inSticky textarea {color: #565555 !important;}<br />
<br />
/*выделение*/<br />
::selection {background: #ccc; color: #1f2122;}<br />
::-moz-selection {background: #ccc; color: #1f2122;}<br />
<br />
/*значок бест*/<br />
.best {background: rgba(255, 235, 86, 0.5); font-family: PT Sans;}<br />
<br />
/*нечетные, темные*/<br />
.bh-post:nth-child(even) {background: rgba(36, 36, 36, 0.05);}<br />
/*четные, светлые*/<br />
.bh-post:nth-child(odd) {background: rgba(10, 10, 10, 0.5);} <br />
<br />
/*большие аватары для комментариев*/<br />
.comments-area .ms { position: relative; }<br />
.comments-area .ms-attr a.userpic { position: absolute; left: -140px; }<br />
.comments-area .ms-attr img.userpic-s { max-height: 162px;<br />
max-width: 120px; } копировать