№1572. Kelsey for diary #1 — @дневники: асоциальная сеть

12:41 №1572. Kelsey for diary #1
При использовании дизайна просьба ставить баннер сообщества
настройки• Страница с комментариями
• Кнопки
• Коддизайн: блочный
навигационная панель: слева
цвет оффтопика #6c6461
остальные поля оставляем пустыми
 .block_design {background: url('ФОН') fixed !important; padding: 0 !important; background-size: cover !important;}
 #wrapper{width:1100px; min-width:0; margin-top: 50px !important;}
 #side{width:310px; position: fixed !important;}
 .left #page-c {margin-left:-299px;}
 .left #page-t {margin-left:299px;}
 .right #page-c {margin-right:-299px;}
 .right #page-t {margin-right:299px;}
 #add_block1 {background: #000; width: 27%; height: 100%; position: fixed; top: 0; left: 0; display: block; z-index: -1 !important; padding: 0 !important;}
 {-----------------------------------------------display: none----------------------------------------------}
 #iAmQuit, #Stats, #thisDiaryOwner_title, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #mySFavLink, #rssLink, #upInChart, #thisDiaryLinks, #headlineList, #myDraftLink, #myNotepadLink, #myQuotLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #globalLinks_title, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #lastComments, #pchs, .order_button, #YaSearch, #myDiaryLinks_title, .upPostLink, .urlLink, .Attention, #myAccountLink, #w18p, .prevnext, #referenceLink, #optionsLink, .atMusic, .atMood, .pages_str, #postsCalendar, #tagslistlink, .subscribe, .unsubscribe, .quote_post, #diaryInfo, #oamLink {display: none !important;}
 {---------------------------------------------------- side--------------------------------------------------------}
 #side .opac6 {display: none !important;}
 #side {margin-top: -50px !important; height: 2000px; background: #000 !important;}
 #thisDiaryPhoto {position: absolute; top: 0px; right: 60px; border-bottom: solid 6px #fff !important; padding-bottom: 120px !important;}
 #thisDiaryPhoto img {min-width: 50px !important; max-width: 50px !important; min-height: 50px !important; max-height: 50px !important;}
 #side h1 a {color: #fff !important; font-family: calibri, sans-serif !important; font-size: 50px !important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-align: right !important; position: absolute; right: 60px; top: 210px;}
 #side ul {visibility: visible; display: block;}
 #mainpageLink {position: absolute; right: 60px; top: 353px;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:". Главная"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #myDiaryLink {position: absolute; right: 60px; top: 380px;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:". Дневник"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #writeThisDiary {position: absolute; right: 60px; top: 407px;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:". Новая запись"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #discussionLink {position: absolute; right: 60px; top: 434px;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:". Дискуссии"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #umailLink {position: absolute; right: 60px; top: 460px;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:". Умыл"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #myFavLink {position: absolute; right: 60px; top: 485px;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:". Избранное"; color: #fff; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #authorName {position: absolute; top: 511px; right: 60px; font-size: 0 !important; text-decoration: none !important;}
 #authorName:before {content:". Профиль"; color: #fff !important; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: normal !important; text-decoration: none !important; letter-spacing: 1px !important;}
 {---------------------------------------------side count box-----------------------------------------}
 #discussionLink span.count_box {font-size: 0;}
 #myDiaryLink span.count_box {font-size: 0;}
 #umailLink span.count_box {font-size: 0;}
 #discussionLink .count_box a:before {font-size: 0 !important;}
 #discussionLink .count_box {position: absolute; bottom: 0px; right: -15px;}
 #discussionLink .count_box a {color: #fff; font-family: calibri, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #myDiaryLink .count_box a:before {font-size: 0 !important;}
 #myDiaryLink .count_box {position: absolute; bottom: 1px; right: -15px;}
 #myDiaryLink .count_box a {color: #fff; font-family: calibri, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #umailLink .count_box a:before {font-size: 0 !important;}
 #umailLink .count_box {position: absolute; bottom: 1px; right: -15px;}
 #umailLink .count_box a {color: #fff; font-family: calibri, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph div {word-spacing: 5px !important; margin-bottom: -6px !important;}
 #epigraph .header {display: none !important;}
 #epigraph {padding: 0px !important; margin-bottom: 80px !important; margin-top: 20px !important;}
 #epigraph a {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 16px !important; text-decoration: none !important; transition: 0.5s !important;}
 #epigraph a:hover {color: #939496 !important;}
 #epigraph .paragraph {line-height: 23px !important; letter-spacing: 1px !important; font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 16px !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 .singlePost {background: #fff !important; margin-bottom: 140px !important; padding: 50px !important; position: relative;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .paragraph {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; line-height: 23px !important;}
 .paragraph a {font-family: calibri, sans-serif !important; color: #939496 !important; font-size: 17px !important; line-height: 23px !important; text-decoration: none !important; transition: 0.5s !important;}
 .paragraph a:hover {color: #232323 !important;}
 .opac6 {width: 0; height: 0; background: url('ЗАМОК') no-repeat; padding: 10px 7px 10px 7px !important;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -12px !important; top: 0px !important;}
 .postDate {text-align: left !important; margin-bottom: 18px !important;}
 .postDate span {color: #939496 !important; font-family: corbel, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 2px !important; text-transform: lowercase !important;}
 .header {color: #000 !important; font-family: calibri, sans-serif !important; font-size: 24px !important; font-weight: bold !important; letter-spacing: 1px !important; margin-bottom: 18px !important; text-transform: uppercase !important;}
 .header h2 {font-weight: bold !important;}
 .atTag span {display: none;}
 .atTag {color: #232323 !important;}
 .atTag a {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 17px !important; font-style: normal !important; text-decoration: none !important; transition: 0.5s !important;}
 .atTag a:before {content:"—"; color: #000 !important; font-weight: bold !important; font-size: 17px !important; padding-right: 7px !important;}
 .atTag a:hover {color: #939496 !important;}
 .atTag {color: #fff !important; margin-bottom: 18px !important;}
 .postLinksBackg {text-align: left !important; margin-top: 0px !important; margin-left: -10px !important;}
 .postLinksBackg a {color: #939496 !important; font-family: corbel, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 2px !important; text-transform: lowercase !important; text-decoration: none !important; transition: 0.5s !important;}
 .postLinksBackg a:hover {color: #000 !important;}
 .postLinks {color: #fff !important;}
 {------------------------------------pageBar------------------------------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 .pageBar {margin-bottom: 20px !important; margin-top: -50px !important;}
 #pageBar a {color: #000 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, sans-serif !important; text-transform: lowercase !important; letter-spacing: 1px !important;}
 #pageBar strong {font-family: calibri, sans-serif !important; font-size: 15px !important; color: #fff !important; text-decoration: none !important; font-weight: normal !important;}
 #add_block3 {position: relative; width: 100%; z-index: -4 !important; height: 30px; left: 0px; background: transparent; padding: 0!important;}
 #add_block4:after {position: relative; width: 300px; height: 20px; bottom: 20px; margin-left: 60px; padding: 0 !important; content:"Adaptation by SnezhArt © 2019"; color: #939496 !important; font-family: calibri, sans-serif !important; font-size: 13px !important; left: 50%; text-transform: lowercase !important; opacity: 1 !important; letter-spacing: 1px !important;}
 {------------------------------------------JournalComments-------------------------------------}
 .singleComment {background: #fff !important; position: relative; margin-bottom: 140px !important; padding: 50px !important;}
 #JournalComments .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 .avatar img {min-width: 50px !important; max-width: 50px !important; min-height: 50px !important; max-height: 50px !important; margin-top: -50px; background: #fff;}
 .commentAuthor {overflow: visible !important; border-bottom: solid 6px #000 !important; padding-bottom: 30px !important;}
 .commentAuthor div {margin: 0 !important;}
 .pay26 .commentAuthor {width: 50px !important;}
 .commentAuthor:before {content:""; display: block !important; background: transparent url('ЗАПАСНОЙ АВАТАР') left top no-repeat; width: 50px !important; height: 50px !important;}
 .authorName {position: relative; white-space: nowrap !important; left: 100px; top: 24px; width: 600px !important; letter-spacing: 2px !important;}
 .authorName a {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 16px !important; text-decoration: none !important; overflow: hidden !important; text-overflow: ellipsis !important;}
 .sign {color: #000 !important; font-family: calibri, sans-serif !important; font-size: 16px !important; font-weight: bold !important; position: relative; left: 100px; bottom: 18px; width: 550px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; letter-spacing: 2px !important; margin-top: 10px !important;}
 .sign:before {content:"«"; color: #000 !important; font-family: calibri, sans-serif !important; font-size: 16px !important; font-weight: bold !important; letter-spacing: 2px !important; padding-right: 5px !important;}
 .sign:after {content:"»"; color: #000 !important; font-family: calibri, sans-serif !important; font-size: 16px !important; font-weight: bold !important; letter-spacing: 2px !important; padding-left: 5px !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 {------------------------------------------JournalComments msg_form-------------------------------------}
 #msg_form {background: #fff !important; margin-bottom: 80px !important; padding: 50px !important;}
 #msg_form div {text-align: left !important;}
 #msg_form div a {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; text-decoration: none !important;}
 #msg_form .section {color: #232323 !important; font-size: 17px !important; font-family: calibri, sans-serif !important;}
 #fromAnother_box, #fromMyself_box, #change_bg_area_comm, #ReplaceBrDiv, #add_picture_box {display: none !important;}
 #codebuttons a img {background: #fff !important; border: none !important;}
 .bordered #codebuttons a:hover img {background: none! important; border: none !important;}
 #SelectSmileGroup {background: #fff;}
 .htmlbox textarea {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; line-height: 23px !important;}
 #btSubmit {opacity: 1 !important; width: 120px !important;}
 .submit[value="Отправить"] {color: #232323 !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; font-size: 17px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important; border-bottom: solid 6px #000 !important; padding-bottom: 50px !important; letter-spacing: 2px !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 .communityName {text-align: left !important; margin-bottom: 15px !important;}
 .communityName a {color: #232323 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 12px !important; font-weight: bold !important; transition: 0.5s !important; text-decoration: none !important;}
 .communityName a:hover {color: #939496 !important;}
 {------------------------------------------------JournalTags--------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #fff !important; padding: 50px !important; margin-left: 0px !important;}
 .tags_ul_all a {text-decoration: none !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important;}
 .tags_ul_all span {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important;}
 .tags_ul_all .text {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important;}
 .submit[value="Найти записи"], .submit[value="Объединить"], .submit[value="Редактировать"], .submit[value="Удалить"] {color: #232323 !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; font-size: 17px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important; letter-spacing: 1px !important; width: auto; padding: 5px !important; position: relative;}
 a[href="?tag=-1"] {background: #fff !important; color: #232323 !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; font-size: 17px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important; letter-spacing: 1px !important; width: auto; padding: 5px !important; text-decoration: none !important; position: relative; top: 2px;}
 .submit[value="Объединить"] {left: -182px;}
 .submit[value="Редактировать"] {left: -176px;}
 .submit[value="Удалить"] {left: -170px;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background: #fff !important; padding: 50px !important; margin-left: 0px !important; width: 573px;}
 .cal-head th, .calnd small {font-family: calibri, sans-serif !important; font-size: 17px !important; color: #232323 !important;}
 .calnd small b {color: #939496 !important;}
 #JournalCalendar #content a {color: #939496 !important; text-decoration: none !important; font-family: calibri, sans-serif !important; font-size: 17px !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font-style: normal !important; font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 15px !important; background: #fff !important; border-top: solid 1px #fff !important; max-width: 180px !important; border-left: solid 1px #fff !important; max-width: 180px !important; border-right: solid 1px #fff !important; max-width: 180px !important; text-transform: lowercase !important;}
 .flwin em {font-style: normal !important; font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 15px !important; background: #fff !important; border: solid 1px #fff !important; max-width: 180px !important; text-transform: lowercase !important;}
 {--------------------------------------------------JournalDraft-------------------------------------------------}
 #JournalDraft .commentAuthor, #draft_list, #draft_title, .list_box {display: none !important;}
 #JournalDraft #epigraph {display: none !important;}
 #JournalDraft .paragraph {margin-left: 0px !important;}
 {-----------------------------------------------JournalQuote---------------------------------------------------}
 #JournalQuote .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 #JournalQuote .umail {display: none !important;}
 #JournalQuote .diary {display: none !important;}
 #JournalQuote .profile {display: none !important;}
 #JournalQuote .quote_post {display: none !important;}
 {------------------------------------------header left------------------------------------------}
 .header.left {display: none !important;}
 #postTitle, #tags, #atMusic, #atMood, #close_text, #access_list2, #access_list3 {font-family: calibri, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 #my_tags .text {font-family: calibri, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 #rewrite, #preview, #draft_save {color: #232323 !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; font-size: 17px !important; font-weight: normal !important; transition: 0.5s !important; text-decoration: none !important; opacity: 1 !important; margin-right: 20px !important; position: relative; top: 20px;}
 #rewrite:hover, #preview:hover, #draft_save:hover {color: #939496 !important;}
 #draft_save {min-width: 220px;}
 #preview {min-width: 130px;}
 {---------------------------------стр превью, стр альбома, стр ссылок-----------------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 #JournalLinks .text {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; opacity: 1 !important;}
 #JournalLinks textarea {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; opacity: 1 !important;}
 #JournalLinks label {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 17px !important; opacity: 1 !important;}
 {----------------------------------------окно ошибки---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border: solid 1px #fff !important; text-align: center !important; padding: 15px 20px 15px 20px !important;}
 #msgWin button.ok {font-style: normal !important; font-family: calibri, sans-serif !important; color: #939496 !important; font-size: 16px !important; text-transform: uppercase !important; background: #fff !important; border: none !important; font-weight: bold !important; opacity: 1 !important; box-shadow: none !important;}
 #msgTextContent {font-style: normal !important; font-family: calibri, sans-serif !important; font-size: 15px !important; color: #232323 !important; text-transform: lowercase !important;}
 #msgWin {box-shadow: none !important;}
 #msgWinCloseBt {margin-right: 90px !important; margin-bottom: 0px !important; padding-top: 5px !important; padding-bottom: 5px !important;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .voting b {font-style: normal !important; font-family: corbel, sans-serif !important; font-size: 15px !important;}
 .submit[value="Голосовать"] {color: #232323 !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; font-size: 15px !important; font-weight: normal !important; opacity: 1 !important; margin-bottom: 3px !important; transition: 0.5s !important;}
 .submit[value="Голосовать"]:hover {color: #939496 !important;}
 .voting td {vertical-align: baseline;}
 .pool-bar.b1, .pool-bar.b2, .pool-bar.b3, .pool-bar.b4, .pool-bar.b5, .pool-bar.b6, .pool-bar.b7, .pool-bar.b8, .pool-bar.b9, .pool-bar.b10 {background: #000 !important;}
 .pool-bar {box-shadow: none !important; opacity: 1 !important; border-bottom: none !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 .voting small {text-transform: lowercase !important;}
 .voting label {position: relative; bottom: 3px;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {text-transform: lowercase !important; color: #000 !important; opacity: 1 !important; background: #fff !important; border: 1px solid #232323 !important; padding: 10px 12px 12px 14px !important; font-style: normal !important; font-family: calibri, sans-serif !important; font-size: 15px !important; letter-spacing: 1px !important;}
 {---------------------------------------------------цитата и прокрутка------------------------------------------------}
 .blockquote {padding-left: 0px !important;}
 ::-webkit-scrollbar {width: 7px; height: 7px;}
 ::-webkit-scrollbar-thumb { background: #000; border: 0px none #fff; border-radius: 0px; height: 10px!important;}
 ::-webkit-scrollbar-track {background: #fff; border: 0px none #fff;}
 ::-webkit-scrollbar-track:hover { background: #fff;}
 ::-webkit-scrollbar-corner {background: transparent;}
КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Большая просьба не проводить изменения, кроме фона, потому что дизайн задумывался и создавался таким, какой есть.
• Фон можно поставить свой. В теории он должен быть такого же серого туманного оттенка, как в оригинале, чтобы лучше совпадать с дизом.
! • Вы можете поменять "запасной аватар" (появляется в том случае, когда у профиля отсутствует своя аватарка) и загрузить не оригинальный "черный квадрат", а другую картинку, но помните, что она должна быть размером 50х50 пикселей.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.
@темы: Другие мастера, CSS, Минимализм, Черно-белые