Репост

До кучи

Код дизайна КОСМОС:

<code>html {
  background-color: transparent; 
  background-image: url('<a href="https://blog-house.pro/arfs/2/2/8/8/2288-0613-32497d9/e/97450e475f132ebfc.jpg')" target="_blank">https://blog-house.pro/arfs/2/2/8/8/2288-0613-32497d9/e/97450e475f132ebfc.jpg')</a>;
  background-repeat: repeat;
  background-position: 0 0;
  background-size: auto;
  animation: snow 200s linear infinite;
  -moz-animation: snow 200s linear infinite;
  -ms-animation: snow 200s linear infinite;
  -o-animation: snow 200s linear infinite;
  -webkit-animation: snow 200s linear infinite;
}
@keyframes snow {
  0% { background-position: 0 0; } 
  100% { background-position: 1000px 0; }
}
@-webkit-keyframes snow {
  0% { background-position: 0 0; } 
  100% { background-position: 1000px 0; } 
}
@-moz-keyframes snow {
  0% { background-position: 0 0; } 
  100% { background-position: 1000px 0; } 
}
@-ms-keyframes snow {
  0% { background-position: 0 0; } 
  100% { background-position: 1000px 0; } 
}
body  {
  background: url('<a href="http://s25.znimg.ru/1551324720/6sjjxam5rh.png')" target="_blank">http://s25.znimg.ru/1551324720/6sjjxam5rh.png')</a>;
  background-size: contain !important;
  background-attachment: fixed !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

#all {
  margin: 27% 0 0 0;
  padding: 0 0 0 0;
}

/*СКАЧКИ ПО ГРАБЛЯМ – ССЫЛКИ*/
#canvas a {
  color: #1c355c !important;
  border-bottom: none !important;
}
#author-badge a {
  color: #a89e96 !important;
} 
#header a {
  color: #a89e96 !important;
}
#canvas a:hover, #header a:hover, .blog-author a:hover, .in-state h2 a:hover, #author-badge a:hover, #author-badge i.fa a:hover, a:hover, fa:hover, a.neutral:hover, .sys-link:hover, .additional-params:hover, a:hover b {
  color: #ffffff !important;
}

/*СЕРАЯ ХРЕНЬ*/
.neutral {
  color: #3c2c41 !important;
}
/*убрать серый цвет активных ссылок*/
.running {
  filter: none !important; 
-webkit-filter: none !important; 
opacity: 1 !important;
}

/*ПОДЧЁРКИВАНИЕ И РАМКИ*/
.sys-link, .edit-area .bh-tags ul li a, .additional-params, .people-loader, .smilies-loader {
  border-bottom: 1px #020202 dotted;
}
input.text:focus, input.password:focus, textarea:focus, input.text:hover, input.password:hover, textarea:hover {
  border: 1px solid #4c2429 !important;
}
a:hover, fa:hover, a.neutral:hover, .sys-link:hover, .additional-params:hover, a:hover b {
  text-shadow: none !important;
}

/*АВАТАРКИ В КОММЕНТАХ С ТЕНЬЮ*/
.ms-attr img.userpic-s {
  padding: 2px 2px 2px 2px !important;
  border: 8px #312d2b solid !important;
  box-shadow: 9px 9px 20px -3px rgba(0,0,0,0.75) !important;
}

/*СКРЫТОСТИ*/
.bh-post a.userpic img, .bh-post-in a.userpic.inner-userpic, #addSticky, .mySticky, #addSticky:hover, .mySticky:hover, #header a.d, .fa.fa-certificate {
  display: none !important;
}

/*ЦВЕТ ФОНА ШАПКИ И ЗАПИСЕЙ*/
#header a#caption-link {
  background: transparent !important;
  float: right !important;
  padding-right: 3% !important;
}

h1.corvette, h2.corvette, .corvette.fluid, .loadable {
  background: rgba(168, 158, 150, 0.95) !important;
}
.caravella {
  background: rgba(168, 158, 150, 0.95) !important;
  padding: 0 10px 0 10px !important;
}

.corvette.fluid, .loadable, .corvette.hideable {
  border-radius: 10px 10px 10px 10px !important;
} 

/*ФОН И ЦВЕТ ССЫЛОК-ВЫПАДАШЕК БЕЙДЖА*/
.dropdown {
  background: #968b81 !important; 
  border-radius: 5px 5px 5px 5px !important;
  box-shadow: none !important; 
  border: 2px dotted #312d2b !important;
}
.dropdown a, .dropdown strong, .dropdown .fa, .dropdown small {
  color: #020202 !important
} 

/*ВЫПАДАШКИ ЛАЙКОВ И ЗВЁЗДОЧЕК*/
.loadable.reduced {
  position: relative; 
  z-index: 1 !important; 
  background: #968b81 !important;
  border-radius: 5px 5px 5px 5px !important;
}
.saved-labels a.saved {
  background: #968b81 !important;
  color: #020202 !important;
  opacity: 0.95;
  padding: 2px 7px 2px 7px;
  border-radius: 5px 5px 5px 5px !important;
}
.saved-labels {
    border-left: none !important;
}

/*КНОПКИ*/
input.submit {
  color: #ffffff !important;
  background-color: rgba(150, 139, 129, 0.8);
  background-image: -webkit-linear-gradient(top, #312d2b, #968b81);
  border-radius: 5px !important;
}

/*ФОН ОКОШЕК*/
input.text, input.password, select {
  background: #968b81;
  border: 1px #020202 dotted;
  color: #ffffff;
  box-shadow: none;
}

/*ОКНО ЦИТАТЫ + ЦИТАТА*/
#quotator {
  background: #968b81 !important; 
  border: 2px dotted #3c2c41;
}
#quotator i.fa {
  color: #3c2c41 !important;
}
.quote {
  display: inline-block; 
  border: 0; 
  font-style: italic; 
  padding: 0 8px 0 0; 
  font-weight: 500 !important; 
  color: #3c2c41 !important;
}
.reposted, .quotat, .quoted {
    border-left: 2px solid rgba(60, 44, 65, 1);    
    margin: 5px 0 5px 0;
    padding: 0 10px 0 10px !important;
    color: #3c2c41 !important;
}
/*цвет левых и правых кавычек цитаты*/
.quoted::before, .quoted::after {
   display: none !important;
}

/*ВЕРХ, АВТОР, БЕЙДЖИК*/
#caption-link {
  height: 18px !important;   
}
.in-state #header a#caption-link {
  font-size: 12pt;
}
.corvette.hideable {
  max-width: 100%;
  margin: 0 0 0 0;
  padding: 5px 22px 5px 22px;
  float: right !important;
}
.single-entry p.blog-author {
    top: -10px;
}
.blog-author.corvette.fluid.hideable {
  max-width: 100%;
  margin: 20px 0 10px 0;
  padding: 0 40px 0 0;
  float: right !important;
}













.in-state h1 {
 font-size: 17px !important;
font-variant: small-caps;
}
.in-state h2 a {
  font-size: 17px !important;
  font-variant: small-caps;
}
#author-badge {
  margin: 10px 0 0 0;
  background: transparent !important;   
  box-shadow: none;
  font-weight: 600 !important; 
} 
.blog-author {
 color: transparent !important;
}
.blog-author a {
  font-family: Georgia, 'Lucida Sans', 'Trebuchet MS', sans-serif !important;  
  font-size: 19px !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/*ПОСТЫ, КОММЕНТЫ*/
.bh-post {
  padding: 20px 20px 25px 20px !important;
  margin: 0 0 40px 0 !important;
}
.bh-text, .bh-text p {
  max-width: 100% !important;
  color: #020202 !important;
}
.bh-post-in, .ms, .ms-down {
  border-bottom: none !important;  
  border-color: transparent !important; 
  padding: 10px 0 !important;
}
.bh-text p {
  font-size: 1.1em !important;
  text-align: justify;
  line-height: 120% !important;  
}
.ms .ms-body {
  font-size: 1.1em !important;
  line-height: 120% !important;
  color: #020202 !important;
  padding: 0 10px 0 10px !important;
  overflow-x: hidden;
}

/*ЛАЙКИ и РЕШЁТКИ*/
/*нажатый лайк или звездочка*/
.like {
  color: #3c355c !important;
}
.bh-tags ul li {
  color: #3c355c !important;
}

/*НИК В КОММЕНТАХ, УДАЛИТЬ ЗАПИСЬ*/
.ms-body a.mention, #removelab span.danger {
  color: #4d5c46 !important;
  font-weight: 300 !important;
}

/*СТРАНИЦЫ*/
.bh-paginate.corvette.fluid {
  width: 100% !important; 
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.paginator {  
  color: #020202;
  font-family: 'Lucida Sans', 'Trebuchet MS', Arial, sans-serif !important;
  font-variant: small-caps;
  font-weight: 600 !important;
  text-align: center !important;
  padding-top: 10px;  
}
.comments-area .paginator {
  padding: 20px 10px 20px 10px;
  color: #020202 !important;
}

/*ШИРИНА ОБЛАСТИ КОММЕНТОВ*/
.comments-area.corvette.fluid {
  padding-left: 0 !important; 
  max-width: 100% !important;
}
.ms {
  padding: 20px 20px 40px 20px !important; 
  max-width: 100% !important;
  border-bottom: 1px solid #020202 !important;
  margin: 0 0 0 0 !important;
}
/*надпись "комментарии"*/
.single-entry .distant {
  padding-left: 25px !important;
  padding-top: 15px !important;
  font-size: 15px !important;
}
/*область ввода комментариев*/
.single-entry .semi-distant {
  padding-left: 17px !important;
}

/*РЕДАКТИРОВАНИЕ ДАННЫХ БЛОГА*/
.loadable {
  box-shadow: none;  
  color: #020202 !important;
  margin: 0 0 0 0 !important;
  padding: 1% 1% 1% 1%;
}
.loadable .close-button {
  color: #4c2429 !important;
}
.loadable h1 {
  color: #ffffff !important;
  font-size: 17px !important;
}
.in-state h1, .in-state h2 {
  color: #ffffff !important;
}

/*МЕЛОЧЬ, А ПРИЯТНО*/
.cap {
  background:  #968b81 !important;
}
.info {
    color: #ffffff !important;
}
label {
cursor: pointer;
color: #412829;
}
.required {
    color: #ffffff !important;
}
.more-in {
  color: #3c355c !important;
  font-weight: 500 !important;
  border-bottom: 2px #3c355c dotted;
}
.offtop {
  color: #ccc6c4 !important;
  opacity: 1;
}
.best {
  background: #685a51;
  color: #ffffff;
  font-weight: 300 !important; 
}
.positive {
  color: #ffffff !important;
}

/*ВЫДЕЛЕНИЕ ТЕКСТА*/
::selection {
  background: #4b586c !important; 
  color: #fdf7f2 !important;
}
::-moz-selection {
  background: #4b586c !important; 
  color: #fdf7f2 !important;
}

/*КНОПКИ ВВЕРХ-ВНИЗ*/
#topLinkBlock {
  border-radius: 4px !important; 
  bottom: 36px !important; 
  right: 12px !important; 
  background: #a89e96 !important; 
  color: #020202 !important; 
  opacity: 1 !important;
}
#footerLinkBlock {
  border-radius: 4px !important; 
  bottom: 12px !important; 
  right: 12px !important; 
  background: #a89e96 !important; 
  color: #020202 !important; 
  opacity: 1 !important;
}

/*ОКОШКО ДЛЯ КОДА В ЗАПИСИ*/
pre code {
  max-width: 70%;
  color: #4c2429;
  max-height: 100px;
  margin-bottom: 10px;
  overflow: auto;
}

/*ДНО*/
.user-story a {
  color: #cdbe9f !important;
  border-bottom: none !important;
}
.user-story a:hover {
  color: #ffffff !important;
}
/*правила сайта – профиль и настройки*/
.inverted-text a {
  color: #cdbe9f !important;
}
.inverted-text a:hover {
  color: #ffffff !important;
}
/*надпись 16+*/
.neutral.small.user-story {
  color: #ffffff !important;
  padding: 0 0 10px 0 !important;   
}

/*ЭПИГРАФ*/
.handwriter * { 
  background: transparent !important; 
  font-weight: bold !important; 
  font-family: 'Georgia', 'Times New Roman', Serif !important; 
  font-size: 14pt !important; 
  font-style: italic !important; 
  line-height: 110% !important;
  color: #968b81 !important;
  text-shadow: 1px 1px 0 #020202, 0 0 20px #020202 !important;  
}
.handwriter, .handwriter * {
  max-width: 100% !important; 
  text-align: left !important; 
  padding: 0 0 4px 0 !important;   
}
.corvette.desсriрtion-area.handwriter {  
  padding-bottom: 1% !important; 
  margin-bottom: 1% !important; 
  padding-left: 5% !important; 
}

/*ЭКРАНЫ > 1024px*/
@media screen and (min-width: 1024px) {
  #canvas {
    width: 70% !important; 
    max-width: 70% !important; 
    margin: 0 15% 0 15% !important;
    background: transparent;
    padding-left: 0 !important;
    padding-right: 0 !important;   
    padding-bottom: 0 !important;   
  }
  .user-story {
    padding: 0 0 0 0 !important;
    background: transparent;
    width: 70% !important; 
    max-width: 70% !important; 
    margin: 0 15% 0 15% !important;
  }
}

/*ЭКРАНЫ < 1024px*/
@media screen and (max-width: 1024px) {
 #canvas {
    width: 70% !important; 
    max-width: 70% !important; 
    margin: 0 15% 0 15% !important;
    background: transparent;  
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
  .user-story {
    padding: 0 0 0 0 !important;
    background: transparent;
    width: 70% !important; 
    max-width: 70% !important; 
    margin: 0 15% 0 15% !important;
  }
}

/*ПЛАНШЕТЫ, СМАРТФОНЫ*/
@media screen and (max-width: 768px) {
  .user-story {
    padding: 0 0 0 0 !important;
    background: rgba(29, 32, 39, 0.3);  
    width: 100% !important; 
    max-width: 100% !important; 
    margin: 0 0 0 0 !important;
  }
  #author-badge {
    margin-right: 4px;
  }
  body {
    background-size: contain !important;
  }
  #canvas {
    width: 100% !important; 
    max-width: 100% !important; 
    margin: 0 0 0 0 !important;
    background: rgba(29, 32, 39, 0.3) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
   .multiple-entries .bh-like.neutral, .single-entry .bh-like.neutral {
    position: relative; 
    top: 21px !important;
  } 
  .bh-comment-likes .bh-like.neutral {
    position: relative; 
    top: -2px !important;
  }
  .bh-like.neutral {
    position: relative; 
    top: -21px !important;
  }
  .handwriter * {
     font-size: 90%;    
  }
}</code>копировать