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

 

красиво же, даже если и непонятно, что такое.

Анимированные картинки на зимнюю тему с кодами для вставки

https://vasily-sergeev.livejournal.com/5578777.html

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

Настройки CSS:

html {background: transparent !important;}

body{background:url(https://i.imgur.com/8Gj4zbI.png) repeat-x, url(https://i.imgur.com/MYH81Pn.png) #000000 /*основной чёрный фон*/;}



/*аватарка вместо домика*/

.in-state #header a.d {display: block; background: url(https://i.imgur.com/0P6I40b.png); 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);}



/*размер и расположение на телефонах*/

@media (max-width: 768px) {.in-state #header a.d {width: 40px; height: 40px;  top: -24px; left: 10px;}}



/*заголовок БХ на больших экранах*/

.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;}



/*убираем заголовок БХ на маленьких экранах*/

@media (max-width: 1024px) {

.in-state #header a#caption-link {display: none;}}



/*бэджик*/

#author-badge {background: none; box-shadow: none; position: absolute; top: -20px;}

#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;}



/*размер шрифта бэджа на больших экранах*/

@media (min-width: 1024px) {#author-badge *, #author-badge a,  #author-badge .fa, #author-badge .info {font-size: 18px;}}



/*выпадашки*/

.dropdown {position: absolute; top: 50px; background: url(https://i.imgur.com/MYH81Pn.png);}



/*лента*/

#canvas {margin-top: 50px; background: transparent !important; background:rgba(0, 0, 0, 0.01) !important; box-shadow: none;}

#canvas::after {opacity: 0 !important;}



/*верхнее меню, сохраненное*/

.corvette, .caravella.semi-distant.subdustant {padding-left: 0;}



/*инфо о дневнике*/

.handwriter {width: 100% !important; max-width: 100% !important;}

@media (min-width: 1200px) {

.handwriter {margin-left: -100px !important;}}



/*посты, комменты*/

.bh-post, .ms {background: url(https://i.imgur.com/B9ZRguR.png) repeat-x bottom; border: none; 

/*разделительная полоса*/}

.bh-text, .bh-text p {max-width: 100% !important;}

.bh-post-in, .single-entry .ms {padding: 20px 0; width: 100%; border: none;}



/*размер шрифта даты и полоска под ней*/

.bh-date {padding-bottom: 10px; font-size: 12pt; border-bottom: 1px solid #583c25; box-shadow: 0px 1px 0 #3f1b0a;}



/*размер и расположение аватаров*/

@media (min-width: 1024px) {

.bh-post-in a.userpic.inner-userpic {margin-top: -15px;}

.bh-post a.userpic.inner-userpic img {max-height: 66px;}

}



/*точечка у комментариев и поделиться в блоге*/

.comment-link, .share-in-bh {background: url(http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png) no-repeat; padding: 7px 0 0 20px;}

/*точечка у комментариев и поделиться в блоге*/

.comment-link, .share-in-bh {background: url(http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png) no-repeat; padding: 7px 0 0 20px;}

/*точечка у комментариев и поделиться в блоге*/

.comment-link, .share-in-bh {background: url(http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png) no-repeat; padding: 7px 0 0 20px;}

/*точечка у комментариев и поделиться в блоге*/

.comment-link, .share-in-bh {background: url(http://static.diary.ru/userdir/1/8/2/8/1828072/84502281.png) no-repeat; padding: 7px 0 0 20px;}



/*точечка у комментариев и поделиться в блоге*/

.comment-link, .share-in-bh {background: url(https://i.imgur.com/xvboSoY.png) no-repeat; padding: 7px 0 0 20px;}



/*подчеркивание тегов при редактировании постов*/

form .bh-tags ul li a {border-bottom: 1px dashed silver;}



/*цвет заголовков, ссылок, текста*/

.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;}

.neutral, a.bh-date-link, .info, .positive, .body-start .like, .warning, .danger, .attention {color: #777 !important;}



/*убрать серый цвет активных ссылок*/

.running {filter: none; !important; -webkit-filter: none !important; opacity: 1 !important;}



/*подчеркивание ссылок*/

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);}



/*убрать подчеркивание ссылок у даты и заголовка поста*/

a.bh-date-link, .bh-post-in h2 a {border: none;}



/*ссылки при наведении*/

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;}



/*жирный шрифт у активной ссылки в оглавлении дневника, надписи удалить запись, заголовков в актуальном*/

#proud-links b, #removelab span.danger, .body-actual .semi-distant a {font-weight: bold; color: #777;}



/*тень подгружаемых областей, область сообщений*/

.loadable, #messages-area {box-shadow: 0 0 1px 1px rgba(119, 119, 119, 0.2);}



/*нажатый лайк*/

.like {color: #7f0a0a !important;}



/*сохраненное*/

.saved-labels a {opacity: 1 !important;}

.saved-labels a.saved {background: #999 !important;}



/*оффтоп*/

.offtop {opacity: 0.7; font-family: Courier;}



/*кнопка цитирования*/

#quotator {background: #565555;}



/*выравнивание блоков на главной*/

.nested {padding-left: 0;}



/*разделительная полоса на главной и в дискуссиях*/

.h {border-bottom: 1px solid #adadad; box-shadow: 0px 1px 0 #342b27;color: #847a7a;}



/*стикеры*/

#addSticky, .mySticky {background: rgba(0, 0, 0, 0.8) !important; border: none !important;}



/*текст в стикерах*/

.inSticky, .inSticky *, #stickyContent label, .rmSticky, #donotsendsticker, .sndSticky {color: #fff !important;}

.inSticky textarea {color: #565555 !important;}



/*выделение*/

::selection {background: #ccc; color: #1f2122;}

::-moz-selection {background: #ccc; color: #1f2122;}



/*значок бест*/

.best {background: rgba(255, 235, 86, 0.5); font-family: PT Sans;}



/*нечетные, темные*/

.bh-post:nth-child(even) {background: rgba(36, 36, 36, 0.05);}

/*четные, светлые*/

.bh-post:nth-child(odd) {background: rgba(10, 10, 10, 0.5);} 



/*большие аватары для комментариев*/

.comments-area .ms { position: relative; }

.comments-area .ms-attr a.userpic { position: absolute; left: -140px; }

.comments-area .ms-attr img.userpic-s { max-height: 162px;

max-width: 120px; }