Psychotherapy — @дневники: асоциальная сеть

Творческий дневник SnezhArt.
В основном здесь аватары, но есть немного css-дизайнов.

В случае чего обращаться в умыл SnezhArt.

URL

вторник, 02 июня 2020

11:02

design #11

ретроградный оптимист

Itsacrime for diary

• Страница с комментариями
• Кнопка профиля
• Коддизайн: блочный
навигационная панель: слева
цвет оффтопика #bfbfbf
остальные поля оставляем как есть
для вставки эддблока выбираем черно-белую картинку на ваш вкус, чьи размеры не превышают те, что указаны в БИ
для вставки цитаты под названием дневника выбираем текст на ваш вкус

.block_design {background: #ebebeb !important; padding: 0 !important;}
 .block_design .bordered {background-color: transparent !important; border: none !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, .subscribe, .unsubscribe, .quote_post, .quote_comment, #postsCalendar, #tagslistlink, #authorName, #oamLink, #diaryInfo {display: none !important;}
 {-------------------background transparetn and border none----------------}
 .block_design .bordered {background-color: transparent !important; border: none !important;}
 .block_design .menuSection {background-color: transparent !important; border: none !important;}
 .singlePost, .singleComment {border: none !important;}
 .postContent {background: #f3f3f3 !important;}
 .pageBar {border: none !important;}
 .htmlbox textarea {background-color: #f3f3f3 !important;}
 #shsmile {background-color: #f3f3f3 !important; border: none !important;}
 #jsbut {background-color: #f3f3f3 !important; border: none !important;}
 .selectlist {background-color: #f3f3f3 !important; border: none !important;}
 .section {background-color: #f3f3f3 !important; border: none !important;}
 .cal-head th {background-color: #f3f3f3 !important;}
 .communityName {background-color: #f3f3f3 !important;}
 .htmlbox {border: none !important;}
 .cal-head {border: none !important;}
 #JournalLinks #content {background-color: #f3f3f3 !important;}
 #JournalLinks textarea {background-color: #f3f3f3 !important; border: none !important;}
 {-------------------fixed width----------------}
 #wrapper{width:860px;min-width:0; margin-left: 300px !important;}
 #side{width:200px;}
 .left #page-c {margin-left:-260px;}
 .left #page-t {margin-left:260px;}
 .right #page-c {margin-right:-260px;}
 .right #page-t {margin-right:260px;}
 .header {background: transparent !important;}
 .postLinksBackg {background: transparent !important;}
 .pageBar {background: transparent !important;}
 .authorName {background: transparent !important;}
 {-------------------side----------------}
 #add_block1 {width: 300px; height: 100%; position: fixed; top: 0; left: 0; padding: 0 !important; background: url('ЭДДБЛОК') no-repeat; background-size: cover !important; z-index: -1 !important;}
 #add_block2 {width: 4000px; height: 30px; position: fixed; top: 0; left: 0px; padding: 0 !important; background: #000 !important;}
 #side {height: 2500px; position: fixed !important; background: #e4e4e4 !important; border-top: #000 solid 30px !important; z-index: 1 !important;}
 #side ul {visibility: visible !important; display: block !important;}
 #side h1 {position: absolute; top: 100px;}
 #thisDiaryPhoto {position: absolute; top: -30px; left: -30px;}
 #thisDiaryPhoto img {min-width: 40px !important; max-width: 40px !important; min-height: 40px !important; max-height: 40px !important; border: solid 9px #000 !important;}
 #mainpageLink {position: absolute; top: -25px; left: 55px;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:"главная"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #writeThisDiary {position: absolute; top: -25px; left: 160px;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:"написать"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #myFavLink {position: absolute; top: -25px; left: 275px;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:"избранное"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #discussionLink {position: absolute; top: -25px; left: 398px;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"дискуссии"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #myDiaryLink {position: absolute; top: -25px; left: 520px;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"дневник"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #umailLink {position: absolute; top: -25px; left: 628px;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"умыл"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #discussionLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #discussionLink .count_box {position: absolute; top: 1px;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #myDiaryLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #myDiaryLink .count_box {position: absolute; top: 1px;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #umailLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #umailLink .count_box {position: absolute; top: 1px;}
 #side h1 {width: 150px; margin: 0px 0px 0px 12px !important; text-align: center !important;}
 #side h1 a {color: #a71728 !important; font-family: candara, verdana, sans-serif !important; font-size: 20px !important; letter-spacing: 2px !important; font-style: italic !important; text-decoration: none !important; position: relative;}
 #side h1::first-letter {color: #000 !important; font-family: constatia, georgia, serif !important; font-size: 30px !important; letter-spacing: 2px !important;}
 #side h1:after {content:"ЦИТАТА ПОД НАЗВАНИЕМ ДНЕВНИКА"; position: absolute; width: 150px; top: 100px; left: -7px; padding: 10px !important; background: #ebebeb !important; color: #000 !important; font-family: candara, verdana, sans-serif !important; font-size: 11px !important; letter-spacing: 1px !important; text-align: justify !important;}
 {-------------------epigraph------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph .singlePost {margin-bottom: 0px !important; padding: 10px 30px 30px 30px !important;}
 #epigraph .paragraph a {color: #000 !important; transition: 0.5s !important;}
 #epigraph .paragraph a:hover {color: #a71728 !important;}
 {----------------postContent в Journal-----------------}
 #page-c {margin-top: 100px !important;}
 .singlePost {position: relative; padding: 30px 30px 0px 30px !important; margin-bottom: 90px !important; background: #f3f3f3 !important;}
 .postDate {position: relative; width: 45px; background: #000 !important; text-align: left !important; padding: 6px !important; overflow: hidden !important; text-overflow: ellipsis !important; left: 550px; top: -15px; margin-bottom: -58px !important;}
 .postDate span {color: #f5f5f5!important; font-family: candara, verdana, sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; text-transform: lowercase !important; font-weight: normal !important;}
 .header {color: #000 !important; font-family: calibri, verdana, sans-serif !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: normal !important;}
 .header h1 {color: #a71728 !important; font-weight: normal !important;}
 .header h2 {color: #a71728 !important; font-weight: normal !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 400px !important; height: auto !important;}
 .paragraph div {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .paragraph div a {font-family: calibri, sans-serif !important; color: #a71728 !important; font-size: 14px !important; transition: 0.5s !important; text-decoration: none !important; letter-spacing: 1px !important;}
 .paragraph div a:hover {color: #000 !important;}
 .i-lock:before {display: none !important;}
 .delPostLink a {opacity: .0; transition: 0.5s;}
 .editPostLink a {opacity: .0; transition: 0.5s;}
 .delPostLink a:hover, .editPostLink a:hover {opacity: 0.5;}
 .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;}
 .paragraph .TagL {font-weight: normal !important;}
 .atTag {background: #ebebeb !important; padding: 0px 5px 0px 5px !important;}
 .atTag span {font-size: 0 !important;}
 .atTag a {font-family: candara, sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; color: #ccc !important; text-decoration: none !important; font-style: italic !important; transition: 0.5s !important;}
 .atTag a:hover {color: #a71728 !important;}
 .atTag a:before {content:"#"!important; font-family: candara, sans-serif !important; font-size: 11px !important; letter-spacing: 1px !important; color: #ccc !important; text-decoration: none !important; font-style: italic !important; padding-right: 5px !important;}
 .postLinksBackg {text-align: left !important;}
 .comments_count_link {display: none !important;}
 .comments {position: relative; background: #000 !important; text-align: left !important; padding: 3px 3px 5px 7px !important; top: 19px; left: -10px;}
 .comments a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 .lastLink {position: relative; background: #000 !important; text-align: left !important; padding: 3px 5px 5px 7px !important; top: 19px;}
 .lastLink a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 {------------------pageBar---------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 .pageBar {margin-bottom: 20px !important;}
 .pagination a {background: #000 !important; padding: 3px 5px 3px 5px !important; color: #f5f5f5 !important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; text-decoration: none !important; letter-spacing: 2px !important; margin: 2px !important;}
 .active {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: 85px; padding: 0 !important; content:"Adaptation by SnezhArt © 2020"; color: #ccc; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; font-weight: normal !important; letter-spacing: 2px !important; left: 50%; text-transform: uppercase !important; opacity: 1 !important;}
 {----------------------JournalComments----------------------}
 .singleComment {position: relative; padding: 30px !important; margin-bottom: 90px !important; background: #f3f3f3 !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 #JournalComments .paragraph {margin-left: 0px !important;}
 #JournalComments .postLinksBackg {text-align: right !important;}
 .singleComment .paragraph {margin-bottom: -25px !important;}
 .avatar {display: none !important;}
 .sign {display: none !important;}
 .lastPost .authorName {display: none !important;}
 .authorName {position: absolute; top: -23px; background: #000 !important; padding: 5px 5px 5px 6px !important;}
 .authorName a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 .authorName strong {font-weight: normal !important;}
 .singleComment .postLinksBackg {display: none!important;}
 {--------------------JournalComments msg_form-------------------}
 #msg_form {background: #f3f3f3 !important; padding: 30px 30px 0px 30px !important; margin-bottom: 90px !important; text-align: left !important;}
 #msg_form div {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #fromMyself_box, #fromAnother_box {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .i-b-b, .i-b-i, .i-b-u, .i-b-s, .i-b-ot, .i-b-just-center, .i-b-just-right, .i-b-just-all, .i-b-link, .i-b-img, .i-b-quest, .i-b-dash, .i-b-quots, .i-b-dog, .i-b-l, .i-b-more, .i-b-ni, .i-b-code, .i-b-unicode, .i-b-translit {border: none !important; background-color: transparent !important;}
 .htmlbox textarea {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #msg_form a {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; text-decoration: none !important; text-transform: lowercase !important;}
 .submit[value="Отправить"] {background: #000 !important; border: none !important; color: #f5f5f5 !important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important; opacity: 1 !important; padding: 5px 5px 5px 6px !important; position: relative; top: 24px;}
 {-----------------------JournalFavorite----------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: -35px !important;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 #JournalFavorite .postDate {display: none !important;}
 #JournalFavorite .authorName {width: fit-content !important; position: relative; top: -80px;}
 #JournalFavorite .singlePost {margin-bottom: 100px !important;}
 #JournalFavorite .postLinksBackg {text-align: right !important;}
 {----------------------------JournalTags------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #f3f3f3 !important;}
 #JournalTags #content {background: #f3f3f3!important;}
 .tags_ul_all li {font-family: calibri, sans-serif !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .tags_ul_all a {color: #000 !important; text-decoration: none !important;}
 input.submit, .submit {background: #000 !important; border: none !important; color: #f5f5f5 !important; text-decoration: none !important; font-size: 10px !important; font-family: candara, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; opacity: 1 !important; position: relative; padding: 6px !important; top: -2px;}
 a[href="?tag=-1"] {background: #000 !important; border: none !important; color: #f5f5f5!important; text-decoration: none !important; font-size: 10px !important; font-family: candara, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; opacity: 1 !important; position: relative; top: -2px; padding: 6px !important;}
 {---------------JournalCalendar-----------------}
 #JournalCalendar #postsArea {width: fit-content !important;}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background-color: #f3f3f3 !important; padding: 30px !important;}
 .calnd th, .cal-mnth, .calnd small b {color: #000 !important; font-style: normal !important;}
 #JournalCalendar #content a {color: #000 !important; text-decoration: none !important; font-family: candara, verdana, serif !important; font-size: 14px !important;}
 .calnd big {font-size: 100%;}
 .calnd small {font-family: candara, verdana, serif !important; font-size: 14px !important;}
 .cal-mnth a {font-weight: normal !important;}
 .cal-head {font-family: candara, verdana, serif !important; font-size: 14px !important; font-weight: normal !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: -35px !important;}
 #JournalQuote .umail {display: none !important;}
 #JournalQuote .diary {display: none !important;}
 #JournalQuote .profile {display: none !important;}
 #JournalQuote .quote_post {display: none !important;}
 #JournalQuote .authorName {width: fit-content !important; position: relative; top: -86px;}
 #JournalQuote .singlePost {margin-bottom: 110px !important;}
 #JournalQuote .postLinksBackg {text-align: right !important;}
 .communityName {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; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #my_tags .text {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #draft_save, #preview, #rewrite {width: fit-content !important; background: #000 !important; padding: 6px !important; position: relative; top: 26px;}
 input.text {background-color: transparent !important; border: none !important;}
 #my_tags {background-color: transparent !important; border: none !important;}
 #trspisok textarea {background-color: #f3f3f3 !important; border: none !important;}
 #close_text {background-color: #f3f3f3 !important; border: none !important;}
 {--------------------стр превью, стр альбома, стр ссылок-------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 {--------------------JournalLinks -------------------}
 #JournalLinks #content {padding: 30px !important;}
 #JournalLinks .text {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks textarea {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks label {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks .submit[value="Отправить"] {top: 0px; background: transparent !important; font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; letter-spacing: 1px !important; opacity: 1 !important; text-transform: none !important;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .voting b {font-style: normal !important; font-family: PT Serif, serif !important; font-size: 15px !important; letter-spacing: 1px !important;}
 .submit[value="Голосовать"] {color: #a71728; font-family: calibri, verdana, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 1px !important; opacity: 1 !important; margin-bottom: 3px !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: 4px;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {opacity: 1 !important; background: #000 !important; padding: 0px !important; font-style: normal !important; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; box-shadow: none !important; border-radius: 0px !important;}
 {---------------------------------------------------цитата и прокрутка------------------------------------------------}
 .blockquote {padding-left: 0px !important;}
 ::-webkit-scrollbar {width: 3px; height: 3px;}
 ::-webkit-scrollbar-thumb {background: #a71728; border: 0px none #000; border-radius: 0px; height: 10px!important;}
 ::-webkit-scrollbar-track {background: #000; border: 0px none #000;}
 ::-webkit-scrollbar-track:hover {background: #000;}
 ::-webkit-scrollbar-corner {background: transparent;}

КОММЕНТАРИИ:
• Цитата под названием дневника будет более-менее удачно смотреться размером в 10-30 строк.
• Аватарка в шапке меню - это ваша фотография из раздела "Эпиграф, фото, список ПЧ".
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

пятница, 22 мая 2020

18:47

design #10

ретроградный оптимист

Bridge for diary

• Страница с комментариями
• Кнопка профиля
• Коддизайн: блочный
навигационная панель: вверху
цвет оффтопика #bfbfbf
остальные поля оставляем как есть
придумываем сокращенное название дневника в 3 знака (или 2 знака плюс пробел между ними), чтобы вставить это в код

.block_design {background: #f3f3f3 !important; padding: 0px !important;}
 .block_design .bordered {border: none !important;}
 #wrapper {min-width: 800px !important; width: 800px !important; margin-top: 25px !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, .subscribe, .unsubscribe, .quote_post, .quote_comment, #postsCalendar, #tagslistlink, #authorName, #thisDiaryPhoto, #oamLink {display: none !important;}
 {--------------------------------border none----------------------}
 .top.block_design #side h1 {border: none !important;}
 .singlePost, .singleComment {border: none !important;}
 .pageBar {border: none !important;}
 .htmlbox {border: none !important;}
 #jsbut {border: none !important;}
 #shsmile {border: none !important;}
 .selectlist {border: none !important;}
 .section {border: none !important;}
 .cal-head {border: none !important;}
 {---------------------------------------background--------------------------------------------------}
 .top .bordered {background: #f3f3f3 !important;}
 #epigraph {background: #f3f3f3 !important;}
 .header {background: #f3f3f3 !important;}
 .postContent {background: #f3f3f3 !important;}
 .postLinksBackg {background: #f3f3f3 !important;}
 .pageBar {background: #f3f3f3 !important;}
 .authorName {background: transparent !important;}
 .htmlbox textarea {background-color: #f3f3f3 !important;}
 #shsmile {background-color: #f3f3f3 !important;}
 #jsbut {background-color: #f3f3f3 !important;}
 .selectlist {background-color: #f3f3f3 !important;}
 .section {background-color: #f3f3f3 !important;}
 .cal-head th {background-color: #f3f3f3 !important;}
 .communityName {background-color: #f3f3f3 !important;}
 {-----------------------------------side----------------------------------}
 #side {height: 200px; margin-bottom: 50px !important;}
 #side .i-lock:before {display: none !important;}
 #side ul {visibility: visible; display: block; text-transform: uppercase !important; background: transparent !important; border: none !important;}
 #side h1 {position: absolute; left: 335px;}
 #side h1 a {font-size: 0 !important; text-decoration: none !important;}
 #side h1 a:before {content:"СОКРАЩЕННОЕ НАЗВАНИЕ ДНЕВНИКА"; color: #000; font-family: constantia, georgia, serif !important; font-size: 75px !important; font-weight: normal !important}
 #writeThisDiary {position: absolute; left: 205px; top: 40px;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:"post"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #writeThisDiary a:hover:before {color: #e06f51 !important;}
 #myDiaryLink {position: absolute; left: 100px; top: 40px;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"diary"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #myDiaryLink a:hover:before {color: #e06f51 !important;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a {background-color: transparent !important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; color: #777 !important; font-weight: normal !important; transition: 0.5s !important;}
 #myDiaryLink .count_box a:before {content:"-"!important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #myDiaryLink .count_box a:hover {color: #e06f51 !important;}
 #mainpageLink {position: absolute; left: 0px; top: 40px;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:"main"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #mainpageLink a:hover:before {color: #e06f51 !important;}
 #discussionLink {position: absolute; left: 524px; top: 40px;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"talk"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #discussionLink a:hover:before {color: #e06f51 !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a {background-color: transparent !important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; color: #777 !important; font-weight: normal !important;}
 #discussionLink .count_box a:before {content:"-"!important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; padding-left: 2px !important; padding-right: 2px !important; transition: 0.5s !important;}
 #discussionLink .count_box a:hover {color: #e06f51 !important;}
 #myFavLink {position: absolute; left: 620px; top: 40px;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:"favrt"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #myFavLink a:hover:before {color: #e06f51 !important;}
 #umailLink {position: absolute; left: 723px; top: 40px;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"mail"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 #umailLink a:hover:before {color: #e06f51 !important;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a {background-color: transparent !important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; color: #777 !important; font-weight: normal !important; transition: 0.5s !important;}
 #umailLink .count_box a:before {content:"-"!important; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #umailLink .count_box a:hover {color: #e06f51 !important;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph .singlePost {border-bottom: none !important; margin-bottom: 0px !important; padding-bottom: 73px !important;}
 #epigraph .paragraph a {color: #1b1b1b !important; transition: 0.5s !important;}
 #epigraph .paragraph a:hover {color: #e06f51 !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 #page-t {padding: 0px !important; margin-bottom: 0px !important;}
 .singlePost {position: relative; padding-bottom: 150px !important; margin-bottom: 150px !important; border-bottom: 2px solid #eaeaea !important;}
 .postDate {display: none !important;}
 .header {text-align: center !important; color: #777 !important; font-family: calibri, verdana, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 3px !important; text-transform: uppercase !important; margin-bottom: 50px !important;}
 .header h2 {color: #777 !important; font-weight: normal !important;}
 .delPostLink a {opacity: .0; transition: 0.5s;}
 .editPostLink a {opacity: .0; transition: 0.5s;}
 .delPostLink a:hover, .editPostLink a:hover {opacity: 0.5;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .paragraph {overflow: hidden !important; text-align: left !important; font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; line-height: 26px !important; letter-spacing: 1px !important;}
 .paragraph a {font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; line-height: 26px !important; letter-spacing: 1px !important; color: #e06f51 !important; text-decoration: none !important;}
 .i-lock:before {display: none !important;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -12px !important; top: 3px !important;}
 .paragraph .TagL {font-weight: normal !important;}
 .atTag span {font-size: 0 !important;}
 .atTag {color: #f3f3f3 !important; margin-left: -10px !important;}
 .atTag a {font-family: PT Serif, serif !important; font-size: 15px !important; line-height: 26px !important; letter-spacing: 1px !important; color: #1b1b1b !important; text-decoration: none !important; font-style: normal !important; transition: 0.5s !important;}
 .atTag a:hover {color: #e06f51 !important;}
 .atTag a:before {content:"#"!important; font-family: PT Serif, serif !important; font-size: 15px !important; line-height: 26px !important; letter-spacing: 1px !important; color: #1b1b1b !important; text-decoration: none !important; font-style: normal !important; padding-right: 5px !important;}
 .postLinksBackg {text-align: left !important; margin-left: -10px !important;}
 .postLinksBackg a {font-family: PT Serif, serif !important; font-size: 14px !important; line-height: 26px !important; letter-spacing: 2px !important; color: #1b1b1b !important; text-decoration: none !important; font-style: normal !important; text-transform: lowercase !important; transition: 0.5s !important;}
 .postLinksBackg a:hover {color: #e06f51 !important;}
 .postLinks {color: #f3f3f3 !important;}
 {------------------------------------pageBar------------------------------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 .pageBar {margin-bottom: 20px !important;}
 #pageBar a {color: #777 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; transition: 0.5.s !important;}
 #pageBar a:hover {color: #e06f51 !important;}
 .pageBar .active {color: #777 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !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: -115px; padding: 0 !important; content:"Adaptation by SnezhArt © 2020"; color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 2px !important; left: 50%; text-transform: uppercase !important; opacity: 1 !important;}
 {------------------------------------------JournalComments-------------------------------------}
 .singleComment {position: relative; padding-bottom: 119px !important; margin-bottom: 150px !important; border-bottom: 2px solid #eaeaea !important;}
 .lastPost {padding-bottom: 180px !important;}
 .singleComment .postLinksBackg {display: none!important;}
 .header h1 {color: #777 !important; font-weight: normal !important;}
 #JournalComments .paragraph {margin-top: 150px !important; margin-left: 0px !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 .commentAuthor {overflow: visible !important;}
 .commentAuthor div {width: 800px !important; text-align: center !important;}
 .authorName {width: 800px !important; text-align: center;}
 .authorName a {font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; color: #e06f51 !important; text-decoration: none !important;}
 .authorName strong {font-weight: normal !important;}
 .sign {font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; line-height: 36px !important; letter-spacing: 2px !important; color: #1b1b1b !important;}
 .sign:before {content:"«"; font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; color: #1b1b1b !important; padding-right: 5px !important;}
 .sign:after {content:"»"; font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; color: #1b1b1b !important; padding-left: 5px !important;}
 .avatar img {min-width: 70px !important; max-width: 70px !important; min-height: 70px !important; max-height: 70px !important; border-radius: 50px !important; margin-top: 10px !important;}
 #JournalComments .header {width: 820px !important;}
 {------------------------------------------JournalComments msg_form-------------------------------------}
 #msg_form {background: #f3f3f3 !important; margin-bottom: 150px !important;}
 .i-b-b, .i-b-i, .i-b-u, .i-b-s, .i-b-ot, .i-b-just-center, .i-b-just-right, .i-b-just-all, .i-b-link, .i-b-img, .i-b-quest, .i-b-dash, .i-b-quots, .i-b-dog, .i-b-l, .i-b-more, .i-b-ni, .i-b-code, .i-b-unicode, .i-b-translit {border: none !important; background-color: transparent !important;}
 .htmlbox textarea {text-align: left !important; font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; line-height: 26px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 #msg_form a {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 .submit[value="Отправить"] {background: #f3f3f3 !important; border: none !important; color: #777 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important;}
 .submit[value="Отправить"]:hover {color: #e06f51 !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-top: 150px !important; margin-left: 0px !important;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 #JournalFavorite .header {width: 800px !important;}
 .communityName a {font-family: PT Serif, serif !important; font-size: 15px !important; font-weight: normal !important; line-height: 36px !important; letter-spacing: 2px !important; color: #1b1b1b !important; text-decoration: none !important;}
 .communityName {text-align: center !important; margin-bottom: 10px !important; width: 800px;}
 {------------------------------------------------JournalTags--------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #f3f3f3 !important; padding: 0px !important;}
 #JournalTags #content {background-color: #f3f3f3 !important;}
 input.submit, .submit {background: #f3f3f3 !important; border: none !important; color: #777 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important; position: relative;}
 a[href="?tag=-1"] {background: none !important; border: none !important; color: #777 !important; text-decoration: none !important; font-size: 15px !important; font-family: calibri, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important; position: relative; top: 1px; left: 15px;}
 .submit[value="Найти записи"]:hover, .submit[value="Объединить"]:hover, .submit[value="Удалить"]:hover {color: #e06f51 !important;}
 a[href="?tag=-1"]:hover {color: #e06f51 !important;}
 .submit[value="Объединить"] {left: -205px;}
 .submit[value="Удалить"] {left: -210px;}
 .submit[value="Найти записи"] {width: 130px;}
 .tags_ul_all a {font-family: PT Serif, serif !important; font-size: 14px !important; line-height: 26px !important; letter-spacing: 1px !important; color: #1b1b1b !important; text-decoration: none !important; font-style: normal !important; text-transform: lowercase !important; position: relative; bottom: 2px;}
 .tags_ul_all span {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important;}
 .tags_ul_all .text {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important;}
 {------------------------------------JournalCalendar--------------------------------------}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background-color: #f3f3f3 !important; padding: 0px !important; margin-left: 80px !important;}
 .calnd th, .cal-mnth, .calnd small b {color: #1b1b1b !important; font-style: normal !important;}
 #JournalCalendar #content a {color: #1b1b1b !important; text-decoration: none !important; font-family: PT Serif, serif !important; font-size: 15px !important;}
 .calnd big {font-size: 100%;}
 {-----------------------------------------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-top: 150px !important; margin-left: 0px !important;}
 #JournalQuote .header {width: 800px !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: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; letter-spacing: 1px !important;}
 #my_tags .text {font-family: corbel, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 #draft_save {min-width: 230px;}
 #preview {min-width: 130px;}
 input.text {background-color: transparent !important; border: none !important;}
 #my_tags {background-color: transparent !important; border: none !important;}
 #trspisok textarea {background-color: #f3f3f3 !important; border: none !important;}
 #close_text {background-color: #f3f3f3 !important; border: none !important;}
 #rewrite, #preview, #draft_save {margin-right: 30px !important; position: relative; top: 20px;}
 #rewrite {min-width: 130px;}
 {---------------------------------стр превью, стр альбома, стр ссылок-----------------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 #JournalLinks .text {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks textarea {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks label {font-family: PT Serif, serif !important; color: #1b1b1b !important; font-size: 15px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .voting b {font-style: normal !important; font-family: PT Serif, serif !important; font-size: 15px !important; letter-spacing: 1px !important;}
 .submit[value="Голосовать"] {color: #777; font-family: calibri, verdana, sans-serif !important; font-size: 15px !important; font-weight: normal !important; letter-spacing: 2px !important; opacity: 1 !important; margin-bottom: 3px !important; transition: 0.5s !important;}
 .submit[value="Голосовать"]:hover {color: #e06f51 !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: #777 !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: 4px;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
#cc {text-transform: lowercase !important; color: #000 !important; opacity: 1 !important; background: #f3f3f3 !important; border: 1px solid #f3f3f3 !important; padding: 0px !important; font-style: normal !important; font-family: PT Serif, serif !important; font-size: 15px !important;}
 {---------------------------------------------------цитата и прокрутка------------------------------------------------}
 .blockquote {padding-left: 0px !important;}
 ::-webkit-scrollbar {width: 3px; height: 3px;}
 ::-webkit-scrollbar-thumb {background: #e06f51 ; border: 0px none #f3f3f3; border-radius: 0px; height: 10px!important;}
 ::-webkit-scrollbar-track {background: #f3f3f3; border: 0px none #f3f3f3;}
 ::-webkit-scrollbar-track:hover {background: #f3f3f3;}
 ::-webkit-scrollbar-corner {background: transparent;}

КОММЕНТАРИИ:
• В дизайне отсутствуют "темы записей", "даты записей". Если для вас это важно, то скорее всего этот дизайн не для вас)
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

вторник, 19 февраля 2019

12:19

design #9

ретроградный оптимист

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 пикселей.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

11:48

design #8

ретроградный оптимист

Goldapple for diary

• Страница с комментариями
• Кнопки
• Коддизайн: блочный
навигационная панель: вверху
цвет оффтопика #999
остальные поля оставляем пустыми

.block_design {background: #fff !important; padding: 0px !important;}
 #wrapper {min-width: 900px !important; width: 900px !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, #thisDiaryPhoto, #postsCalendar, #tagslistlink, #thisDiaryPhoto, .subscribe, .unsubscribe, .quote_post, #diaryInfo, #oamLink {display: none !important;}
 {---------------------------------------------------- side--------------------------------------------------------}
 #side .opac6 {display: none !important;}
 #side {margin-bottom: 400px !important;}
 #add_block1 {position: absolute; width: 100% !important; z-index: -2 !important; height: 400px; top: 0px; left: 0; background: url('ЭДБЛОК') no-repeat; background-size: cover !important;}
 #add_block2 {position: absolute; width: 100% !important; z-index: -2 !important; height: 1px; top: 150px; left: 0; background: #fff;}
 #side ul {visibility: visible; display: block; text-transform: uppercase !important;}
 #mainpageLink {position: absolute; left: -15px; top: 73px;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:"главная"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #myDiaryLink {position: absolute; left: 105px; top: 73px;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"дневник"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #writeThisDiary {position: absolute; left: 230px; top: 73px;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:"новая запись"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #discussionLink {position: absolute; left: 390px; top: 73px;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"дискуссии"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #umailLink {position: absolute; left: 550px; top: 73px;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"личка"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #myFavLink {position: absolute; left: 670px; top: 73px;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:"избранное"; color: #fff; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; letter-spacing: 1px !important;}
 #authorName {position: absolute; top: 88px; right: -5px; font-size: 0 !important; text-decoration: none !important;}
 #authorName:before {content:"профиль"; color: #fff !important; text-transform: uppercase !important; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important; text-decoration: none !important; letter-spacing: 1px !important;}
 #side h1 a {color: #fff !important; font-family: candara, sans-serif !important; font-size: 44px !important; font-weight: normal !important; text-decoration: none !important; letter-spacing: 1px !important; position: absolute; top: 220px; left: 100px;}
 {---------------------------------------------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: -1px; margin-left: 4px;}
 #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; margin-left: 4px;}
 #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; margin-left: 4px;}
 #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 {color: #000 !important; font-size: 13px !important; letter-spacing: 2px !important; text-decoration: none !important; transition: 0.5s !important;}
 #epigraph a:hover {color: #dd6054 !important;}
 #epigraph .paragraph {line-height: 17px !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 #page-t {padding: 0px !important; margin-bottom: 0px !important;}
 .singlePost {background: #fff !important; margin-bottom: 130px !important; padding: 0px !important; position: relative;}
 .postDate {text-align: left !important; margin-bottom: 8px !important;}
 .postDate span {color: #232323 !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; font-size: 12px !important; font-weight: bold !important; letter-spacing: 2px !important;}
 .header {color: #000 !important; font-family: corbel, sans-serif !important; font-size: 20px !important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 1px !important; margin-bottom: 20px !important; border-bottom: 2px solid #000 !important; padding-bottom: 10px !important;}
 .header h2 {font-weight: bold !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .paragraph {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; line-height: 20px !important;}
 .paragraph a {font-family: corbel, sans-serif !important; color: #dd6054 !important; font-size: 15px !important; line-height: 20px !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;}
 .atTag span {font-size: 0 !important;}
 .atTag span:before {content:"темы:"; font-family: corbel, sans-serif !important; color: #dd6054 !important; font-size: 15px !important; font-style: normal !important;}
 .atTag {color: #232323 !important;}
 .atTag a {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; font-style: normal !important; text-decoration: none !important; transition: 0.5s !important;}
 .atTag a:hover {color: #dd6054 !important;}
 .postLinksBackg {text-align: left !important; margin-top: 0px !important; margin-left: -10px !important;}
 .postLinksBackg a {color: #232323 !important; font-family: corbel, sans-serif !important; font-size: 15px !important; font-weight: normal !important; text-decoration: none !important; transition: 0.5s !important; text-transform: lowercase !important;}
 .postLinksBackg a:hover {color: #dd6054 !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: #232323 !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: #dd6054 !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: -80px; padding: 0 !important; content:"Adaptation by SnezhArt © 2019"; color: #dd6054 !important; font-family: candara, sans-serif !important; font-size: 13px !important; left: 50%; text-transform: lowercase !important; opacity: 0.6 !important; letter-spacing: 1px !important;}
 #bottom_up {display:block !important; position: fixed; right: 0px !important; bottom: 20px !important;}
 #bottom_up a {background: url('КНОПКА НАВЕРХ') no-repeat scroll 100%; width: 24px; height: 14px; display: block; font-size: 0px !important;}
 {------------------------------------------JournalComments-------------------------------------}
 .singleComment {background: #fff !important; margin-bottom: 110px !important; padding: 0px !important; position: relative;}
 .commentAuthor {overflow: visible !important;}
 .avatar img {min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important;}
 .authorName a {color: #232323 !important; font-family: corbel, sans-serif !important; font-size: 15px !important; font-weight: normal !important; text-decoration: none !important;}
 .sign {color: #232323 !important; font-family: corbel, sans-serif !important; font-size: 13px !important; font-weight: normal !important;}
 #JournalComments .postLinks {margin-left: 145px !important;}
 #JournalComments .singleComment .postLinks {display: none !important;}
 #JournalComments .paragraph {margin-top: -8px !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 .lastPost {margin-bottom: 100px !important;}
 {------------------------------------------JournalComments msg_form-------------------------------------}
 #msg_form {background: #fff !important; margin-bottom: 80px !important; padding: 10px 0px 0px 0px !important; border-top: 2px #000 solid !important;}
 #msg_form div {text-align: left !important;}
 #msg_form div a {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; text-decoration: none !important;}
 #msg_form .section {color: #232323 !important; font-size: 15px !important; font-family: corbel, 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: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; line-height: 20px !important;}
 #btSubmit {opacity: 1 !important;}
 .submit[value="Отправить"] {color: #232323 !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; font-size: 15px !important; font-weight: normal !important; transition: 0.5s !important; opacity: 1 !important;}
 .submit[value="Отправить"]:hover {color: #dd6054 !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-top: -8px !important;}
 .communityName {text-align: left !important; margin-bottom: 15px !important;}
 .communityName a {color: #232323 !important; text-transform: uppercase !important; font-family: corbel, sans-serif !important; font-size: 12px !important; font-weight: bold !important; transition: 0.5s !important; text-decoration: none !important;}
 .communityName a:hover {color: #dd6054 !important;}
 #JournalFavorite .postLinks {margin-left: 145px !important;}
 {------------------------------------------------JournalTags--------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #fff !important; padding: 0px !important;}
 .tags_ul_all a {text-decoration: none !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important;}
 .tags_ul_all span {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important;}
 .tags_ul_all .text {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important;}
 #JournalTags #content {margin-left: 10px !important; width: 1040px !important;}
 .submit[value="Найти записи"], .submit[value="Объединить"], .submit[value="Редактировать"], .submit[value="Удалить"] {background: none !important; color: #232323 !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; font-size: 15px !important; font-weight: normal !important; transition: 0.5s !important; text-decoration: none !important; opacity: 1 !important; position: relative;}
 a[href="?tag=-1"] {background: none !important; font-family: corbel, sans-serif !important; font-size: 15px !important; color: #232323 !important; text-transform: lowercase !important; text-decoration: none !important; opacity: 1 !important; position: relative; top: 1px; transition: 0.5s !important;}
 .submit[value="Найти записи"]:hover, .submit[value="Объединить"]:hover, .submit[value="Редактировать"]:hover, .submit[value="Удалить"]:hover {color: #dd6054 !important;}
 a[href="?tag=-1"]:hover {color: #dd6054 !important;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background: #fff !important; padding: 0px !important; margin-left: 170px !important;}
 .cal-head th, .calnd small {font-family: corbel, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 .calnd small b {color: #dd6054 !important;}
 #JournalCalendar #content a {color: #dd6054 !important; text-decoration: none !important; font-family: corbel, sans-serif !important; font-size: 15px !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font-style: normal !important; font-family: corbel, 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: corbel, 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-top: -8px !important;}
 #JournalDraft .postLinks {margin-left: 145px !important;}
 {-----------------------------------------------JournalQuote---------------------------------------------------}
 #JournalQuote .paragraph {margin-top: -8px !important;}
 #JournalQuote .postLinks {margin-left: 145px !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: corbel, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 #my_tags .text {font-family: corbel, sans-serif !important; font-size: 15px !important; color: #232323 !important;}
 #rewrite, #preview, #draft_save {color: #232323 !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; font-size: 15px !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: #dd6054 !important;}
 #draft_save {min-width: 220px;}
 #preview {min-width: 130px;}
 {---------------------------------стр превью, стр альбома, стр ссылок-----------------------------}
 #JournalPostPreview .paragraph {margin-top: -8px !important;}
 #JournalPostPreview .postLinks {margin-left: 145px !important;}
 #JournalAlbum .paragraph {margin-top: -8px !important;}
 #JournalLinks .text {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; opacity: 1 !important;}
 #JournalLinks textarea {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !important; opacity: 1 !important;}
 #JournalLinks label {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 15px !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: #dd6054 !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: corbel, 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: #dd6054 !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: #dd6054 !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: #dd6054 !important; opacity: 1 !important; background: #fff !important; border: 1px solid #fff !important; padding: 10px 12px 12px 14px !important; font-style: normal !important; font-family: corbel, sans-serif !important; font-size: 15px !important;}
 {---------------------------------------------------цитата и прокрутка------------------------------------------------}
 .blockquote {padding-left: 0px !important;}
 ::-webkit-scrollbar {width: 7px; height: 7px;}
 ::-webkit-scrollbar-thumb {background: #dd6054; 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;}

КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Большая просьба не проводить изменения, кроме эдблока, потому что дизайн задумывался и создавался таким, какой есть.
! • Если меняете эдблок на свой, то везде в коде необходимо поменять color #dd6054 на тот, который по цвету больше подходит вашей картинке.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

среда, 28 марта 2018

18:56

design #7

ретроградный оптимист

• Главная страница
• Страница с комментариями
• Кнопки
• Коддизайн: блочный
навигационная панель: вверху
цвет оффтопика #999
остальные поля оставляем пустыми

.block_design {background: #fff !important; padding: 0px !important;}
 #wrapper {min-width: 800px !important; width: 800px !important; margin-top: 17px !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, #thisDiaryPhoto, #postsCalendar, #tagslistlink, #thisDiaryPhoto, .subscribe, .unsubscribe, .quote_post, #diaryInfo, #oamLink {display: none !important;}
 {----------------------------------------------------side--------------------------------------------------------}
 #side .opac6 {display: none !important;}
 #side {margin-bottom: 100px !important;}
 #side ul {visibility: visible; display: block; text-transform: uppercase !important;}
 #side h1 a {color: #000 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 27px !important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 2px !important;}
 #side h1 {width: 600px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #000 !important;}
 {-------------------------------------JournalComments--------------------------------}
 #authorName {color: #000 !important; text-transform: lowercase !important; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 1px !important; position: relative; top: 30px; right: 687px; width: 600px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}
 #add_block1 {position: absolute; width: 100%; z-index: -2 !important; height: 1px; top: 110px; left: 0; background: #e5e5e5;}
 #mainpageLink {position: absolute; left: -3px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #mainpageLink a:before {content:"Main"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #mainpageLink:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #myDiaryLink {position: absolute; left: 84px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #myDiaryLink a:before {content:"My diary"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #myDiaryLink:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #writeThisDiary {position: absolute; left: 193px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #writeThisDiary a:before {content:"New post"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #writeThisDiary:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #discussionLink {position: absolute; left: 306px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #discussionLink a:before {content:"Talking"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #discussionLink:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #umailLink {position: absolute; left: 409px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #umailLink a:before {content:"Mail"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #umailLink:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #myFavLink {position: absolute; left: 485px; top: 53px; border-bottom: solid 1px #fff !important; padding-bottom: 0px !important;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important; padding-bottom: 5px !important;}
 #myFavLink a:before {content:"Favorite"; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important; transition: 0.5s !important; letter-spacing: 1px !important;}
 #myFavLink:hover {border-bottom: solid 1px !important; padding-bottom: 8px !important; color: #a78178 !important;}
 #myDiaryLink span.count_box {font-size: 0;}
 #umailLink span.count_box {font-size: 0;}
 #discussionLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a:before {font-size: 0px !important; padding-left: 5px !important;}
 #umailLink .count_box a:before {font-size: 0px !important; padding-left: 5px !important;}
 #discussionLink .count_box a:before {font-size: 0px !important; padding-left: 5px !important;}
 #myDiaryLink .count_box a {background-color: transparent !important; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important;}
 #umailLink .count_box a {background-color: transparent !important; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !important;}
 #discussionLink .count_box a {background-color: transparent !important; color: #000; font-family: calibri, sans-serif !important; font-size: 13px !important; font-weight: normal !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 {color: #232323 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: 0.5s !important;}
 #epigraph a:hover {color: #a78178 !important;}
 #epigraph .paragraph {line-height: 17px !important;}
 #epigraph .paragraph .TagJIco {top: -1px !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 .singlePost {background: #fff !important; margin-bottom: 130px !important; padding: 0px !important; position: relative;}
 #page-t {padding: 0px !important; margin-bottom: 0px !important;}
 .postDate {text-align: left !important; margin-bottom: 20px !important;}
 .postDate span {color: #333 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 10px !important; font-weight: bold !important; letter-spacing: 1px !important;}
 .header {color: #333 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 30px !important; font-weight: bold !important; text-decoration: none !important; letter-spacing: 1px !important; margin-bottom: 20px !important;}
 .header h2 {font-weight: bold !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .paragraph {font-family: corbel, sans-serif !important; color: #232323 !important; font-size: 17px !important; line-height: 27px !important;}
 .paragraph a {font-family: corbel, sans-serif !important; color: #a78178 !important; font-size: 17px !important; text-decoration: none !important;}
 .postActionLinks a {opacity: 0.2 !important; transition: 0.5s !important;}
 .postActionLinks a:hover {opacity: 1 !important;}
 .opac6 {width: 0; height: 0; background: url('ЗАМОК') no-repeat; padding: 10px 6px 12px 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: 5px !important;}
 .atTag span {display: none;}
 .atTag {color: #fff !important; text-align: left !important; margin-top: -10px !important;}
 .atTag a {color: #a78178 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 10px !important; font-weight: bold !important; font-style: normal !important; letter-spacing: 1px !important; transition: 0.5s !important;}
 .atTag a:hover {color: #333 !important;}
 .atTag a:before {content:"-" !important; padding-right: 7px !important; color: #a78178 !important; font-size: 12px !important; font-family: calibri, sans-serif !important;}
 .atTag a:first-of-type:before {display: none !important;}
 .postLinksBackg {text-align: left !important; margin-top: 10px !important; margin-left: -7px !important;}
 .postLinksBackg a {color: #a78178 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 2px !important; text-decoration: none !important; transition: 0.5s !important;}
 .postLinksBackg a:hover {color: #333 !important;}
 .postLinks {color: #fff !important;}
 {------------------------------------pageBar------------------------------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 .pageBar {margin-bottom: 20px !important;}
 #pageBar a {color: #333 !important; text-decoration: none !important; font-size: 16px !important; font-family: calibri, sans-serif !important; text-transform: lowercase !important; transition: 0.5s !important;}
 #pageBar strong {font-family: calibri, sans-serif !important; font-size: 16px !important; color: #a78178 !important; text-decoration: none !important; font-weight: normal !important;}
 #add_block2 {position: relative; width: 100%; z-index: -4 !important; height: 30px; left: 0px; background: transparent; padding: 0!important;}
 #add_block3:after {position: relative; width: 300px; height: 20px; bottom: 20px; margin-left: -80px; padding: 0 !important; content:"Adaptation by SnezhArt © 2018"; color: #a78178 !important; font-family: calibri, sans-serif !important; font-size: 13px !important; left: 50%; text-transform: lowercase !important; opacity: 0.8 !important;}
 #bottom_up {display:block !important; position: fixed; right: 0px !important; bottom: 20px !important;}
 #bottom_up a {background: url('НАВЕРХ') no-repeat scroll 100%; width: 26px; height: 33px; display: block; font-size: 0px !important; opacity: 0.2;}
 {------------------------------------------JournalComments-------------------------------------}
 #JournalComments .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 .lastPost .header {margin-bottom: 0px !important;}
 .singleComment {background: #fff !important; margin-bottom: 120px !important; padding: 0px !important; position: relative;}
 .commentAuthor {overflow: visible !important;}
 .avatar img {min-width: 100px !important; max-width: 100px !important; min-height: 100px !important; max-height: 100px !important;}
 .authorName a {color: #000 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 18px !important; font-weight: bold !important; text-decoration: none !important; overflow: hidden !important; text-overflow: ellipsis !important;}
 .authorName {white-space: nowrap !important; position: relative; left: 135px; top: 60px; width: 600px !important; letter-spacing: 2px !important;}
 .sign {color: #333 !important; font-family: calibri, sans-serif !important; font-size: 15px !important; font-weight: normal !important; position: relative; bottom: 50px; left: 135px; width: 600px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 .singleComment .header {color: #333 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 10px !important; font-weight: bold !important; letter-spacing: 1px !important;}
 #msg_form {background: #fff !important; margin-bottom: 80px !important; padding: 0px !important;}
 #msg_form div {text-align: left !important;}
 #msg_form div a {font-family: calibri, sans-serif !important; color: #232323 !important; font-size: 15px !important; text-decoration: none !important;}
 #msg_form .section {color: #232323 !important; font-size: 15px !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: corbel, sans-serif !important; color: #232323 !important; font-size: 17px !important; line-height: 27px !important;}
 #btSubmit {opacity: 1 !important;}
 .submit[value="Отправить"] {color: #a78178 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 2px !important; transition: 0.5s !important;}
 .submit[value="Отправить"]:hover {color: #333 !important;}
 #JournalComments #add_block3:after {bottom: 40px !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: 150px !important;}
 .communityName {text-align: left !important;}
 .communityName a {color: #333 !important; text-transform: uppercase !important; font-family: calibri, sans-serif !important; font-size: 10px !important; font-weight: bold !important; letter-spacing: 1px !important; transition: 0.5s !important; text-decoration: none !important;}
 .communityName a:hover {color: #a78178 !important;}
 #JournalFavorite .pageBar {margin-bottom: 80px !important;}
 #JournalFavorite #add_block3:after {bottom: 40px !important;}
 {--------------------------------------------JournalTags------------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #fff !important; padding: 0px !important;}
 .tags_ul_all a {text-decoration: none !important; text-transform: lowercase !important; font-family: corbel, sans-serif !important; color: #333 !important; font-size: 17px !important;}
 .tags_ul_all span {font-family: corbel, sans-serif !important; color: #333 !important; font-size: 17px !important;}
 .submit[value="Найти записи"], .submit[value="Объединить"], .submit[value="Редактировать"], .submit[value="Удалить"] {background: none !important; font-family: calibri, sans-serif !important; font-size: 13px !important; color: #a78178 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; opacity: 1 !important; position: relative;}
 .submit[value="Объединить"], .submit[value="Редактировать"], .submit[value="Удалить"] {left: -160px;}
 a[href="?tag=-1"] {background: none !important; font-family: calibri, sans-serif !important; font-size: 13px !important; color: #a78178 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; opacity: 1 !important; position: relative; top: 1px;}
 #JournalTags #add_block3:after {display: none !important;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background: #fff !important; padding: 0px !important;}
 .cal-head th, .calnd small {font-family: corbel, sans-serif !important; font-size: 15px !important; color: #000 !important;}
 #JournalCalendar #content a {color: #a78178 !important; text-transform: uppercase !important; text-decoration: none !important; font-family: corbel, sans-serif !important; font-size: 15px !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font-style: normal !important; font-family: corbel, sans-serif !important; color: #333 !important; font-size: 13px !important; background: #fff !important; border-top: solid 1px #e5e5e5 !important; max-width: 180px !important; border-left: solid 1px #e5e5e5 !important; max-width: 180px !important; border-right: solid 1px #e5e5e5 !important; max-width: 180px !important; text-transform: lowercase !important;}
 .flwin em {font-style: normal !important; font-family: corbel, sans-serif !important; color: #333 !important; font-size: 13px !important; background: #fff !important; border: solid 1px #e5e5e5 !important; max-width: 180px !important; text-transform: lowercase !important; letter-spacing: 1px !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: corbel, sans-serif !important; font-size: 17px !important; color: #232323 !important;}
 #my_tags .text {font-family: corbel, sans-serif !important; font-size: 17px !important; color: #232323 !important;}
 #rewrite, #preview, #draft_save {font-family: calibri, sans-serif !important; font-size: 14px !important; color: #a78178 !important; text-transform: uppercase !important; transition: 0.5s !important; text-decoration: none !important; opacity: 1 !important; letter-spacing: 2px !important; margin-right: 20px !important; position: relative; top: 20px;}
 #rewrite:hover, #preview:hover, #draft_save:hover {color: #333 !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;}
 {----------------------------------------окно ошибки---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border: solid 1px #e5e5e5 !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: #a78178 !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: corbel, 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: 17px !important;}
 .submit[value="Голосовать"] {font-family: calibri, sans-serif !important; font-size: 14px !important; color: #333 !important; text-transform: uppercase !important; opacity: 1 !important; margin-bottom: 3px !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: #a78178 !important;}
 .pool-bar {box-shadow: none !important; opacity: 1 !important; border-bottom: 1px solid #ccc8c3 !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {text-transform: lowercase !important; color: #232323 !important; opacity: 1 !important; background: #fff !important; border: 1px solid #e5e5e5 !important; padding: 5px 7px 7px 9px !important; font-style: normal !important; font-family: corbel, sans-serif !important; font-size: 17px !important;}
 {---------------------------------------------------цитата------------------------------------------------}
 .blockquote {padding-left: 0px !important;}

КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Большая просьба не проводить изменения, потому что дизайн задумывался и создавался таким, какой есть.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

18:34

design #6

ретроградный оптимист

• Главная страница
• Страница с комментариями
• Картинка и кнопки
• Коддизайн: блочный
навигационная панель: вверху
цвет оффтопика #999
остальные поля оставляем пустыми

.block_design {background: #fff !important; padding: 0 !important;}
 #wrapper{width: 1000px; min-width: 0; margin-top: 60px !important; margin-bottom: 0px !important;}
 {-----------------------------------------------display: none----------------------------------------------}
 #iAmQuit, #Stats, #thisDiaryOwner_title, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #mySFavLink, #rssLink, #upInChart, #thisDiaryLinks, #headlineList, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #globalLinks_title, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #lastComments, #pchs, .order_button, #YaSearch, #myDiaryLinks_title, .urlLink, .Attention, #myAccountLink, #w18p, .prevnext, .atMusic, .atMood, .pages_str, #myQuotLink, #referenceLink, #thisDiaryPhoto, #myDraftLink, #optionsLink, .subscribe, .unsubscribe, .addToQuote, .quote_post, #diaryInfo, #oamLink, #topNavLinks {display: none !important;}
 {---------------------------------------side--------------------------------------------------}
 #side .opac6 {display: none !important;}
 #side {width:250px; position: fixed;}
 .left #page-c {margin-left:-400px;}
 .left #page-t {margin-left:400px;}
 .right #page-c {margin-right:-400px;}
 .right #page-t {margin-right:400px;}
 #add_block1 {width: 40%; height: 100%; position: fixed; top: 0; left: 0; padding: 0 !important; background: url('КАРТИНКА') no-repeat; background-size: cover !important; z-index: -1 !important;}
 #side h1 {text-align: left !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 192px; border-bottom: solid 1px #fff !important; padding-bottom: 17px !important; white-space: nowrap !important;}
 #side h1 a {white-space: nowrap; color: #000 !important; font-family: arial !important; font-size: 14px !important; text-decoration: none !important; font-weight: bold !important; text-transform: uppercase !important; letter-spacing: 1px !important;}
 #authorName {position: relative; left: -92px; width: 180px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-decoration: none !important; font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important; }
 #mainpageLink a:before {content:"I." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important;}
 #mainpageLink {position: absolute; top: 105px; left: 10px;}
 #mainpageLink a:hover:after {content:"main"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 0px; font-style: italic !important;}
 #postsCalendar a {font-size: 0 !important; text-decoration: none !important;}
 #postsCalendar a:before {content:"II." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #postsCalendar:before {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-right: 17px !important;}
 #postsCalendar:after {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-left: 15px !important;}
 #postsCalendar {position: absolute; top: 105px; left: 35px;}
 #postsCalendar a:hover:after {content:"calendar"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 20px; font-style: italic !important;}
 #TagsList {display: block !important;}
 #TagsList li, #tagslistlink {visibility: hidden;}
 #TagsList a[href$="tags="] {font-size: 0px !important; display: block !important; visibility: visible !important; position: absolute; top: 105px; left: 109px; color: #000 !important; text-decoration: none !important; opacity: 1 !important;}
 #TagsList a[href$="tags="]:before {content:"III." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #TagsList a[href$="tags="]:hover:after {content:"themes"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 0px; font-style: italic !important;}
 #myFavLink {position: absolute; top: 105px; left: 143px;}
 #myFavLink a:before {content:"IV." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink:before {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-right: 17px !important;}
 #myFavLink a:hover:after {content:"favorite"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 20px; font-style: italic !important;}
 #writeThisDiary {position: absolute; top: 138px; left: 10px;}
 #writeThisDiary a:before {content:"V." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #writeThisDiary:after {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-left: 15px !important;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:hover:after {content:"post"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 0px; font-style: italic !important;}
 {-------------------------------}
 #myDiaryLink {position: absolute; top: 138px; left: 62px; white-space: nowrap !important;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"VI." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a:before {content:"dr" !important; color: #000; padding-right: 5px !important; font-weight: normal !important;}
 #myDiaryLink .count_box a {background-color: transparent !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: -14px; left: -5px; font-style: italic !important; margin-left: 6px !important;}
 #discussionLink {position: absolute; top: 138px; left: 97px; white-space: nowrap !important;}
 #discussionLink:before {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-right: 17px !important;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"VII." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a:before {content:"ds" !important; color: #000; padding-right: 5px !important; font-weight: normal !important;}
 #discussionLink .count_box a {background-color: transparent !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: -14px; left: 15px; font-style: italic !important; margin-left: 6px !important;}
 #umailLink {position: absolute; top: 138px; left: 157px; white-space: nowrap !important;}
 #umailLink:before {content:"/" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; opacity: 0.5 !important; padding-right: 17px !important;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"VIII." !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: bold !important; letter-spacing: 2px !important;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a:before {content:"ml" !important; color: #000; padding-right: 5px !important; font-weight: normal !important;}
 #umailLink .count_box a {background-color: transparent !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: -14px; left: 15px; font-style: italic !important; margin-left: 6px !important;}
 #discussionLink a:hover:after {content:"discussions"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 20px; font-style: italic !important;}
 #discussionLink .count_box a:hover:after {display: none !important;}
 #umailLink a:hover:after {content:"umail"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 20px; font-style: italic !important;}
 #umailLink .count_box a:hover:after {display: none !important;}
 #myDiaryLink a:hover:after {content:"diary"; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #000 !important; font-weight: normal !important; position: absolute; bottom: 14px; left: 0px; font-style: italic !important;}
 #myDiaryLink .count_box a:hover:after {display: none !important;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph div {word-spacing: 5px !important;}
 #epigraph .header {display: none !important;}
 #epigraph {padding: 0px !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 #page-t {padding: 0px !important;}
 .singlePost {background: #fff !important; padding: 30px !important; margin-bottom: 20px !important;}
 .paragraph div {font-family: Corbel, Arial, sans-serif !important; font-size: 15px !important; line-height: 21px !important; color: #000 !important;}
 .paragraph div a {font-family: Corbel, Arial, sans-serif !important; font-size: 15px !important; line-height: 21px !important; color: #6e6e6e !important; text-decoration: none !important; transition: 0.5s !important; font-weight: normal !important;}
 .paragraph div a:hover {color: #000 !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .opac6 {width: 0; height: 0; background: url('ЗАМОК') no-repeat; padding: 11px 6px 10px 7px !important;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -10px !important;}
 .paragraph .TagL {font-family: Corbel, Arial, sans-serif !important; font-size: 16px !important; line-height: 20px !important; color: #6e6e6e !important; text-decoration: none !important; transition: 0.5s !important; }
 .paragraph .TagL a:hover {color: #000 !important;}
 .postDate {text-align: center !important;}
 .postDate span {font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; line-height: 20px !important; color: #6e6e6e !important; text-transform: lowercase !important;}
 .header {font-family: Arial, sans-serif !important; font-size: 14px !important; color: #000 !important; text-transform: uppercase !important; font-weight: bold !important; text-align: center !important; letter-spacing: 1px !important;}
 .header h2 {font-weight: bold !important; font-family: Corbel Arial, sans-serif !important;}
 .postActionLinks a {opacity: 0.3 !important; transition: 0.5s !important;}
 .postActionLinks a:hover {opacity: 1 !important;}
 .atTag span {display: none;}
 .atTag {color: #fff !important; text-align: center !important;}
 .atTag a {font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #6e6e6e !important; transition: 0.5s !important; text-decoration: none !important; font-style: normal !important;}
 .atTag a:hover {color: #000 !important;}
 .atTag a:before {content:"#" !important; font-family: Corbel, Arial, sans-serif !important; font-size: 11px !important; color: #6e6e6e !important; transition: 0.5s !important;}
 .atTag a:hover:before {color: #000 !important;}
 .postLinksBackg {text-align: center !important;}
 .postLinks a {font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; text-transform: uppercase !important; text-decoration: none !important; transition: 0.5s !important; font-weight: bold !important; letter-spacing: 1px !important;}
 .postLinks a:hover {color: #6e6e6e !important;}
 .postLinks {color: #fff !important;}
 .comments_count_link a {font-family: Calibri, Arial, sans-serif !important; font-size: 12px !important;}
 .comments_count_link a:first-child:before {content:"|" !important; font-family: calibri, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; padding-right: 5px !important; transition: 0.5s !important;}
 .blockquote {font-style: normal !important; border-left: solid 1px #ddd !important; padding-left: 25px !important; margin-left: 25px !important;}
 {------------------------------------pageBar------------------------------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 #pageBar a {font-family: Calibri, Arial, sans-serif !important; color: #000 !important; font-size: 13px !important; transition: 0.5s; text-decoration: none !important;}
 #pageBar a:hover {color: #6e6e6e !important;}
 #pageBar strong {font-family: Calibri, Arial, sans-serif !important; font-size: 13px !important; color: #6e6e6e !important; text-decoration: none !important;}
 #add_block2 {position: relative; width: 100%; z-index: -4 !important; height: 30px; left: 0px; background: transparent; padding: 0!important;}
 #add_block3:after {position: relative; width: 300px; z-index: -3 !important; height: 20px; bottom: 20px; margin-left: 135px; padding: 0 !important; content:"Adaptation by SnezhArt © 2017"; color: #6e6e6e !important; font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; left: 50%; text-transform: lowercase !important; opacity: 0.5 !important;}
 {-------------------------------------JournalComments--------------------------------}
 #JournalComments .paragraph {margin-left: 0px !important; margin-top: 70px !important;}
 .singleComment {background: #fff !important; padding: 30px !important; margin-bottom: 20px !important;}
 .avatar img {min-width: 50px !important; max-width: 50px !important; min-height: 50px !important; max-height: 50px !important;}
 .commentAuthor {overflow: visible !important; width: 100px !important;}
 .commentAuthor div {width: 100px !important;}
 .authorName {white-space: nowrap !important; position: relative; left: 77px; top: 40px; width: 300px !important;}
 .authorName a {text-decoration: none !important; font-family: Corbel, Arial, sans-serif !important; color: #6e6e6e !important; font-size: 13px !important; transition: 0.5s !important; font-weight: normal !important; letter-spacing: 1px !important;}
 .authorName a:hover {color: #000 !important;}
 .commentAuthor .sign {display: none !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 #JournalComments .postLinks {display: none !important;}
 #msg_form {background: #fff !important; padding: 30px !important; margin-bottom: 20px !important;}
 #msg_form a {font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; transition: 0.5s !important; text-decoration: none !important; color: #6e6e6e !important; transition: 0.5s !important;}
 #msg_form a:hover {color: #000 !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;}
 .SmilePanelElement {opacity: 0.4; transition: 0.5s;}
 .SmilePanelElement:hover {opacity: 0.8;}
 .htmlbox textarea {font-family: Corbel, Arial, sans-serif !important; font-size: 15px !important; line-height: 21px !important; color: #000 !important;}
 #JournalComments .htmlbox textarea {padding: 3px 7px !important;}
 #msg_form .section {font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; transition: 0.5s !important; text-decoration: none !important; color: #6e6e6e !important;}
 #btSubmit {opacity: 1 !important;}
 .submit[value="Отправить"] {font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; text-transform: uppercase !important; transition: 0.5s !important; text-decoration: none !important; letter-spacing: 1px !important; font-weight: bold !important; position: relative; left: -15px;}
 .submit[value="Отправить"]:hover {color: #6e6e6e !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: 70px !important;}
 #JournalFavorite .paragraph img {max-width: 200px !important; height: auto !important;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 .communityName a {font-family: Corbel, Arial, sans-serif !important; font-size: 14px !important; transition: 0.5s !important; text-decoration: none !important; color: #6e6e6e !important; letter-spacing: 1px !important;}
 .communityName a:hover {color: #000 !important;}
 .communityName {text-align: center !important;}
 {--------------------------------------------JournalTags------------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #fff !important; padding: 30px !important; margin-top: -10px !important;}
 .tags_ul_all a {font-family: Corbel, Arial, sans-serif !important; font-size: 14px !important;color: #000 !important; text-decoration: none !important; text-transform: lowercase !important;}
 .tags_ul_all a:hover {color: #6e6e6e !important;}
 .tags_ul_all span {font-family: Calibri, Arial, sans-serif !important; font-size: 14px !important; color: #000 !important;}
 .submit[value="Найти записи"], .submit[value="Объединить"], .submit[value="Редактировать"], .submit[value="Удалить"] {background: none !important; font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; text-transform: uppercase !important; text-decoration: none !important; transition: 0.5s !important; opacity: 1 !important; letter-spacing: 1px !important; font-weight: bold !important; position: relative;}
 .submit[value="Найти записи"] {left: 28px;}
 .submit[value="Найти записи"]:hover, .submit[value="Объединить"]:hover, .submit[value="Редактировать"]:hover, .submit[value="Удалить"]:hover {color: #6e6e6e !important;}
 .submit[value="Объединить"], .submit[value="Редактировать"] {left: -60px !important;}
 .submit[value="Удалить"] {left: -65px;}
 a[href="?tag=-1"] {background: none !important; font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; text-transform: uppercase !important; text-decoration: none !important; transition: 0.5s !important; opacity: 1 !important; letter-spacing: 1px !important; font-weight: bold !important; position: relative; top: 5px; left: 37px; white-space: nowrap !important;}
 a[href="?tag=-1"]:hover {color: #6e6e6e !important;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background: #fff !important; padding: 30px 30px 30px 30px !important;}
 .cal-head th, .calnd small {font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; color: #000 !important;}
 #JournalCalendar #content a {text-transform: uppercase !important; text-decoration: none !important; font-family: Corbel, Arial, sans-serif !important; font-size: 13px !important; color: #6e6e6e !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; color: #000 !important; font-size: 13px !important; background: #fff !important; border-top: solid 1px #ddd !important; max-width: 180px !important; border-left: solid 1px #ddd !important; max-width: 180px !important; border-right: solid 1px #ddd !important; max-width: 180px !important; text-transform: lowercase !important;}
 .flwin em {font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; color: #000 !important; font-size: 13px !important; background: #fff !important; border: solid 1px #ddd !important; max-width: 180px !important; text-transform: lowercase !important; letter-spacing: 1px !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: 70px !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: Corbel, Arial, sans-serif !important; font-size: 15px !important; color: #000 !important;}
 #my_tags .text {font-family: Corbel, Arial, sans-serif !important; font-size: 15px !important; color: #000 !important;}
 #rewrite, #preview, #draft_save {font-family: Corbel, Arial, sans-serif !important; font-size: 12px !important; color: #000 !important; text-transform: uppercase !important; transition: 0.5s !important; text-decoration: none !important; opacity: 1 !important; letter-spacing: 1px !important; font-weight: bold !important; position: relative; top: 10px;}
 #rewrite:hover, #preview:hover, #draft_save:hover {color: #6e6e6e !important;}
 #draft_save {min-width: 200px;}
 {---------------------------------стр превью и стр альбома-----------------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important; margin-top: 70px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 {----------------------------------------окно ошибки---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border: solid 1px #ddd !important; background: #fff !important; text-align: center !important; padding: 15px 20px 15px 20px !important;}
 #msgText .submit[value="Ok"] {font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; color: #6e6e6e !important; font-size: 15px !important; text-transform: uppercase !important; background: #fff !important; border: none !important; font-weight: bold !important; opacity: 1 !important;}
 #msgTextContent {font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; font-size: 14px !important; color: #000 !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;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .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: 1px solid #ccc8c3 !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 .voting {padding-left: 5px !important;}
 .voting img {height: 0px !important;}
 #JournalFavorite .voting img {height: 0px !important;}
 .voting td {vertical-align: baseline;}
 .voting b {font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; color: #000 !important; font-size: 14px !important; transition: 0.5s;}
 .submit[value="Голосовать"] {text-transform: uppercase !important; font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; color: #000 !important; font-size: 12px !important; opacity: 1 !important; letter-spacing: 1px !important; font-weight: bold !important; margin-bottom: 3px !important; transition: 0.5s !important;}
 .submit[value="Голосовать"]:hover {color: #6e6e6e !important;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {text-transform: lowercase !important; color: #000 !important; opacity: 1 !important; background: #fff !important; padding: 5px 7px 7px 9px !important; font-style: normal !important; font-family: Corbel, Arial, sans-serif !important; font-size: 15px !important; border: solid 1px #ddd !important;}

КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Картинку сбоку (эдблок1) можно менять, ориентируясь на свой вкус.
• WARNING! Если картинка сбоку темная, то в селекторах меню (начиная со строчки #side h1 a и заканчивая строчкой #myDiaryLink a:hover:after) необходимо color: #000 поменять на color: #fff, иначе у вас не будет видно строк меню.
• Большая просьба не проводить другие изменения, помимо оговоренных выше, потому что дизайн задумывался и создавался таким, какой есть.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL

вторник, 07 ноября 2017

08:33

design #5

ретроградный оптимист

• Главная страница
• Страница с комментариями
• Фон и кнопки
• Коддизайн: блочный
навигационная панель: вверху
цвет оффтопика #999
остальные поля оставляем пустыми

.block_design {background: url('/ФОН') fixed repeat; padding: 0 !important;}
 #wrapper {min-width: 640px !important; width: 640px !important; margin-top: 100px !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, #thisDiaryPhoto, #side h1, #postsCalendar, #tagslistlink, #thisDiaryPhoto, #authorName, .addToQuote, .quote_post, .subscribe, .unsubscribe, .sign, .umail, .diary, .profile, .delFromQuote, #diaryInfo, #oamLink {display: none !important;}
 {---------------------------------------side--------------------------------------------------}
 #side .opac6 {display: none !important;}
 #side h1 {display: block !important; position: absolute !important; z-index: 1 !important; border: solid 1px #cecece !important; padding: 13px !important; background: #fff !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #side h1 a {white-space: nowrap; color: #000 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; text-transform: uppercase !important; font-weight: bold !important; letter-spacing: 1px !important;}
 #side ul {visibility: visible; display: block; text-transform: uppercase !important;}
 #mainpageLink {position: absolute; top: 85px; left: -5px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:"Main"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #writeThisDiary {position: absolute; top: 85px; left: 100px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:"Post"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #myFavLink {position: absolute; top: 85px; left: 205px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:"Fav"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #discussionLink {position: absolute; top: 85px; left: 300px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"Talk"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a:before {content:"-" !important; padding-right: 5px !important; color: #444 !important;}
 #discussionLink .count_box a {background-color: transparent !important; color: #444; font-family: Courier New, monospace !important; !important; font-size: 12px !important; margin-left: 6px !important;}
 #umailLink {position: absolute; top: 85px; left: 420px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"Mail"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a:before {content:"-" !important; padding-right: 5px !important; color: #444 !important;}
 #umailLink .count_box a {background-color: transparent !important; color: #444; font-family: Courier New, monospace !important; !important; font-size: 12px !important; margin-left: 6px !important;}
 #myDiaryLink {position: absolute; top: 85px; left: 540px; background: #fff; border: solid 1px #cecece !important; padding: 13px !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"Diary"; color: #444 !important; font-family: Courier New, monospace !important; font-size: 13px !important; text-decoration: none !important; font-weight: normal !important;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a:before {content:"-" !important; padding-right: 5px !important; color: #444 !important;}
 #myDiaryLink .count_box a {background-color: transparent !important; color: #444; font-family: Courier New, monospace !important; !important; font-size: 12px !important; margin-left: 6px !important;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #post0 {border: none !important; box-shadow: none !important; margin-bottom: -25px !important; margin-top: -37px !important;}
 #epigraph .header {display: none !important;}
 #epigraph a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 13px !important;}
 #epigraph div {word-spacing: 5px !important;}
 #epigraph a:hover {color: #000 !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 #page-t {margin-top: 200px !important; padding: 0px !important; margin-bottom: 0px !important;}
 .singlePost {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; margin-bottom: 70px !important; padding: 40px !important; position: relative;}
 .postDate span {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 .postDate {position: relative; width: 85px; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; left: 600px !important; top: -41px !important; padding: 15px 10px 13px 15px !important; overflow: hidden !important; text-overflow: ellipsis !important; text-align: left !important; margin-bottom: -60px !important;}
 .header {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 15px !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 500px !important; height: auto !important;}
 .paragraph div {font-family: Corbel, sans-serif !important; color: #000 !important; font-size: 15px !important; line-height: 20px !important;}
 .paragraph div a {font-family: Corbel, sans-serif !important; color: #595959 !important; font-size: 15px !important; transition: 0.5s !important; text-decoration: none !important;}
 .paragraph div a:hover {color: #000 !important;}
 .postActionLinks a {opacity: 0.2 !important; transition: 0.5s !important;}
 .postActionLinks a:hover {opacity: 1 !important;}
 .postActionLinks li {margin-top: -5px !important;}
 .opac6 {width: 0; height: 0; background: url('ЗАМОК) no-repeat; padding: 10px 6px 10px 7px !important;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -15px !important; top: 2px !important;}
 .paragraph .TagL {font-family: Corbel, sans-serif !important; color: #000 !important; font-size: 15px !important;}
 .atTag span {display: none;}
 .atTag a {font-family: Corbel, sans-serif !important; color: #595959 !important; font-size: 12px !important; text-decoration: none !important; font-style: normal !important; letter-spacing: 1px !important; transition: 0.5s !important;}
 .atTag a:before {content:">" !important; padding-right: 2px !important; font-size: 10px !important; font-family: Corbel, sans-serif !important; opacity: 0.9 !important; font-style: bold !important;}
 .atTag a:hover {color: #000 !important;}
 .atTag {color: #fff !important;}
 .comments_count_link {display: none !important;}
 .comments {border: solid 1px #cecece !important; padding: 10px 10px 10px 12px !important; background: #fff !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; position: relative; top: 31px; left: 144px;}
 .comments a:before {content:"Comments"; font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 .comments a {font-size: 0 !important; text-decoration: none !important;}
 .postLinksBackg {margin-top: -25px !important;}
 .blockquote {padding-left: 0px !important; letter-spacing: 1px !important; font-style: normal !important;}
 {------------------------------------pageBar------------------------------------}
 #pageBar {margin-top: -20px !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 25px !important;}
 #pageBar a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 #pageBar strong {font-family: Courier New, monospace !important; color: #444 !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 1px !important;}
 #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #Stats {display: none !important;}
 #bottom_up {display: block !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; width: 70px; position: relative; left: 636px; bottom: 58px;}
 #bottom_up a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 #add_block1 {position: relative; width: 100%; z-index: -4 !important; height: 20px; left: 0px; background: transparent; padding: 0!important; margin-bottom: -30px !important;}
 #add_block2:after {position: relative; width: 300px; z-index: -3 !important; height: 20px; bottom: 18px; margin-left: -95px; padding: 0 !important; content:"Adaptation by SnezhArt © 2017"; color: #c5c5c5; font-family: Courier New, monospace !important; font-size: 10px !important; left: 50%; text-transform: uppercase !important; letter-spacing: 1px !important;}
 {-------------------------------------JournalComments--------------------------------}
 .singleComment {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; margin-bottom: 120px !important; padding: 40px !important; position: relative;}
 .singleComment .paragraph {margin-bottom: -20px !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 #JournalComments .paragraph {margin-left: 0px !important; margin-top: 0px !important;}
 #JournalComments .postLinksBackg {display: none !important;}
 .commentAuthor {overflow: visible !important; height: 0px !important;}
 .commentAuthor div {width: 70px !important;}
 .avatar {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; width: 70px; width: 120px; padding: 15px !important; position: absolute; left: -164px;}
 .avatar img {min-width: 70px !important; max-width: 70px !important; min-height: 70px !important; max-height: 70px !important;}
 .authorName {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; width: 70px; padding: 15px !important; position: absolute; top: -1px; left: -124px; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #444 !important;}
 .authorName a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 2px !important; text-decoration: none !important;}
 #msg_form {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 30px 60px 0px 40px !important; margin-bottom: 130px !important; margin-top: -30px !important;}
 #msg_form a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 #msg_form div {text-align: left !important; letter-spacing: 1px !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;}
 .SmilePanelElement {opacity: 0.4; transition: 0.5s;}
 .SmilePanelElement:hover {opacity: 0.8; transition: 0.5s;}
 #msg_form .section {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 .htmlbox textarea {padding: 10px !important; font-family: Corbel, sans-serif !important; color: #000 !important; font-size: 15px !important; line-height: 20px !important;}
 #btSubmit {opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative; left:-41px; top: 87px;}
 .submit[value="Отправить"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #JournalComments #bottom_up {display: none !important;}
 .singleComment span.quote_text {font-family: Courier New, monospace !important; color: #000 !important; font-size: 15px !important; line-height: 20px !important; font-style: normal !important;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: 0px !important; margin-bottom: -15px !important;}
 .communityName {display: none !important;}
 #JournalFavorite .comments {top: 39px; left: 545px !important;}
 {--------------------------------------------JournalTags------------------------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important;}
 .tags_ul_all .text {color: #444 !important; font-family: Courier New, monospace !important; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 .tags_ul_all a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; text-decoration: none !important;}
 .tags_ul_all span {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #JournalTags #content {margin-left: -4px !important;}
 .submit[value="Найти записи"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important;}
 .submit[value="Объединить"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative; left: 35px;}
 .submit[value="Редактировать"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative; left: 53px;}
 .submit[value="Удалить"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative; left: 70px;}
 a[href="?tag=-1"] {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative; bottom: 1px; left: 10px; text-decoration: none !important;}
 #JournalTags #bottom_up {display: none !important;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 #JournalCalendar #content {background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 55px !important;}
 .calHeader {display: none !important;}
 .cal-head th, .calnd small {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #JournalCalendar #content a {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; font-style: bold !important;}
 #JournalCalendar #bottom_up {display: none !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font-style: normal !important; font-family: Courier New, monospace !important; color: #444 !important; font-size: 10px !important; background: #fff !important; border-top: solid 1px #cecece !important; max-width: 180px !important; border-left: solid 1px #ddd !important; max-width: 180px !important; border-right: solid 1px #cecece !important; max-width: 180px !important; text-transform: lowercase !important; letter-spacing: 1px !important;}
 .flwin em {font-style: normal !important; font-family: Courier New, monospace !important; color: #444 !important; font-size: 10px !important; background: #fff !important; border: solid 1px #cecece !important; max-width: 180px !important; text-transform: lowercase !important; letter-spacing: 1px !important;}
 {--------------------------------------------------JournalDraft-------------------------------------------------}
 #JournalDraft .commentAuthor, .draft_prview_link, .draft_publish_link, .list_box, #draft_title {display: none !important;}
 #JournalDraft #epigraph {display: none !important;}
 #JournalDraft .paragraph {margin-left: 0px !important;}
 #draft_list {display: none !important;}
 #JournalDraft #page-t {margin-bottom: -67px !important;}
 {-----------------------------------------------JournalQuote---------------------------------------------------}
 #JournalQuote .paragraph {margin-left: 0px !important;}
 #JournalQuote #page-t {margin-bottom: -67px !important;}
 #JournalQuote .comments {top: 39px; left: 545px !important;}
 #JournalQuote #bottom_up {display: none !important;}
 #JournalQuote .communityName {display: none !important;}
 {------------------------------------------header left------------------------------------------}
 .header.left {display: none !important;}
 #postTitle {font-family: Corbel, sans-serif !important; color: #000 !important; font-size: 15px !important;}
 #DisableAutoSave {display: none !important;}
 #rewrite, #preview, #draft_save {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important; opacity: 1 !important; background: #fff !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff; padding: 10px !important; position: relative;}
 #rewrite {top: 82px; left: -41px;}
 #preview {top: 82px; left: -20px;}
 #draft_save {min-width: 190px; top: 82px;}
 #vkl li a {color: #444 !important;}
 #tags, #atMusic, #atMood {font-family: Courier New, monospace !important; color: #444; text-transform: uppercase !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #my_tags .text {font-family: Courier New, monospace !important; color: #444 !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #close_text {font-family: Courier New, monospace !important; color: #444 !important; font-size: 10px !important; letter-spacing: 1px !important;}
 #access_list2, #access_list3 {font-family: Courier New, monospace !important; color: #444 !important; font-size: 10px !important; letter-spacing: 1px !important;}
 {---------------------------------стр превью и стр альбома-----------------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 {----------------------------------------окно ошибки---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border-bottom: solid 1px #cecece !important; border-left: solid 1px #cecece !important; border-top: solid 1px #cecece !important; border-right: solid 1px #cecece !important; text-align: center !important; padding: 15px 20px 15px 20px !important;}
 #msgText .submit[value="Ok"] {font-style: normal !important; font-family: Courier New, monospace !important; color: #444 !important; font-size: 11px !important; text-transform: uppercase !important; background: #fff; border: none !important; letter-spacing: 1px !important; font-weight: bold !important; opacity: 1 !important;}
 #msgTextContent {font-style: normal !important; font-family: Courier New, monospace !important; font-size: 11px !important; color: #444 !important; text-transform: lowercase !important; letter-spacing: 1px !important;}
 #msgWin {box-shadow: none !important;}
 #msgWinCloseBt {margin-right: 90px !important; margin-bottom: 0px !important; padding-top: 5px !important; padding-bottom: 5px !important;}
  {----------------------------------------------голосовалка------------------------------------------------}
 .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: #444 !important;}
 .pool-bar {box-shadow: none !important; opacity: 1 !important; border-bottom: 1px solid #ccc8c3 !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 .voting img {height: 0px !important;}
 #JournalFavorite .voting img {height: 0px !important;}
 .voting td {vertical-align: baseline;}
 .voting b {font-style: normal !important; font-family: Corbel, sans-serif !important; color: #444 !important; font-size: 15px !important; transition: 0.5s; letter-spacing: 1px !important;}
 .voting a {text-transform: lowercase !important; color: #000 !important;}
 .submit[value="Голосовать"] {text-transform: uppercase !important; font-style: normal !important; font-family: Courier New, monospace !important; color: #595959 !important; font-size: 12px !important; opacity: 1 !important; margin-bottom: 3px !important; letter-spacing: 1px !important; border: solid 1px #cecece !important; padding: 10px !important; }
 .voting {padding-left: 5px !important;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {text-transform: lowercase !important; color: #444 !important; opacity: 1 !important; background: #fff !important; padding: 5px 7px 7px 9px !important; border: solid 1px #cecece !important; font-style: normal !important; font-family: Courier New, monospace !important; font-size: 10px !important; padding: 10px !important; border: solid 1px #cecece !important; -webkit-box-shadow: 10px 10px 0px 0px #fff; box-shadow: 10px 10px 0px 0px #fff;}

КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Большая просьба не проводить изменения, потому что дизайн задумывался и создавался таким, какой есть.
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

@темы: design

URL