Песочные часы

[css-mania]

Вид:
на главной странице | на странице комментариев

Фон меню и блока записей
Фон страницы

Настройки и код

Настройки:
Шаблон: блочный, меню слева
Цвета:
Заголовок: прописан в коде
Ссылки: #a36d32*в меню - светло-кчневые, меняются на болотно-зелёный; в блоке записей меняются на терракотово-оранжевый
Запись: #7b4231
Оффтоп: #8a8842
Фон записи: прозрачный
Границ нет
Для корректного отображения надписей должны стоять шрифты Agatha-Modern и Arkhive

Код:

#wrapper{min-width:1000px!important;width:960margin: 0 auto !important;padding:0 !important;overflow:visible !important}
 #side{width:148px !important;margin:0 !important; background: url('ФОН МЕНЮ') ;}
 #side { -moz-border-radius-topleft: 20 -moz-border-radius-topright: 20 -moz-border-radius-bottomright: 20 -moz-border-radius-bottomleft: 20 -webkit-border-radius: 20px 20px 20px 20 border-radius: 20px 20px 20px 20}
 #page-c{width:848px !important;padding:0 !important;padding:0 !important; background: url('ФОН БЛОКА ЗАПИСЕЙ'); -moz-border-radius-topleft: 20 -moz-border-radius-topright: 20 -moz-border-radius-bottomright: 20 -moz-border-radius-bottomleft: 20 -webkit-border-radius: 20px 20px 20px 20 border-radius: 20px 20px 20px 20}
 #page-c { -moz-border-radius-topleft: 20 -moz-border-radius-topright: 20 -moz-border-radius-bottomright: 20 -moz-border-radius-bottomleft: 20 -webkit-border-radius: 20px 20px 20px 20 border-radius: 20px 20px 20px 20}
 #page-t {margin:0 !important}
 body {background-attachment: fixed; padding:0}
 #side, .border {decoration: none}
 .postLinksBackg {display:block !important; border-bottom: 2px dotted #b77f5c; margin-top:5px !important; padding:5px 0 !important;}
 .avatar img {display: block; margin: 0 padding: 3 text-align:center!important; background-color:#b77f5c; -moz-border-radius-topleft: 8 -moz-border-radius-topright: 8 -moz-border-radius-bottomright: 8 -moz-border-radius-bottomleft: 8 -webkit-border-radius: 8px 8px 8px 8 border-radius: 8px 8px 8px 8}
 #side h1 a{ font-family: 'Arkhive'; font-size: 24px!important; color: #74a72e!important;}
 #thisDiaryPhoto img { -moz-border-radius-topleft: 10 -moz-border-radius-topright: 10 -moz-border-radius-bottomright: 10 -moz-border-radius-bottomleft: 10 -webkit-border-radius: 10px 10px 10px 10 border-radius: 10px 10px 10px 10px!important;}
 #authorName { font-family: 'Arkhive'; font-size: 19px!important; font-weight: bold!important;}
 .postDate { font-family: 'Arkhive'; font-size: 24px!important; font-weight: bold!important; font-style: normal!important; color: #c07d20!important;}
 .postTitle { font-family: 'Georgia'; font-size: 17px!important; font-weight: bold!important; color: #bb4f24;}
 .postTitle span { font-family: 'Georgia'; font-size: 15px!important; font-weight: boldl!important; color: #c07d20;}
 #addCommentArea_title { font-family: 'Arkhive'; font-size: 20px!important; font-style: normal!important; color: #c07d20;}
 #commentsArea_title { font-family: 'Arkhive'; font-size: 20px!important; font-style: normal!important; color: #c07d20;}
 .authorName a{ font-family: "Agatha-Modern"; font-size: 22px!important;}
 .sign {font-size: 11 color: #b88128;}
 a {text-decoration: none!important; }
 a:hover {color: #CC6600; }
 #side a, side {color: #c07d20; }
 #side a:hover {color: #74a72e !important;}
 #myCommunitiesLink, #myLinks, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #sortOrder, #topNavLinks, #communityCatalogueLink, #myCommunity, #favListLink, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #subscribeEmail, #myNotepadLink, #mySFavLink {display:none!important;}
 #epigraph .postLinksBackg {display: none;}
 .commentAuthor {color: #bb4f24!important;}
 #login_change { -moz-border-radius-topleft: 10 -moz-border-radius-topright: 10 -moz-border-radius-bottomright: 10 -moz-border-radius-bottomleft: 10 -webkit-border-radius: 10px 10px 10px 10 border-radius: 10px 10px 10px 10}
 #Stats img {-moz-border-radius-topleft: 6 -moz-border-radius-topright: 6 -moz-border-radius-bottomright: 6 -moz-border-radius-bottomleft: 6 -webkit-border-radius: 6px 6px 6px 6 border-radius: 6px 6px 6px 6px!important;}