design #2

[Psychotherapy]

• Главная страница
• Страница с комментариями
•

Иконки и экстратоп

Скачать иконки
Экстратоп: 595px x 300px
•

Код

дизайн: блочный
навигационная панель: вверху
шрифт:заголовка обычный 12, текста обычный 15, гарнитура Arial
цвет текста: записи #000, оффтопика #999
остальные поля оставляем пустыми

.block_design {background: #fff !important; padding: 0px !important;}
 #wrapper {min-width: 620px !important; width: 620px !important; margin-top: 60px !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, .subscribe, .unsubscribe, .quote_post, .sign, .quote_comment, #myLinks, #diaryInfo, #oamLink {display: none !important;}
 {---------------------------------------side--------------------------------------------------}
 #extratop {position: absolute; width: 595px; height: 300px; background: url('ЭКСТРАТОП') center center no-repeat; left: 10px; z-index: 2 !important; border: 1px solid #e5e5e5 !important; padding: 2px !important;}
 #side ul {visibility: visible; display: block;}
 #side .opac6 {display: none !important;}
 #myDiaryLink {position: absolute; top: 305px; left: 165px;}
 #myDiaryLink a {font-size: 0 !important; color: #000 !important; text-decoration: none !important; text-transform: lowercase;}
 #myDiaryLink a:before {content:"дневник"; color: #000; font: italic 14px trebuchet ms !important;}
 #umailLink {position: absolute; top: 305px; left: 275px;}
 #umailLink a {font: italic 14px trebuchet ms !important; color: #000 !important; text-decoration: none !important; text-transform: lowercase;}
 #discussionLink {position: absolute; top: 305px; left: 365px;}
 #discussionLink a {font: italic 14px trebuchet ms !important; color: #000 !important; text-decoration: none !important; text-transform: lowercase;}
 #mainpageLink {position: absolute; top: -35px; left: 0px;}
 #mainpageLink a {font-size: 0 !important; color: #e5e5e5 !important; text-decoration: none !important; text-transform: lowercase;}
 #mainpageLink a:before {content:"01."; color: #e5e5e5; font: italic 12px trebuchet ms !important;}
 #mainpageLink a:hover:after {content:"главная"; color: #000; font: italic 14px trebuchet ms !important; position: absolute; top: -19px; left: 0px;}
 #mainpageLink a:hover:before {color: #000;}
 #myFavLink {position: absolute; top: -35px; left: 22px;}
 #myFavLink a {font-size: 0 !important; color: #e5e5e5 !important; text-decoration: none !important; text-transform: lowercase;}
 #myFavLink a:before {content:"02."; color: #e5e5e5; font: italic 12px trebuchet ms !important;}
 #myFavLink a:hover:after {content:"избранное"; color: #000; font: italic 14px trebuchet ms !important; position: absolute; top: -19px; left: 0px;}
 #myFavLink a:hover:before {color: #000;}
 #writeThisDiary {position: absolute; top: -35px; left: 45px;}
 #writeThisDiary a {font-size: 0 !important; color: #e5e5e5 !important; text-decoration: none !important; text-transform: lowercase;}
 #writeThisDiary a:before {content:"03."; color: #e5e5e5; font: italic 12px trebuchet ms !important;}
 #writeThisDiary a:hover:after {content:"новая запись"; color: #000; font: italic 14px trebuchet ms !important; position: absolute; top: -19px; left: 0px;}
 #writeThisDiary a:hover:before {color: #000;}
 #postsCalendar {position: absolute; top: -35px; left: 67px;}
 #postsCalendar a {font-size: 0 !important; color: #e5e5e5 !important; text-decoration: none !important; text-transform: lowercase;}
 #postsCalendar a:before {content:"04."; color: #e5e5e5; font: italic 12px trebuchet ms !important;}
 #postsCalendar a:hover:after {content:"календарь"; color: #000; font: italic 14px trebuchet ms !important; position: absolute; top: -19px; left: 0px;}
 #postsCalendar a:hover:before {color: #000;}
 #tagslistlink {display: none !important;}
 .menuSection #authorName {display: none !important;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a:before {content:"-" !important; padding-right: 5px !important; font: 14px trebuchet ms !important;}
 #myDiaryLink .count_box a {background-color: transparent !important; font: italic 11px trebuchet ms !important; color: #000; margin-left: 6px !important;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a:before {content:"-" !important; padding-right: 5px !important; font: 14px trebuchet ms !important;}
 #umailLink .count_box a {background-color: transparent !important; font: italic 11px trebuchet ms !important; color: #000; margin-left: 6px !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a:before {content:"-" !important; padding-right: 5px !important; font: 14px trebuchet ms !important;}
 #discussionLink .count_box a {background-color: transparent !important; font: italic 11px trebuchet ms !important; color: #000; margin-left: 6px !important;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph a {font: italic 13px trebuchet ms !important; color: #e5e5e5 !important; text-decoration: none !important;}
 #epigraph a:hover {color: #000 !important;}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph .header {border: none !important;}
 #epigraph .postLinksBackg {border: none !important;}
 #post0 {border: none !important;}
 #epigraph .singlePost {margin: 0px !important; padding: 0px !important; }
 #epigraph {background: #fff; margin-top: -10px !important; margin-bottom: -10px !important; word-spacing: 3px !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 .singlePost {background: #fff; padding: 0px 0px 30px 0px !important; position: relative !important; margin-bottom: 30px !important;}
 .postDate {text-align: center !important; position: relative; top: 0px;}
 .postDate span {text-decoration: none !important; text-transform: uppercase; font: 11px trebuchet ms; color: #a1a1a1;}
 .header {text-align: center !important; font: 20px trebuchet ms; color: #000; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.6); letter-spacing: 2px !important; margin-top: 0px !important; border-top: solid 1px #e5e5e5 !important; padding-top: 15px !important;}
 .postActionLinks li {display: inline-block; margin-top: 3px !important;}
 .delPostLink a {background: url('УДАЛИТЬ ЗАПИСЬ') no-repeat; width: 16px; height: 16px; display: block; opacity: 0.4;}
 .delPostLink img {display: none;}
 .editPostLink a {background: url('РЕДАКТИРОВАТЬ ЗАПИСЬ') no-repeat; width: 16px; height: 16px; display: block; opacity: 0.4;}
 .editPostLink img {display: none;}
 .delPostLink a:hover, .editPostLink a:hover {opacity: 0.7; transition: 0.5s;}
 .opac6 {width: 0; height: 0; background: url('ЗАКРЫТАЯ ЗАПИСЬ') no-repeat; padding: 10px 6px 11px 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: 15px trebuchet ms; color: #999 !important;}
 .atTag span {display: none;}
 .atTag a {font: 12px tribuchet ms; color: #e1e1e1; text-decoration: none !important; text-transform: lowercase; letter-spacing: 2px !important;}
 .atTag a:hover {color: #000; border: 1px solid #e5e5e5 !important; padding: 2px 5px 4px 7px !important; transition: 0.3s;}
 .atTag {color: #fff !important; height: 25px; overflow: hidden; text-align: center !important;}
 .postLinksBackg {text-align: center; margin-top: 10px !important; border-top: solid 1px #e5e5e5 !important; padding-top: 15px !important;}
 .postLinksBackg a {font: 14px trebuchet ms !important; color: #000 !important; text-transform: lowercase; text-decoration: none !important; letter-spacing: 2px !important;}
 .comments_count_link {color: #fff;}
 .comments_count_link a {color: #000; font: 11px trebuchet ms !important;}
 .comments_count_link a:nth-child(1):before {content:"-"; padding-right: 3px; font: 14px trebuchet ms !important;}
 .comments_count_link:nth-child(2) {visibility: hidden; font-size: 0 !important;}
 .comments_count_link a:nth-child(1) {visibility: visible;}
 .paragraph {overflow: hidden !important;}
 a {font: italic 15px trebuchet ms ; text-decoration: none !important; color: #999; letter-spacing: 1px !important;}
 .paragraph div a:hover {color: #999; transition: 0.5s;}
 .paragraph img {max-width: 500px; height: auto;}
 .blockquote {border: solid 1px #e5e5e5 !important; padding: 25px 20px 0px 20px !important; font: italic 15px trebuchet ms !important; letter-spacing: 1px !important; margin-bottom: 20px !important;}
 #Journal #page-t {margin-top: 340px !important;}
 {------------------------------------pageBar------------------------------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 #bottom_up {display:block !important; position: fixed; right: 0px !important; bottom: 20px !important; bottom: 90px;}
 #bottom_up a {background: url('НАВЕРХ') no-repeat scroll 100%; width: 34px; height: 19px; display: block; opacity: 0.1; font-size: 0px !important;}
 #bottom_up a:hover {opacity: 0.2; transition: 0.5s;}
 #pageBar a {font: italic 13px trebuchet ms !important; color: #c5c5c5; text-decoration: none !important; text-align: center; letter-spacing: 5px !important;}
 #pageBar strong {font: italic 13px trebuchet ms !important; color: #000; text-decoration: none !important;}
 #pageBar a:hover {color: #000;}
 #pageBar {margin-bottom: -20px !important; margin-top: -30px !important;}
 #add_block1 {position: relative; width: 100%; z-index: -4 !important; height: 30px; bottom: -25px; left: 0px; background: #fff; padding: 0!important;}
 #add_block2:after {position: relative; width: 300px; z-index: -3 !important; height: 20px; bottom: 20px; margin-left: -85px; padding: 0 !important; content:"Designed by SnezhArt © 2015"; color: #000; font: italic 13px trebuchet ms !important; left: 50%; opacity: .3; text-transform: lowercase !important; letter-spacing: 1px !important;}
 {-------------------------------------JournalComments--------------------------------}
 .singleComment {background: #fff; padding: 0px 0px 30px 0px !important; position: relative !important; margin-bottom: 45px !important;}
 #JournalComments #page-t {margin-top: 340px !important;}
 .avatar img {min-width: 65px !important; max-width: 65px !important; min-height: 65px !important; max-height: 65px !important; border: 1px solid #e5e5e5; padding: 2px!important;}
 .authorName {position: relative; top: 107px; width: 65px !important; height: 15px !important; overflow: hidden !important; text-overflow: ellipsis;}
 .authorName a {font: 12px trebuchet ms !important; color: #c5c5c5; letter-spacing: 2px !important; text-transform: lowercase !important; font-weight: lighter !important;}
 .commentAuthor {margin-top: 3px !important; margin-bottom: 17px !important;}
 #JournalComments .header {margin-bottom: -10px !important;}
 #JournalComments .paragraph {margin-left: 90px !important;}
 #JournalComments .atTag {text-align: left !important;}
 #JournalComments #commentsArea_title {display: none !important;}
 #JournalComments #addCommentArea_title {display: none !important;}
 .singleComment .header {text-align: left !important; font: 14px trebuchet ms !important; text-shadow: none !important; color: #dfdfdf !important; margin-left: 0px !important; text-transform: lowercase !important;}
 .singleComment .postActionLinks {margin-top: -5px !important;}
 .singleComment .postLinksBackg {display: none !important;}
 #msg_form {background: #fff !important; padding-top: 30px !important; padding-bottom: 20px !important; border-top: solid 1px #e5e5e5 !important;}
 #msg_form a {text-transform: lowercase; font-style: normal !important; font: 15px tahoma !important;}
 #msg_form div {text-align: left !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;}
 .SmilePanelElement:hover {opacity: 0.8; transition: 0.5s;}
 #btSubmit {background: #fff; opacity: 1; margin-left: -15px !important; width: 140px; height: 50px;}
 .submit[value="Отправить"] {text-transform: uppercase !important; font: 13px trebuchet ms !important; color: #000 !important; letter-spacing: 1px !important;}
 #JournalComments .lastPost span.quote_text {border: none !important; padding: 25px 20px 0px 20px !important; font: italic 15px trebuchet ms !important; letter-spacing: 1px !important; margin-bottom: 20px !important; margin-top: -25px !important; margin-left: -20px !important; margin-right: -20px !important;}
 #JournalComments span.quote_text {font: italic 15px trebuchet ms !important; letter-spacing: 1px !important; display: block; padding: 10px 20px 10px 20px !important; margin-bottom: -8px !important; margin-top: 10px !important; border: solid 1px #e5e5e5;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite #page-t {margin-top: 340px !important;}
 #JournalFavorite .header {margin-bottom: -10px !important;}
 #JournalFavorite .paragraph {margin-left: 90px !important;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 #JournalFavorite .communityName {margin-top: 20px !important; text-align: center !important; font: 14px trebuchet ms !important; letter-spacing: 1px !important; text-transform: lowercase !important; font-style: normal !important;}
 #JournalFavorite .atTag {text-align: left !important;}
 {--------------------------------------------JournalTags------------------------------------------}
 #JournalTags #page-t {margin-top: 340px !important;}
 .tags_ul_all {width: 570px !important; min-width: 570px !important; max-width: 570px !important; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; background: #fff; border-top: solid 1px #e5e5e5 !important; padding-top: 20px !important;}
 .tags_header {display: none !important;}
 .tags_ul_all a {margin-left: 0px !important; font: italic 14px trebuchet ms !important; color: #000 !important; text-transform: lowercase !important;}
 .tags_ul_all a:hover {color: #c5c5c5 !important; transition: 0.5s;}
 .tags_ul_all span {font: italic 14px trebuchet ms !important; color: #999 !important; padding-right: 10px !important;}
 .submit[value="Объединить"], .submit[value="Удалить"], .submit[value="Редактировать"] {display: none !important;}
 .submit[value="Найти записи"] {background: #fff; opacity: 1; width: 140px; height: 50px; text-transform: uppercase !important; font: 13px trebuchet ms !important; color: #000 !important; letter-spacing: 1px !important;}
 a[href="?tag=-1"] {font: 13px trebuchet ms !important; color: #999 !important; text-decoration: none !important; text-transform: uppercase !important; min-width: 170px !important; position: relative; left: 5px; top: 0px; letter-spacing: 1px !important;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 #JournalCalendar #page-t {margin-top: 340px !important; background: #fff !important; width: 615px !important; min-width: 615px !important; max-width: 615px !important;}
 .calHeader {border-top: solid 1px #e5e5e5 !important; margin-bottom: 20px !important;}
 .cal-mnth {text-transform: uppercase !important; font: italic 14px trebuchet ms !important;}
 .cal-head {text-transform: lowercase !important; font: italic 16px trebuchet ms !important;}
 .calnd small {font: 14px trebuchet ms !important;}
 #JournalCalendar #page-t a {font: italic 14px trebuchet ms !important; font-weight: lighter !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font: italic 12px trebuchet ms !important; color: #999 !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: italic 12px trebuchet ms !important; color: #000 !important; background: #fff !important; border: solid 1px #e5e5e5 !important; max-width: 180px !important; text-transform: lowercase !important;}
 {--------------------------------------------------JournalDraft-------------------------------------------------}
 #JournalDraft #epigraph {display: none !important;}
 #JournalDraft .paragraph {margin-left: 0px !important;}
 #JournalDraft .singlePost.list_box {display: none !important;}
 #JournalDraft .paragraph img {max-width: 500px; height: auto;}
 #JournalDraft #page-t {margin-top: 340px !important;}
 #JournalDraft .header {margin-bottom: 20px !important;}
 #draft_title {margin-bottom: 30px !important; border: none !important;}
 #JournalDraft .header.left {margin-top: 0px !important;}
 {-----------------------------------------------JournalQuote---------------------------------------------------}
 #JournalQuote #page-t {margin-top: 340px !important;}
 #JournalQuote .header {margin-bottom: -10px !important;}
 #JournalQuote .paragraph {margin-left: 90px !important;}
 #JournalQuote .umail, .subscribe, .unsubscribe, .quote_post {display: none !important;}
 #JournalQuote .postDate {display: none !important;}
 #JournalQuote .communityName {margin-top: 20px !important; text-align: center !important; font: 14px trebuchet ms !important; letter-spacing: 1px !important; text-transform: lowercase !important; font-style: normal !important;}
 #JournalQuote .atTag {text-align: left !important;}
 {------------------------------------------header left------------------------------------------}
 .header.left a {text-align: center !important; font: 20px trebuchet ms; color: #000; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.6); letter-spacing: 2px !important;}
 .header.left {border: none !important; margin-top: 0px !important; padding-top: 20px !important; margin-bottom: 40px !important;}
 {---------------------------------------------new_post_title---------------------------------------}
 #new_post_title {margin-bottom: 20px !important; margin-top: 0px !important;}
 #rewrite, #preview {background: #fff; opacity: 1; min-width: 140px; height: 50px; text-transform: uppercase !important; font: 13px trebuchet ms !important; color: #000 !important; letter-spacing: 1px !important;}
 #draft_save {background: #fff; opacity: 1; min-width: 220px; height: 50px; text-transform: uppercase !important; font: 13px trebuchet ms !important; color: #000 !important; letter-spacing: 1px !important;}
 #DisableAutoSave {display: none !important;}
 {-------------------------------------------стр превью и стр альбома-----------------------------------------------}
 #JournalPostPreview #page-t {margin-top: 340px !important;}
 #JournalPostPreview .header {margin-bottom: -10px !important;}
 #JournalPostPreview .paragraph {margin-left: 90px !important;}
 #JournalPostPreview .atTag {text-align: left !important;}
 #JournalAlbum #page-t {margin-top: 340px !important; border-top: solid 1px #e5e5e5 !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 #addCommentArea_title {margin-top: 0px !important;}
 {----------------------------------------окно ошибки и цитата---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border-bottom: solid 1px #e5e5e5 !important; border-left: solid 1px #e5e5e5 !important; border-top: solid 1px #e5e5e5 !important; border-right: solid 1px #e5e5e5 !important; text-align: center !important; padding: 15px 20px 15px 20px !important;}
 #msgText .std_submit[value="Ok"] {font: bold 15px trebuchet ms !important; text-transform: uppercase !important; color: #000 !important; background: #fff; border: none !important;}
 #msgTextContent {font: italic 15px trebuchet ms !important; color: #000 !important; text-transform: lowercase !important;}
 #msgWinCloseBt {margin-right: 90px !important; padding-top: 5px !important;}
 #cc {text-transform: lowercase !important; font: italic 13px trebuchet ms !important; color: #000 !important; background: #fff !important; padding: 5px 7px 7px 7px !important; border: solid 1px #e5e5e5 !important; opacity: 1 !important; letter-spacing: 1px !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: #eaeaea !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;}
 .voting td {vertical-align: baseline;}
 .voting a {font: 11px trebuchet ms !important; color: #000 !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 2px !important;}
 .submit[value="Голосовать"] {background: #fff; opacity: 1; min-width: 140px; height: 40px; text-transform: uppercase !important; font: 13px trebuchet ms !important; color: #000 !important; letter-spacing: 1px !important;}

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

@темы: design