Автор: Утонувшая в мечтах
А тут случайно нет никаких соо с дизайнами для блога?
Лучшее Правила сайта Вход Регистрация Восстановление пароля
Материалы сайта предназначены для лиц старше 16 лет (16+)
Комментарии
https://blog-house.pro/vault/
https://blog-house.pro/css-community/
В ленте соо много готовых вариантов дизайна.
#canvas { max-width: 700px; }
#canvas { background: transparent !important; }
#canvas::after { opacity: .56; }
#author-badge { opacity: .94; }
.author-state #author-badge { opacity: .66; }
.author-state #header a#caption-link { opacity: .6; }
.author-state #canvas { border: 0; }
.in-state #header a#caption-link { opacity: .86; }
#header a.d { display: none; }
/* Custom CSS: */
html, #caption-link {background: transparent !important;}
/*фон*/
body {background-color:#001220; background-image:url(https://www.zastavki.com/pictures/originals/2015/Nature_Moon_in_blue_sky_103704_.png);background-attachment:fixed; background-repeat:no-repeat; background-position:left top; background-size: cover; padding:0px !important; margin:0px !important}
/*БХ*/
#caption-link {position: relative; top: -42px !important; color: #d64056 !important;}
/*верхнее меню*/
.corvette {padding-left: 15px;}
/*верхнее меню */
h1.corvette.hideable, .corvette.fluid.heading.hideable {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 55px rgba(64, 15, 15, 0.64); text-align: center; color:#2e2122}
/*ширина меню в днявке, можно поправить в зависимости от ширины дизайна!*/
h1.corvette.hideable {width: 96% !important;}
/*ширина меню в комментах*/
.corvette.fluid.heading.hideable {width: 100% !important;}
/*короткое инфо о дневнике*/
.handwriter {width: 111% !important; max-width: 111% !important; /*поправить эти две цифры, если размер больше/меньше, чем нужно*/
background: none;
/*сдвиг имени автора вниз в меню в клмментах*/
.single-entry p.blog-author {top: -7px !important;}
/*лента*/
#canvas {background: none; margin-top: 50px !important; box-shadow: none !important; padding-bottom: 0 !important;} /*убираем фон и тень исходных настроек канваса*/
/*лента на страницах, где нет постов*/
#all {padding-top: 40px; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.1);}
/*убираем настройки ленты на тех страницах, где есть посты (дневник, комменты, избранное, общая, сохраненные, коллекции*/
.multiple-entries #all, .single-entry #all, .body-reading #all, .body-explorer #all, .body-saving #all, .body-author-collections #all {box-shadow: none !important;}
/*область тегов в общей*/
.corvette.fluid.rubricator {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 55px rgba(231, 169, 175, 0.6); width: 100% !important;}
/*бэджик*/
#author-badge {background: rgba(251, 226, 226, 0.8) !important; box-shadow: inset 0 0 15px rgba(231,169,175, 0.6) !important;}
/*выпадашки и стикеры*/
.dropdown, #addSticky, .mySticky {background: rgba(251, 226, 226, 0.9) !important; box-shadow: inset 0 0 25px rgba(231, 169, 175, 0.95) !important; border-radius: 4px; padding: 10px !important; border: none !important;}
.dropdown:hover, #addSticky:hover, .mySticky:hover {background: rgba(251, 226, 226, 0.95) !important;}
/*текст и ссылки*/
body, div, p, td, th, li, a, a:link, a:active, a:visited, a b, pre code, .message, .edit-area *, .body-write * {color: #b8a599;}
.comments-area .paginator {border-bottom: none !important;}
.fa, .neutral, .fa.fa-star.like.before-info, .after-info, #author-badge a, #author-badge .info, .info, .attention, .ms span.date a, .date, #proud-links a, #proud-links b, .bh-tags a, .bh-tags ul li, h1, h1 a, h2, h2 a, .inSticky, .inSticky *, .rmSticky, #donotsendsticker, p.blog-author, a.blog-author-link, a.bh-date-link, .bh-reading-attribution a, p.bh-reading-attribution, .dropdown *, .body-start *, .h a, .rubricator a, .rubricator b, #lnk-profile, p.subdistant, .semi-distant b, .paginator, .in-state h1, .in-state h2, .in-state h1 a, .in-state h2 a, .corvette.heading, .corvette.heading a, #senderlab, label {color: #b8a599!important;}
.fa-align-center, .fa-align-right, .fa-align-justify, .fa-id-card-o, .fa-quote-right {color: #555 !important;}
a, a:link, a:active, a:visited {border-bottom: 1px solid rgba(255, 0, 0, .07);}
/*убрать серый цвет активных ссылок*/
.running {filter: none; !important; -webkit-filter: none !important; opacity: 1 !important;}
/*жирный шрифт у активной ссылки в оглавлении дневника*/
#proud-links b, #removelab span.danger {font-weight: bold; color: #b8a599 !important;}
/*ник в комментах*/
.ms-body a.mention {font-weight: bold !important; border-bottom: none;}
/*подчеркивание тегов и ссылок при редактировании поста*/
.sys-link, .edit-area .bh-tags ul li a, form .bh-tags ul li a, .additional-params, .people-loader, .smilies-loader, a.d-link {border-bottom: 1px rgba(255, 0, 0, .07) solid !important;}
/*подчеркивание моря*/
.more-in {border-bottom: 1px dashed rgba(126, 37, 49, 0.6);}
/*ссылки при наведении*/
a:hover, .fa:hover, a.neutral:hover, .more-in:hover, .sys-link:hover, .additional-params:hover, .semi-distant b:hover, a:hover b {color: #b8a599!important; text-shadow: 0 0 0 #b8a599 !important;}
/*кнопки*/
.submit {background: none !important; border-radius: 2px; box-shadow: inset 0 0 15px rgba(231, 169, 175, 0.6); padding: 8px !important; color: #b8a599!important;}
.search-all-from-badge input.submit {padding: 2px 9px 3px !important; }
/*кнопки цитирования, вверх, вниз*/
#quotator, #topLinkBlock, #footerLinkBlock {background: none !important; border-radius: 3px; box-shadow: inset 0 0 15px rgba(231, 169, 175, 0.6);}
#quotator i.fa, #topLinkBlock, #footerLinkBlock {color: #b8a599 !important; opacity: 1 !important;}
#quote-selected-text {border-bottom: 1px dotted rgba(126, 37, 49, 0.6);}
/*цитата*/
.quote {border-left: none !important; display: inline-block; box-shadow: inset 0 0 20px rgba(231,169,175, 0.6); padding: 0 15px; border-radius: 3px;}
/*выделение*/
::selection {background: #d87f8f !important; color: #000 !important;}
::-moz-selection {background: #d87f8f !important; color: #000 !important;}
/*нажатый лайк или звездочка*/
.fa.fa-heart.like.likes, .fa.fa-star.like {color: #da364d !important;}
/*посты, комменты*/
.bh-post, .ms {padding: 40px !important; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.6); margin-bottom: 40px !important; width: 100% !important; border: none;}
.bh-post-in {padding: 0px !important;}
/*убрать разделительную полосу между постами и комментами*/
.bh-post-in, .ms-down {border-bottom: none;}
.bh-text, .bh-text p, .bh-post-micro {max-width: 100% !important;}
/*ширина области комментов*/
.comments-area.corvette.fluid {padding: 0px !important; width: 100%; max-width: 100% !important;}
/*надпись "комментарии"*/
/*.single-entry .distant {padding-left: 4px !important;}*/
/*область ввода комментариев*/
/*.single-entry .semi-distant {}*/
#msger {padding: 20px !important; border-radius: 10px; box-shadow: inset 0 0 150px rgba(231, 169, 175, 0.6);}
/*область сособщений*/
#messages-area {box-shadow: none !important;}
/*подчеркивание у ника*/
.body-messages .complex a {border-bottom: 1px solid rgba(231, 169, 175, 0.8) !important; color: #b8a599 !important;}
/*поиск и селекты*/
input.text, input.password, select {box-shadow: none !important; border: 1px solid rgba(231, 169, 175, 0.6) !important;}
/*маленькие экраны*/
@media (max-width: 768px) {
/*верхнее меню*/
h1.corvette.hideable {width: 88% !important; margin-left: 10px !important;}
.corvette.fluid.heading.hideable {margin-top: -20px !important;}
/*инфо о дневнике*/
.handwriter {width: 101% !important; max-width: 101% !important; margin-left: 0 !important;}
.handwriter * {font-size: 90%;}
/*внутренний отступ в постах и комментах*/
.bh-post, .ms {padding: 20px !important;}
}
/*цитатник*/
.saved-labels {border: none;}
.saved-labels a {padding: 3px 8px; border-radius: 4px; box-shadow: inset 0 0 8px rgba(231, 169, 175, 0.6); opacity: 1; color: rgba(126, 37, 49, 0.4); font-style: normal;}
.saved-labels a.saved {background: none; box-shadow:inset 0 0 35px rgba(64, 15, 15, 0.64); color: #b8a599 !important;}
bh-post-in a.userpic img {width:70px;}