№759. Тариф "Минимальный"

[dizain-by-shokolad]

наткнулась как-то на дискуссию о том, что в дайри-интерфейсе слишком много лишних кнопочек, которые все равно дублируются на служебных страницах, задумалась и сделала вот такой вариант. а еще наконец представилась возможность запилить текстовые облачки, текстовые облачки - это ня. :3

+ 3 цветовых варианта

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


GREY

оформление комментариев, избранного: img-fotki.yandex.ru/get/6002/childlike-empress....


Дизайн блочный, навигационная панель слева
Шрифты: заголовок жирный 11, текст обычный 11, Verdana
Цвета текста: заголовок #3a3a3a, ссылки #636363, записи #434343, оффтопика #999
Цвета фона и границ оставить пустыми.



ОРНАМЕНТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДЗАМОК: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА ВВЕРХ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

КНОПКА УДАЛИТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА РЕДАКТИРОВАТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДПИСКА: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ИЗБРАННОЕ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
Ю-МЕЙЛ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ХВОСТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ПУНКТИР: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОЛОСА: s262.photobucket.com/albums/ii114/SillyPhenoBar...
БЛОКНОТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

 .block_design {background: #ececec url('ОРНАМЕНТ') 0 0 no-repeat fixed; padding: 0 !important;}
 #wrapper{ min-width: 100%; width: 100%; margin: 80px 0 0 0px !important; padding: 0 !important; }
 #add_block1 { top: 240 }
 #add_block2 { top: 330 }
 #add_block3 { top: 460 }
 #add_block4 { top: 500 }
 #add_block1, #add_block2, #add_block3, #add_block4 { position: fixed; width: 100%; height: 2 background: url('ПУНКТИР') 0 0 repeat-x; z-index: -1 !important; }
 #add_block5 { position: fixed; width: 100%; height: 100%; top: 0 left: 1010 background: url('ПОЛОСА'); z-index: 1 !important; border-left: 1px solid #c7c7cd; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side {width: 210 position: relative; margin: 150px 0 0 10px !important; text-shadow: 1px 1px 0px #ffffff;}
 #side h1 {position: absolute; top: -200 left: 230 text-align: left !important; width: 500}
 #side h1 a {font: bold italic 35px Georgia !important; color: #898989 !important; text-shadow: 2px 2px 1px #ffffff;}
 #Stats {position: fixed; top: 450 left: 80 text-align: left !important; width: 100 font: bold 12px Verdana !important; color: #898989 !important; text-transform: lowercase;}
 #thisDiaryPhoto img { border: 0px solid #bbbbbb; max-width: 45px !important; width: 45px !important;}
 #thisDiaryPhoto {position: fixed; max-width: 45px !important; width: 45px !important; height: 45px !important; background: #ffffff; border: 1px solid #bbbbbb; }
 #authorName {font: bold 12px Verdana !important; color: #; position: fixed; top: 280 left: 85 width: 120px !important; text-align: left !important;}
 #myDiaryLinks {position: fixed; top: 340 left: 80 text-transform: lowercase; font: bold 12px Verdana !important; margin: 0px 0 0 0px !important; }
 #thisDiaryOwner {position: absolute; top: -235 left: 855}
 #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #writeToAuthor {position: absolute; top: 0 }
 #subscribeEmail, #unsubscribeEmail {left: 0}
 #addToFav, #delFromFav {left: 40}
 #writeToAuthor {left: 80}
 #subscribeEmail a, #unsubscribeEmail a, #addToFav a, #writeToAuthor a { width: 60 height: 70 overflow: hidden !important; line-height: 160 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
 #subscribeEmail a, #unsubscribeEmail a {display:block; background: url('ПОДПИСКА') 0 100% no-repeat; }
 #addToFav a, #delFromFav a {display:block; background: url('ИЗБРАННОЕ') 0 100% no-repeat; }
 #writeToAuthor a {display:block; background: url('Ю-МЕЙЛ') 0 100% no-repeat; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover, #writeToAuthor a:hover, #delFromFav a, #unsubscribeEmail a {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 font: 9px Verdana !important; text-transform: lowercase; color: #898989 !important; text-shadow: none !important;}
 #delFromFav a, #unsubscribeEmail a { width: 60 height: 70 overflow: hidden !important; line-height: 160}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks,#tagslistlink, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, .urlLink, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, .sign, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #authorLiks, #login_form, #lastComments, #pchs {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #f7f5f5; margin: 0px 0px 0 230px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20 -webkit-border-top-right-radius: 0 -webkit-border-bottom-right-radius: 0 -webkit-border-bottom-left-radius: 0 -moz-border-radius-topleft: 20 -moz-border-radius-topright: 0 -moz-border-radius-bottomright: 0 -moz-border-radius-bottomleft: 0 border-top-left-radius: 20 border-top-right-radius: 0 border-bottom-right-radius: 0 border-bottom-left-radius: 0 border-top: 1px solid #e1dfdf; border-left: 1px solid #e1dfdf; min-width:0%; min-height: 900}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 720 margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #f4f4f4; padding: 15px !important; border: 1px solid #e1dfdf; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5 overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20 width: 720 font: bold 10px Verdana !important; text-transform: lowercase; color: #cfcfcf !important;}
 .authorName { top: 15 left: 90 width: 630}
 .communityName { top: -10 left: 0 font-weight: bold;}
 .postTitle { top: 35 left: 90 width: 630px !important; height: 20 overflow: hidden !important; line-height: 20 border-top: 1px dashed #bbbbbb; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65 left: 90 text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #bbbbbb; padding: 3px 0 0 0 !important; width: 630px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #cfcfcf;}
 .postLinks a, .authorName a {color: #cfcfcf;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80 height: 100 margin: 10px 0 0 0px !important; background: url('ХВОСТ') 30px 79px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #bbbbbb; width: 70px !important; height: 70 overflow: hidden !important; border: 1px solid #bbbbbb; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #f7f5f5; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10 left: 0 width: 720px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 720 color: #cfcfcf !important;}
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18 left: 0 text-align: left; margin: 0 !important; border-top: 1px dashed #bbbbbb; padding: 3px 0 0 0 !important; width: 720px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 720px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .upPostLink [src*="postup.gif"] { background: url('КНОПКА ВВЕРХ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .delPostLink [src*="postdelite.gif"] { background: url('КНОПКА УДАЛИТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .editPostLink [src*="postedit.gif"] { background: url('КНОПКА РЕДАКТИРОВАТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .postActionLinks {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .opac6 {width: 0; height: 0; background: url('ПОДЗАМОК') no-repeat ; padding: 15px 20px 10px 1px !important;}
  .tonotepadPostLink [src*="tonotepad.gif"] { background: url('БЛОКНОТ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 2px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .tonotepadPostLink [src*="tonotepad.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #ca292f; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active {color: #6c6b6c !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: italic 12px Georgia !important; text-shadow: 1px 1px 0px #ffffff;}
 img {max-width: 685 px !important;}
 span.quote_text { font: italic 12px Georgia !important; display: block; padding: 10 margin: 5 border-top: 1px dashed #cdcdcd !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #f4f4f4; border: 1px solid #e1dfdf !important; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5}
 textarea#message {width: 720px !important; }
 

можно примерить дизайн на себя без установки.
делается это так: копируете эту ссылку себе в адресную строку браузера:

http://АДРЕС ДНЕВНИКА/?design=НОМЕР ДИЗАЙНА

например, адрес моего дневника: mechanical-animal.diary.ru, номер этого дизайна: 3700325

итого, ссылка должна выглядеть так:

http://mechanical-animal.diary.ru/?design=3700325

ваш дизайн сменится на три минуты, в течение которых вы можете походить по страницам комментариев,
избранного, календаря и прочего, и посмотреть диз в действии. спустя три минуты все вернется в обычное состояние. :3


******************************************************************************************
******************************************************************************************

DARK GREY

более контрастный, возможно, не все так помешаны на еле *слышных* переходах серого. :3



оформление комментариев, избранного: img-fotki.yandex.ru/get/4906/childlike-empress....


Дизайн блочный, навигационная панель слева
Шрифты: заголовок жирный 11, текст обычный 11, Verdana
Цвета текста: заголовок #3a3a3a, ссылки #636363, записи #434343, оффтопика #999
Цвета фона и границ оставить пустыми.


ОРНАМЕНТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДЗАМОК: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА ВВЕРХ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

КНОПКА УДАЛИТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА РЕДАКТИРОВАТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДПИСКА: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ИЗБРАННОЕ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
Ю-МЕЙЛ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ХВОСТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ПОЛОСА: s262.photobucket.com/albums/ii114/SillyPhenoBar...
БЛОКНОТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

.block_design {background: #363636 url('ОРНАМЕНТ') 0 0 no-repeat fixed; padding: 0 !important;}
 #wrapper{ min-width: 100%; width: 100%; margin: 80px 0 0 0px !important; padding: 0 !important; }
 #add_block1 { top: 240 }
 #add_block2 { top: 330 }
 #add_block3 { top: 460 }
 #add_block4 { top: 500 }
 #add_block1, #add_block2, #add_block3, #add_block4 { position: fixed; width: 100%; height: 1 background: #; border-bottom: 1px dashed #646464; z-index: -1 !important; }
 #add_block5 { position: fixed; width: 100%; height: 100%; top: 0 left: 1010 background: url('ПОЛОСА'); z-index: 1 !important; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side {width: 210 position: relative; margin: 150px 0 0 10px !important; text-shadow: 1px 1px 0px #212121;}
 #side h1 {position: absolute; top: -200 left: 230 text-align: left !important; width: 500}
 #side h1 a {font: bold italic 35px Georgia !important; color: #f3bfbf !important; text-shadow: 1px 1px 1px #000;}
 #Stats {position: fixed; top: 455 left: 80 text-align: left !important; width: 100 font: bold 12px Verdana !important; text-transform: lowercase;}
 #thisDiaryPhoto img { border: 0px solid #a8a7a7; max-width: 45px !important; width: 45px !important;}
 #thisDiaryPhoto {position: fixed; max-width: 45px !important; width: 45px !important; height: 45px !important; background: #ffffff; border: 1px solid #898989; }
 #authorName {font: bold 12px Verdana !important; position: fixed; top: 280 left: 85 width: 120px !important; text-align: left !important;}
 #myDiaryLinks {position: fixed; top: 340 left: 80 text-transform: lowercase; font: bold 12px Verdana !important; margin: 0px 0 0 0px !important; color: #f3bfbf !important;}
 #side a {color: #f3bfbf !important;}
 #thisDiaryOwner {position: absolute; top: -235 left: 855}
 #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #writeToAuthor {position: absolute; top: 0 }
 #subscribeEmail, #unsubscribeEmail {left: 0}
 #addToFav, #delFromFav {left: 40}
 #writeToAuthor {left: 80}
 #subscribeEmail a, #unsubscribeEmail a, #addToFav a, #writeToAuthor a { width: 60 height: 70 overflow: hidden !important; line-height: 160 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
 #subscribeEmail a, #unsubscribeEmail a {display:block; background: url('ПОДПИСКА') 0 100% no-repeat; }
 #addToFav a, #delFromFav a {display:block; background: url('ИЗБРАННОЕ') 0 100% no-repeat; }
 #writeToAuthor a {display:block; background: url('ЮМЕЙЛ') 0 100% no-repeat; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover, #writeToAuthor a:hover, #delFromFav a, #unsubscribeEmail a {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 font: 9px Verdana !important; text-transform: lowercase; color: #898989 !important; text-shadow: none !important;}
 #delFromFav a, #unsubscribeEmail a { width: 60 height: 70 overflow: hidden !important; line-height: 160}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks,#tagslistlink, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, .urlLink, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, .sign, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #authorLiks, #login_form, #lastComments, #pchs {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #dbdada; margin: 0px 0px 0 230px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20 -webkit-border-top-right-radius: 0 -webkit-border-bottom-right-radius: 0 -webkit-border-bottom-left-radius: 0 -moz-border-radius-topleft: 20 -moz-border-radius-topright: 0 -moz-border-radius-bottomright: 0 -moz-border-radius-bottomleft: 0 border-top-left-radius: 20 border-top-right-radius: 0 border-bottom-right-radius: 0 border-bottom-left-radius: 0 border-top: 1px solid #212121; border-left: 1px solid #212121; min-width:0%; min-height: 900}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 720 margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #eeecec; padding: 15px !important; border: 1px solid #a8a7a7; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5 overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20 width: 720 font: bold 10px Verdana !important; text-transform: lowercase; color: #8b878b !important;}
 .authorName { top: 15 left: 90 width: 630}
 .communityName { top: -10 left: 0 font-weight: bold;}
 .postTitle { top: 35 left: 90 width: 630px !important; height: 20 overflow: hidden !important; line-height: 20 border-top: 1px dashed #a8a7a7; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65 left: 90 text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #a8a7a7; padding: 3px 0 0 0 !important; width: 630px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #ec8f8f;}
 .postLinks a, .authorName a {color: #ec8f8f;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80 height: 100 margin: 10px 0 0 0px !important; background: url('ХВОСТ') 30px 79px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #bbbbbb; width: 70px !important; height: 70 overflow: hidden !important; border: 1px solid #a8a7a7; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #dbdada; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10 left: 0 width: 720px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 720 }
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18 left: 0 text-align: left; margin: 0 !important; padding: 3px 0 0 0 !important; width: 720px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 720px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .upPostLink [src*="postup.gif"] { background: url('КНОПКА ВВЕРХ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .delPostLink [src*="postdelite.gif"] { background: url('КНОПКА УДАЛИТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .editPostLink [src*="postedit.gif"] { background: url('КНОПКА РЕДАКТИРОВАТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .postActionLinks {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .opac6 {width: 0; height: 0; background: url('ПОДЗАМОК') no-repeat ; padding: 15px 20px 10px 1px !important;}
 .tonotepadPostLink [src*="tonotepad.gif"] { background: url('БЛОКНОТ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 2px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .tonotepadPostLink [src*="tonotepad.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #ec8f8f; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active, #side a:hover, #side a:active {color: #fae1e1 !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: italic 12px Georgia !important; text-shadow: 1px 1px 0px #ffffff;}
 img {max-width: 685 px !important;}
 span.quote_text { font: italic 12px Georgia !important; display: block; padding: 10 margin: 5 border-top: 1px dashed #cdcdcd !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #eeecec; border: 1px solid #a8a7a7 !important; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5}
 textarea#message {width: 720px !important; }
 

для мгновенной примерки: номер этого дизайна: 3702269

******************************************************************************************
******************************************************************************************

DARK BLUE

(вариант для тех, кто не решается пожертвовать кучей кнопочек в меню, ну и просто еще один цветовой вариант)



оформление комментариев, избранного: img-fotki.yandex.ru/get/4906/childlike-empress....


Дизайн блочный, навигационная панель слева
Шрифты: заголовок жирный 11, текст обычный 11, Verdana
Цвета текста: заголовок #3b3f49, ссылки #636363, записи #3b3f49, оффтопика #999
Цвета фона и границ оставить пустыми.



ОРНАМЕНТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДЗАМОК: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА ВВЕРХ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

КНОПКА УДАЛИТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА РЕДАКТИРОВАТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ХВОСТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ПОЛОСА: s262.photobucket.com/albums/ii114/SillyPhenoBar...
БЛОКНОТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

.block_design {background: #3b3f49 url('ОРНАМЕНТ') 0 0 no-repeat; padding: 0 !important;}
 #wrapper{ min-width: 100%; width: 100%; margin: 80px 0 0 0px !important; padding: 0 !important; }
 #add_block1 { top: 180 }
 #add_block1 { position: absolute; width: 100%; height: 1 background: #; border-bottom: 1px dashed #646464; z-index: -1 !important; }
 #add_block5 { position: fixed; width: 100%; height: 100%; top: 0 left: 1010 background: url('ПОЛОСА'); z-index: 1 !important; border-left: 1px solid #727272; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side { position: relative; margin: 150px 0 0 -10px !important; padding: 0px 0 0 0px !important; text-shadow: 1px 1px 0px #212121; text-transform: lowercase; font: bold 13px Verdana !important;}
 .menuSection { border-bottom: 1px dashed #646464 !important; width: 160 padding: 10px 0 10px 70px !important; margin: 5px 0 0 0px !important; }
 #side a {color: #faeddf !important;}
 #side h1 {position: absolute; top: -200 left: 250 text-align: left !important; width: 500}
 #side h1 a {font: bold italic 35px Georgia !important; color: #faeddf !important; text-shadow: 1px 1px 1px #212121;}
 #Stats { text-align: left !important; }
 #thisDiaryPhoto img { max-width: 45px !important; width: 45px !important;}
 #thisDiaryPhoto {position: absolute; top: -30 left: 25 max-width: 45px !important; width: 45px !important; height: 45px !important; background: #ccc; border: 1px solid #464646; }
 #authorName {font: bold 12px Verdana !important; color: #; position: absolute; top: -15 left: 85 width: 120px !important; text-align: left !important; border: none !important;}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks, #rssLink, #upInChart, #YaSearch, #lastComments, .urlLink, .sign, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #login_form, #lastComments, #pchs {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #faeddf; margin: 0px 0px 0 230px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20 -webkit-border-top-right-radius: 0 -webkit-border-bottom-right-radius: 0 -webkit-border-bottom-left-radius: 0 -moz-border-radius-topleft: 20 -moz-border-radius-topright: 0 -moz-border-radius-bottomright: 0 -moz-border-radius-bottomleft: 0 border-top-left-radius: 20 border-top-right-radius: 0 border-bottom-right-radius: 0 border-bottom-left-radius: 0 border-top: 1px solid #464646; border-left: 1px solid #464646; min-width:0%; min-height: 900}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 720 margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #fdfaeb; padding: 15px !important; border: 1px solid #e0e0e0; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5 overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20 width: 720 font: bold 10px Verdana !important; text-transform: lowercase; color: #8b878b !important;}
 .authorName { top: 15 left: 90 width: 630}
 .communityName { top: -10 left: 0 font-weight: bold;}
 .postTitle { top: 35 left: 90 width: 630px !important; height: 20 overflow: hidden !important; line-height: 20 border-top: 1px dashed #a8a7a7; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65 left: 90 text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #a8a7a7; padding: 3px 0 0 0 !important; width: 630px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #f5aca8;}
 .postLinks a, .authorName a {color: #f5aca8;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80 height: 100 margin: 10px 0 0 0px !important; background: url('ХВОСТ') 30px 77px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #bbbbbb; width: 70px !important; height: 70 overflow: hidden !important; border: 1px solid #a8a7a7; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #faeddf; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10 left: 0 width: 720px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 720 }
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18 left: 0 text-align: left; margin: 0 !important; padding: 3px 0 0 0 !important; width: 720px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 720px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .upPostLink [src*="postup.gif"] { background: url('КНОПКА ВВЕРХ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .delPostLink [src*="postdelite.gif"] { background: url('КНОПКА УДАЛИТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .editPostLink [src*="postedit.gif"] { background: url('КНОПКА РЕДАКТИРОВАТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .postActionLinks {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .opac6 {width: 0; height: 0; background: url('ПОДЗАМОК') no-repeat ; padding: 15px 20px 10px 1px !important;}
 .tonotepadPostLink [src*="tonotepad.gif"] { background: url('БЛОКНОТ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 2px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .tonotepadPostLink [src*="tonotepad.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #d99894; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active, #side a:hover, #side a:active {color: #c2c2c2 !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: italic 12px Georgia !important; text-shadow: 1px 1px 0px #ffffff;}
 img {max-width: 685 px !important;}
 span.quote_text { font: italic 12px Georgia !important; display: block; padding: 10 margin: 5 border-top: 1px dashed #cdcdcd !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #fdfaeb; border: 1px solid #e0e0e0 !important; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5}
 textarea#message {width: 720px !important; }

для мгновенной примерки: номер этого дизайна: 3702464

******************************************************************************************
******************************************************************************************

BLUE

голубенький, wiiii!!



оформление комментариев, избранного: img-fotki.yandex.ru/get/5501/childlike-empress....


Дизайн блочный, навигационная панель слева
Шрифты: заголовок жирный 11, текст обычный 11, Verdana
Цвета текста: заголовок #3a3a3a, ссылки #636363, записи #434343, оффтопика #999
Цвета фона и границ оставить пустыми.

ОРНАМЕНТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДЗАМОК: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА ВВЕРХ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

КНОПКА УДАЛИТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
КНОПКА РЕДАКТИРОВАТЬ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ПОДПИСКА: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ИЗБРАННОЕ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
Ю-МЕЙЛ: s262.photobucket.com/albums/ii114/SillyPhenoBar...
ХВОСТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

ПОЛОСА: s262.photobucket.com/albums/ii114/SillyPhenoBar...
БЛОКНОТ: s262.photobucket.com/albums/ii114/SillyPhenoBar...

.block_design {background: #d0dce1 url('ОРНАМЕНТ') 0 0 no-repeat fixed; padding: 0 !important;}
 #wrapper{ min-width: 100%; width: 100%; margin: 80px 0 0 0px !important; padding: 0 !important; }
 #add_block1 { top: 240 }
 #add_block2 { top: 330 }
 #add_block3 { top: 460 }
 #add_block4 { top: 500 }
 #add_block1, #add_block2, #add_block3, #add_block4 { position: fixed; width: 100%; height: 1 background: #; border-bottom: 1px dashed #b7c1c6; z-index: -1 !important; }
 #add_block5 { position: fixed; width: 100%; height: 100%; top: 0 left: 1010 background: url('ПОЛОСА'); z-index: 1 !important; border-left: 1px solid #c7c7cd; }
 {------------------------------------------------------ menu -------------------------------------------------------}
 #side {width: 210 position: relative; margin: 150px 0 0 10px !important; text-shadow: 1px 1px 0px #b9b8b8;}
 #side a {color: #f7f9fe !important;}
 #side h1 {position: absolute; top: -200 left: 230 text-align: left !important; width: 500}
 #side h1 a {font: bold italic 35px Georgia !important; color: #ecf1f2 !important; text-shadow: 2px 2px 1px #b9b8b8;}
 #Stats {position: fixed; top: 450 left: 80 text-align: left !important; width: 100 font: bold 12px Verdana !important; color: #898989 !important; text-transform: lowercase;}
 #thisDiaryPhoto img { border: 0px solid #bbbbbb; max-width: 45px !important; width: 45px !important;}
 #thisDiaryPhoto {position: fixed; max-width: 45px !important; width: 45px !important; height: 45px !important; background: #ffffff; border: 1px solid #bbbbbb; }
 #authorName {font: bold 12px Verdana !important; color: #; position: fixed; top: 280 left: 85 width: 120px !important; text-align: left !important;}
 #myDiaryLinks {position: fixed; top: 340 left: 80 text-transform: lowercase; font: bold 12px Verdana !important; margin: 0px 0 0 0px !important; }
 #thisDiaryOwner {position: absolute; top: -235 left: 855}
 #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #writeToAuthor {position: absolute; top: 0 }
 #subscribeEmail, #unsubscribeEmail {left: 0}
 #addToFav, #delFromFav {left: 40}
 #writeToAuthor {left: 80}
 #subscribeEmail a, #unsubscribeEmail a, #addToFav a, #writeToAuthor a { width: 60 height: 70 overflow: hidden !important; line-height: 160 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
 #subscribeEmail a, #unsubscribeEmail a {display:block; background: url('ПОДПИСКА') 0 100% no-repeat; }
 #addToFav a, #delFromFav a {display:block; background: url('ИЗБРАННОЕ') 0 100% no-repeat; }
 #writeToAuthor a {display:block; background: url('Ю-МЕЙЛ') 0 100% no-repeat; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover, #writeToAuthor a:hover, #delFromFav a, #unsubscribeEmail a {filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
 #subscribeEmail a:hover, #unsubscribeEmail a:hover, #addToFav a:hover, #delFromFav a:hover {overflow: visible !important; line-height: 10 font: 9px Verdana !important; text-transform: lowercase; color: #898989 !important; text-shadow: none !important;}
 #delFromFav a, #unsubscribeEmail a { width: 60 height: 70 overflow: hidden !important; line-height: 160}
 {------------------------------------------------------ display none -------------------------------------------------------}
 #globalLinks,#tagslistlink, #postsCalendar, #rssLink, #upInChart, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #headlineList, #YaSearch, #myLinks, #myLinksLink, #lastComments, .urlLink, #myDraftLink, #myNotepadLink, #myProfileLink, #albumLink, #optionsLink, #photolibLink, .sign, #sortOrder, .prevPostLink, .nextPostLink, .prevNextLinks, .postLinksOld, .diary, #authorLiks, #login_form, #lastComments, #pchs {display: none !important;}
 {------------------------------------------------------ posts -------------------------------------------------------}
 #page-t { background: #ecf1f2; margin: 0px 0px 0 230px !important; padding: 30px 10px 10px 10px !important; -webkit-border-top-left-radius: 20 -webkit-border-top-right-radius: 0 -webkit-border-bottom-right-radius: 0 -webkit-border-bottom-left-radius: 0 -moz-border-radius-topleft: 20 -moz-border-radius-topright: 0 -moz-border-radius-bottomright: 0 -moz-border-radius-bottomleft: 0 border-top-left-radius: 20 border-top-right-radius: 0 border-bottom-right-radius: 0 border-bottom-left-radius: 0 border-top: 1px solid #b7c1c6; border-left: 1px solid #b7c1c6; min-width:0%; min-height: 900}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width: 720 margin: 0px 0px 0px 10px !important; }
 .singlePost {position: relative; margin: 10px 0 40px 0 !important;}
 .singleComment {position: relative; margin: 0 0 20px 0 !important;}
 .paragraph { margin: 100px 0px 0 0px !important; background: #f7f9fe; padding: 15px !important; border: 1px solid #d0d0d0; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5 overflow: hidden !important; }
 .postDate, .authorName, .communityName, .postTitle, .postLinksBackg { position: absolute; }
 .postDate { top: -20 width: 720 font: bold 10px Verdana !important; text-transform: lowercase; color: #cfcfcf !important;}
 .authorName { top: 15 left: 90 width: 630}
 .communityName { top: -10 left: 0 font-weight: bold;}
 .postTitle { top: 35 left: 90 width: 630px !important; height: 20 overflow: hidden !important; line-height: 20 border-top: 1px dashed #bbbbbb; padding: 5px 0 5px 0 !important; }
 .postLinksBackg { top: 65 left: 90 text-align: left; margin: 0 !important; text-transform: lowercase; border-top: 1px dashed #bbbbbb; padding: 3px 0 0 0 !important; width: 630px !important; font: bold 10px Verdana !important;}
 .postLinks {margin: 0 0 0 -10px !important; color: #bed2d9;}
 .postLinks a, .authorName a {color: #bed2d9;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #797979; text-decoration: none !important;}
 .commentAuthor {width: 80 height: 100 margin: 10px 0 0 0px !important; background: url('ХВОСТ') 30px 77px no-repeat !important;}
 .avatar img { width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
 .avatar { background: #bbbbbb; width: 70px !important; height: 70 overflow: hidden !important; border: 1px solid #bbbbbb; }
 {------------------------------------------------------ journale and draft page -------------------------------------------------------}
 #Journal #page-t, #JournalDraft #page-t { padding: 10px !important; margin: 0px 0px 0 230px !important;}
 #Journal .paragraph, #JournalDraft .paragraph { margin: 35px 0px 0 0px !important; background: #ecf1f2; padding: 0 !important; border: none; border-radius: none !important; }
 #Journal .postTitle, #JournalDraft .postTitle { top: -10 left: 0 width: 720px !important; padding: 5px 0 0px 0 !important; }
 #Journal .postDate, #JournalDraft .postDate { top: -30px !important; width: 720 color: #cfcfcf !important;}
 #Journal .postLinksBackg, #JournalDraft .postLinksBackg { top: 18 left: 0 text-align: left; margin: 0 !important; border-top: 1px dashed #bbbbbb; padding: 3px 0 0 0 !important; width: 720px !important; }
 #epigraph .singlePost {margin: 0 !important; width: 720px !important; }
 #epigraph .postTitle {display: none !important;}
 .post0 {margin: 0 !important; padding: 0 !important; }
 {------------------------------------------------------ buttons -------------------------------------------------------}
 .upPostLink [src*="postup.gif"] { background: url('КНОПКА ВВЕРХ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .delPostLink [src*="postdelite.gif"] { background: url('КНОПКА УДАЛИТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .editPostLink [src*="postedit.gif"] { background: url('КНОПКА РЕДАКТИРОВАТЬ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 0px !important; height:0px !important; margin: -2px 0 0 -2 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .upPostLink [src*="postup.gif"]:hover, .delPostLink [src*="postdelite.gif"]:hover, .editPostLink [src*="postedit.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .postActionLinks {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 .opac6 {width: 0; height: 0; background: url('ПОДЗАМОК') no-repeat ; padding: 15px 20px 10px 1px !important;}
 .tonotepadPostLink [src*="tonotepad.gif"] { background: url('БЛОКНОТ') 0 0 no-repeat !important; width: 19 padding: 22px 0px 0px 2px !important; height:0px !important; margin: -2px 0 0 1 filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 .tonotepadPostLink [src*="tonotepad.gif"]:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0;}
 {------------------------------------------------------ stuff -------------------------------------------------------}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #68a5bd; text-decoration: none !important;}
 #side h1 a:hover, #side h1 a:active, #side a:hover, #side a:active {color: #6c6b6c !important; text-decoration: none !important;}
 .atTag, .atMusic, .atMood { font: italic 12px Georgia !important; text-shadow: 1px 1px 0px #ffffff;}
 img {max-width: 685 px !important;}
 span.quote_text { font: italic 12px Georgia !important; display: block; padding: 10 margin: 5 border-top: 1px dashed #cdcdcd !important; border-bottom: 1px dashed #cdcdcd !important;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #f7f9fe; border: 1px solid #d0d0d0 !important; -webkit-border-radius: 5 -moz-border-radius: 5 border-radius: 5}
 textarea#message {width: 720px !important; }
 

для мгновенной примерки: номер этого дизайна: 3702701

******************************************************************************************
******************************************************************************************
p.s. дизайны можно видоизменять, брать за основу для собственных разработок и прочее. просьба при изменении
диза ставить кредит в эпиграф или профиль (помимо банера сообщества) с ссылкой на тему оригинального дизайна.

уфф, устала пост собирать. ~_~