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

пятница, 16 апреля 2010

19:48

30

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

Дизайн прост - блок записей+меню уезжают под полосочку. Сам дизайн навеян некоторыми блогами на ЖЖ.

Название фэндома Hetalia
Превью:

Фото, аватары, фон, дополнительные элементы
Цветовая схема

 #add_block1 {height:132px !Important; background:url('БЛОК')no-repeat; width:1280px !important; position: fixed; top:0px; left:0px;}
 #wrapper{min-width:700px!important;width:700px; padding:0 !important;margin-top:133px}
 #side {width:120px !important; margin:0 !important}
 #page-c {width:580px !important; padding:0 !important; margin:0 !important}
 #page-t {margin:0 !important;}
 body {background: url('ФОН') repeat; background-attachment: fixed;}
 .paragraph img, .paragraph a img {max-width:500px !important ;}
 .avatar img { border-width:3px; border-color:#050505; border-style:solid; padding:1px; display: block;}
 .header span {font-family: Arial; color: #960000; text-align: left; line-height: 0.5em; font-size: 10px;}
 .postLinksBackg {display:block !important; border-top: 1px dashed #666666; border-bottom: 1px dashed #666666; margin-top: 0px !important; padding:0px 0 !important;}
 .avatar img { border-width:1px; border-color:#FE7F7F; border-style:dashed; padding:3px; display: block;}
 .avatar img {width:100px!Important;min-width:100px!important;max-width:100px!important;}
 div#myDiaryLinks, div.pageBar, .calnd { background: ; border-width:1px; border-color:#666666; border-style:dashed ; padding:7px;}
 p, td {font: arial;font-size: 10px;color: #666666;}
 input, textarea, code, kbd, pre, tt, select {background-color: #BFDEDF; border: 1px solid #666666; font: 9px arial;}
 input, textarea {background-color: #eeeeee;}
 #maincontent {font-size: 9px; font-family: arial font-size: 9px;background-color: #BFDEDF; color: #666666;text-align: justify;margin: 0 auto; padding: 0; width: 500px;}
 .postTitle, .postTitle a:link, .postTitle a:visited {color: #7F7F7F; font-family: georgia;}
 .postTitle a:hover {color: #cac7c4; font-family: georgia;}
 .atMusic, .atMood,.atTag {border-bottom: 1px dashed #dddddd;font-size:11px; font-color:#7F7F7F;}
 .atMusic, .atMood,.atTag a {font-size:11px; }
 .comments {text-align: rightpadding: 0;font-family: georgia;margin-top: 30px;text-transform: lowercase;letter-spacing: 1px; word-spacing: 2px;color: #666666;}
 .comments a, .comments a:link, .comments a:visited, .subscribe a, .unsubscribe a, .addToQuote a, .quote_post a, .quote_comment a, .prevPostLink a, .nextPostLink a, .subscribe a:link, .unsubscribe a:link, .addToQuote a:link, .quote_post a:link, .quote_comment a:link, .prevPostLink a:link, .nextPostLink a:link, .subscribe a:visited, .unsubscribe a:visited, .addToQuote a:visited, .quote_post a:visited, .quote_comment a:visited, .prevPostLink a:visited, .nextPostLink a:visited{color: #666666; padding: 0px 6px 0px 6px;}
 .comments a:hover, .subscribe a:hover, .unsubscribe a:hover, .addToQuote a:hover, .quote_post a:hover, .quote_comment a:hover, .prevPostLink a:hover, .nextPostLink a:hover {background-color: transparent;color: #aaaaaa;text-decoration: none;}
 #maincontent h2 { font-family: georgia; font-size: 10px;font-weight: normal;text-align: center;}

За часть кода благодарю Milai.

@темы: CSS-дизайн, Chrome-s perception illusion, Axis Powers Hetalia