Публикация из блога «Демо-версия КОСМОС» (автор: Miss Canaveral):
До кучи
Код дизайна КОСМОС:
<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>
копировать
© Источник: https://blog-house.pro/demo-versija-kosmos/post-100433/
Лучшее
Материалы сайта предназначены для лиц старше 16 лет (16+)
Комментарии