№ 813 Простое непростое

[dizain-by-shokolad]

Страница комментариев

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

настройки

Настройки:
Дизайн: табличный, меню справа.
Заголовок - обычный, 15; текст - обычный, 14; шрифт - Arial
Цвет: загововок - #323232, ссылки - #000, текст - #616161, оффтоп - #A2A2A2

Код:

 html, body {padding: 0 !important; margin: 0 !important; background: #F0F0F0 repeat fixed top center; }
 #topNav, #bottomNav, .urlLink, .umail, .order_button, #JournalDraft .commentAuthor, #thisDiaryLinks, #photolibLink, .atTag span, .atMood span, .atMusic span, #YaSearch, #Journal .commentAuthor {display: none !important; }
 #wrapper {margin-top: 20 margin-bottom: 20 width: 90% !important; max-width: 90% !important; min-width: 600px !important; }
 #page-c {margin-right: -210px !important; }
 #page-t {margin: 20px 210px 20px 140px !important; padding-top: 1 }
 #Journal #page-t {margin: 20px 210px 20px 55px !important; }
 #Journal #postsArea {margin-left: 0; }
 #JournalCalendar #page-t, #JournalLinks #page-t, #JournalDraft #page-t, #JournalAlbum #page-t {margin-left: 55px !important; }
 #side {width: 210px !important; text-align: center; padding-top: 20 }
 #side ul {margin: 0 20 border-top: 1px solid #323232; }
 #side ul li {margin-top: 4 margin-left: 10 margin-right: 10 border-top: transparent solid 1 border-bottom: transparent solid 1 }
 #side ul li:hover {border-top: #F0F0F0 solid 1 border-bottom: #F0F0F0 solid 1 }
 #side h1 a {font-size: 20 }
 #side a {color: #F0F0F0 !important; }
 a, a:hover {text-decoration: none !important; }
 a:hover {color: #fff; }
 .paragraph a {border-bottom: 1px transparent solid; }
 .paragraph a:hover {color: #111; border-bottom: 1px #323232 solid; }
 #side a:hover {color: #242424 !important; }
 .postTitle {margin-left: 10 margin-right: 10 padding: 5px 50px 0px 5 font-size: 27 border-bottom: #323232 solid 1 }
 .postTitle span {color: #F0F0F0; border-top: #F0F0F0 solid 1 border-bottom: #F0F0F0 solid 1 padding: 2px 0; margin-left: -63 font-size: 17 font-weight: bold; }
 .postTitle h2 {margin-left: 10 margin-right: 30 }
 .singleComment .postTitle span {font-size: 14 }
 .singleComment .postTitle span {margin-left: -148 }
 .postActionLinks {position: absolute; right: -20 width: 15 top: 40 }
 .postActionLinks li {margin-left: 0 !important; }
 #JournalLinks .postActionLinks {position: relative; right: 0; top: 0; width: auto; }
 #JournalLinks .postActionLinks li {margin-left: 3px !important; }
 .postDate {position: absolute; right: 10 top: -10 font-size: 11px !important; border-bottom: 1px solid #323232; padding: 5px 0 0 0; }
 .singlePost .postContent {margin: 10px 20px 20 }
 .singleComment .postContent {margin: 20 }
 #Journal .postContent {margin: 20 }
 .singlePost, .singleComment {position: relative; margin-top: 20 }
 .countFirst, .countSecond {min-height: 100 }
 .postLinksBackg {position: absolute; top: 0 left: 0; right: 0; }
 .comments {position: absolute; left: 0; right: 0; width: 100%; }
 .comments a {position: absolute; top: 8 left: -140 background-repeat: no-repeat; width: 30 height: 30 z-index: 10; font-size: 25 font-weight: bold; overflow: hidden; letter-spacing: 30 padding: 0px 5px 0px 7 color: #f0f0f0; }
 #Journal .comments a {top: 45 left: -52 width: 40 }
 .comments a:hover {overflow: visible; letter-spacing: normal; font-weight: normal; width: auto; }
 #Journal .comments a:hover {width: auto; }
 .comments_count_link {position: absolute; right: 20 top: 37 font-size: 17 color: #f0f0f0; }
 .comments_count_link a {position: relative; right: 0; top: 0px !important; left: 0 !important; background-image: none !important; font-size: 17 font-weight: bold; letter-spacing: normal; padding: 0; color: #616161; }
 .comments_count_link a:hover {background-image: none !important; font-weight: bold; color: #242424; }
 .subscribe, .unsubscribe {position: absolute; left: -100 top: 12 }
 #Journal .subscribe, #Journal .unsubscribe {position: absolute; left: -52 top: 85 }
 .subscribe a, .unsubscribe a {position: absolute; background-repeat: no-repeat; width: 40 height: 30 font-size: 25 font-weight: bold; overflow: hidden; letter-spacing: 30 padding: 0 5px 0 6 color: #f0f0f0; }
 .subscribe a:hover, .unsubscribe a:hover {overflow: visible; letter-spacing: normal; font-weight: normal; width: auto; }
 .addToQuote, .delFromQuote {position: absolute; top: 20 right: 25 }
 .quote_post {position: absolute; top: 20 right: 45 }
 .singleComment .quote_comment {position: absolute; top: 20 right: 25 }
 .profile {position: absolute; top: 20 right: 65 }
 .singleComment .profile {right: 45 }
 .diary {position: absolute; top: 20 right: 85 }
 .singleComment .diary {right: 65 }
 .addToQuote a, .delFromQuote a, .quote_post a, .quote_comment a, .profile a, .diary a, .draft_prview_link, .draft_publish_link {position: absolute; background-repeat: no-repeat; width: 15 height: 15 overflow: hidden; color: #616161; font-size: 13 font-weight: bold; letter-spacing: 10 overflow: hidden; padding-left: 3 }
 .delFromQuote a {padding-left: 4 }
 .draft_prview_link {top: 20 right: 25 }
 .draft_publish_link {top: 20 right: 5 }
 .prevnext {left: -130 top: 10 position: absolute; width: 30 height: 30 background-repeat: no-repeat; padding: 0; }
 .prevPostLink, .nextPostLink, .prevPostLink a, .nextPostLink a {width: 30px !important; height: 15px !important; font-size: 5px !important; color: transparent; padding: 0 !important; overflow: hidden; }
 .prevPostLink a {padding-top: 3px !important; }
 .nextPostLink a {padding-bottom: 3px !important; }
 .prevPostLink a span {color: #F0F0F0; font-size: 15 padding-left: 7 }
 .nextPostLink a span {color: #F0F0F0; font-size: 15 margin-left: -22 margin-top: -10 position: absolute; }
 .authorName, .communityName {margin-left: 5 margin-right: 60 }
 .singleComment .authorName {margin-top: -25 }
 .commentAuthor {margin-left: -160 text-align: center; width: 140 margin-top: -25 }
 .singleComment .commentAuthor {margin-top: -10 }
 .commentAuthor div {margin: 0 auto 10 }
 .paragraph {margin-left: 0; }
 .sign {color: #DCDCDC; }
 .othercommposts {float: left; }
 .calHeader, #commentsArea_title, #addCommentArea_title, #new_post_title {font-weight: bold; border-top: 1px #323232 solid; border-bottom: 1px #323232 solid; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .atTag:before {content: "@tags:"; font-size: 12 font-style: italic; }
 .atMood:before {content: "@mood:"; font-size: 12 font-style: italic; }
 .atMusic:before {content: "@music:"; font-size: 12 font-style: italic; }
 .linkssection {min-height: 10 margin-left: 20 }
 .group_link {border-top: 1px solid #323232; border-bottom: 1px solid #323232; text-align: left; }
 #TagsList ul, #TagsList ul li {margin: 0; }
 #TagsList {color: #242424; }
 #post0 {margin-top: 0; }
 #post0 .postTitle {border: none; }
 .avatar {width: 130px !important; max-width: 136px !important; }
 .avatar img, #thisDiaryPhoto img {border: 3px solid #f0f0f0; }
 .postActionLinks li, .postLinksBackg a, .prevnext {opacity: 0.3; moz-opacity: 0.3; filter: alpha(opacity=30); -khtml-opacity: 0.3; }
 .avatar, #thisDiaryPhoto a, .opac6 {opacity: 0.5; }
 .postLinksBackg a:hover, .postActionLinks li:hover, .prevnext:hover, .commentAuthor:hover .avatar, #thisDiaryPhoto a:hover, .opac6:hover {opacity: 1.0; moz-opacity: 1.0; filter: alpha(opacity=100); -khtml-opacity: 1.0; }
 #cc {border: 1px solid #323232; }
 .quote_text {display: inline-block; margin: 5px 0; background: #f0f0f0; padding: 3 border-top: 1px solid #323232; border-bottom: 1px solid #323232; }
 {}
 html, body {background-image: url('ФОН'); }
 #wrapper {background: url('КАРТИНКА 1'); }
 #page-t {background: url('КАРТИНКА 2'); }
 .comments a, .subscribe a, .unsubscribe a, .prevnext {background-image: url('КАРТИНКА 3'); }
 .comments a:hover, .subscribe a:hover, .unsubscribe a:hover {background-image: url('КАРТИНКА 4'); }
 .addToQuote a, .delFromQuote a, .quote_post a, .quote_comment a, .profile a, .diary a, .draft_prview_link, .draft_publish_link {background-image: url('КАРТИНКА 5'); }

Картинки:
фон
картинка 1
картинка 2
картинка 3
картинка 4
картинка 5

При использовании дизайна просьба ставить баннер сообщества