Дизайн "Незнакомка II"

[neznakomka_ksu]

Стиль: S2 Expressive
Тестировался в браузерах: Mozilla, Google Chrome, Opera
Разрешение экрана: 1024+
Заголовок и подзаголовок: только заголовок
Комментарии в стиле журнала: да
Сайдбар: слева
Ширина ленты: 780px (картинки не обрезаются)

Просьба, если берете дизайн, указывайте, пожалуйста в профиле авторство (скопируйте в профиль "О себе" строку): Дизайн создан neznakomka_ksu
Если какие-то вопросы возникнут, что-то не будет получаться при установке - пишите, попробуем разобраться)

1. Заходим на страницу Выберите стиль журнала. В строку поиска, которая находится справа, вводим Unstyled. Получаем три макета, выбираем Expressive (нажимаем “Применить макет”).
2. Выбираем макет журнала - 2 колонки, боковая панель слева.
3. Переходим по ссылке "Настроить свой стиль". Выбираем Custom CSS.
4. Проверяем, чтобы напротив строки «Use layout's "Base Weblog" stylesheet» стояло «yes»; В поле Custom stylesheet вставляем код. Нажимаем "сохранить"

/* created by http://neznakomka-ksu.livejournal.com/ */ body{ font-family: Palatino Linotype; font-size:14px; background-color: black; background-repeat: repeat; background-position: center top; background-attachment: scroll; } #container{ width: 1054px !important; margin: 0px auto 0px auto; } #container-inner{ width: 1054px !important; margin: 0px auto 0px auto; background:url(http://www.pictureshack.ru/images/68095_122120-1024x768-3.jpg) no-repeat left top; } div#alpha{ width: 820px !important; margin:0px; padding:0px; } div#beta{ width: 200px !important; padding:0px; margin:0px; } #header{ position:relative; width:1054px; height:581px; padding:0px; margin-bottom:50px; margin-top:50px; } div#header-text{ text-align:center; } ul.nav{ position:relative; text-align:right; margin-left:800px; margin-top:400px; font-family:Constantia; font-size: 20px; font-weight:bolder; font-style:italic; background-color:transparent; width:200px; height:200px; } .nav a { color:white; margin-left:15px; font-weight:bolder; text-decoration: none; text-shadow:2px 2px 2px #716E80!important; font-family:Constantia; } .nav a:hover { color:white; font-weight:bolder; text-decoration: none; } ul.nav li.item{ border:none; float:none; display:bloc; padding: 5px; } #header-name { width: 1020px; height: 50px; left: 0px; top: -45px; text-align:center; font-size:30px; font-weight:normal; font-style:italic; font-family: Constantia; position: absolute; background-color: rgba(255, 255, 255, 0.3); } #header-name a{ color: white; text-decoration:none; text-shadow:2px 2px 2px #716E80!important; } #header-name a:hover{ text-decoration:none; } #header-description{ display:none; } #header-inner{ border:0px solid blue; margin: 0px; padding:0px; height: 600px; width: 990px; } #content { padding:0px; margin:0px; margin-bottom:30px; } #content-inner { padding:0px; margin:0px; } #alpha { padding:0px; margin:0px; } #alpha-inner { padding: 0px; margin: 0px; } #beta { float: left; margin: 0px; padding: 0px; } #beta-inner { padding: 0px; margin:0px; } #gamma { display:none; } .powered-widget { display:none; } .widget { width:200px; font-size:14px; padding:0px; margin:0px; background-image: url(http://img-fotki.yandex.ru/get/5632/31433741.1/0_a5e33_e38a62e4_XL.jpg); } .widget-inner { width:190px; padding:0px; margin:0px; text-align:center; } .widget-inner a { color:#8B4726; text-decoration:none; font-weight:bold; } .widget-inner a:hover { color:#8B4726; font-weight:bold; } h3.widget-header { background:url(http://www.pictureshack.ru/images/17634_f6b50e049bb5-2.png) repeat-x; width:200px; height:18px; padding:0px; margin:0px; font-size:0px; } .about-me-widget{ text-align:center; margin:0px; } div.about-me-widget div.user-pic{ margin-left:20%; margin-top: 7px; padding:4px; border: 4px solid #8B4726; } .stream-header { display:none; } p.prevnext, .skiplinks { width:780px; text-align:right; font-size:18px; margin-top:10px; border:none; font-family:Constantia; } p.prevnext a, .skiplinks a{ color:white; text-decoration:none; font-weight:bold; font-family:Constantia; } p.prevnext a:hover, .skiplinks a:hover{ text-decoration:none; } .asset { width:780px; margin:0px; padding:0px; background-image: url(http://img-fotki.yandex.ru/get/5632/31433741.1/0_a5e33_e38a62e4_XL.jpg); margin-bottom:20px; } .asset-inner { width:760px; padding-left:10px; padding-right:10px; padding-top:10px; } .asset-body { width: 760px; padding:0px; margin-top:-10px; } .asset-content { width:760px; text-align:justify; margin:0px; padding:0px; } div.asset-content a { color:#8F3E02; font-weight:bolder; text-decoration:none; } div.asset-content a:hover { color:#8F3E02; text-decoration:underline; } .asset-header { background:url(http://www.pictureshack.ru/images/84010_Untitled-1.png) top left no-repeat; width:610px; font-size:23px; font-family: Constantia; text-align:right; padding:0px; margin:0px; } .asset-header a{ color:#8B4726; text-decoration:none; font-size:23px; font-weight: bold; } .asset-header a:hover { color:#8B4726; text-decoration: none; font-weight: bold; } .asset-header-content-inner { padding-left:65px; margin:0px; } div.asset-header li.item { float:right; border: none; color:black; font-family: Constantia; font-size:12px; } div.asset-header li.item span { margin-left:-10px; } div.asset-footer{ background-image: url('http://www.pictureshack.ru/images/28973_f6b50e049bb5.png'); background-repeat: repeat-x; width:820px; height:55px; } .user-icon { float:right; padding-left:10px; padding-bottom:4px; margin-top:-70px; border:none; background-color:transparent !important; text-align:center; font-size:11px; } .user-icon img{ padding:4px; border:4px solid #8B4726; } .user-icon span { background-color:transparent !important; } .asset-tags { width:740px; position: relative; } h4.asset-tags-header { font-size:18px !important; font-family:Constantia !important; font-weight:bold; margin-left:2px; color:#8B4726; } .asset-tags-list { font-size:12px; padding-left:3px; } .entryMetadata-label { color: black; font-size:16px; font-wight:bold; padding-right: 10px; font-family:Constantia; } div.lj-currents { color: black; font-family:Constantia; } ul.asset-meta-list{ font-size: 16px; font-family: Constantia; font-weight:normal; } ul.asset-meta-list a{ color: #8B4726; font-family: Constantia; font-weight:normal; text-decoration:none; font-size: 16px; } ul.asset-meta-list a:hover { } li.asset-meta-comments, li.asset-meta-no-comments{ border-left: 0px solid #ccc !important; float:none !important; display:inline !important; } div.asset-meta ul.asset-meta-list{ border:0px solid red; margin:0px; padding:0px; padding:0px 0px 5px 0px; text-align:center; } div#comments { width:780px; font-size:14px; margin:0px; padding:0px; background-image: url(http://img-fotki.yandex.ru/get/5632/31433741.1/0_a5e33_e38a62e4_XL.jpg); border-bottom: 10px solid #8B4726; } div#comments a{ color:#8B4726; text-decoration:none; font-family:Palatino Linotype; font-size:14px; font-weight:bold; } div#comments a:hover { text-decoration:none; font-family:Palatino Linotype; font-weight:bold; } h2.comments-header { width:820px; height:55px; font-size:0px; background-image: url('http://www.pictureshack.ru/images/28973_f6b50e049bb5.png'); background-repeat: repeat-x; } div.comment-inner div.user-icon { float:left; margin-right:5px; margin-top: 0px; } div#comments-inner { width:740px; font-size:14px; } div.comment-date{ font-size:12px; color:black; } div.comment-body { margin:5px; font-size:14px; padding-top:10px; padding-bottom:10px; } div.comment-even{ border: none; } .comment-odd { background-color: #FFD39B; } ul.year { text-align: center; margin-top:0px; } ul.year li, ul.year li.active{ font-size: 18px; color: white; padding: 0px 10px 0px 10px; } table.yeartable{ margin: 0px auto 0px auto; width: 400px; } table.yeartable td.yeardate, table.yeartable td.yearday{ padding: 3px; } table.yeartable td.yeardate{ padding: 3px; } #page div.asset-tags a, #page div.lj-currents ul li a{ font-size: 14px; font-weight:bold; color: #8B4726; } #page div.lj-currents a:hover, #page div.asset-tags a:hover{ background:transparent; } .lj-view-tags #alpha-inner{ width: 600px !important; margin-top: 21px; margin-left:20px; padding:20px; background-image: url(http://img-fotki.yandex.ru/get/5632/31433741.1/0_a5e33_e38a62e4_XL.jpg); font-weight:bold; font-size:16px; font-family:Constantia; border-top: 10px solid #8B4726; } .lj-view-tags #alpha-inner ul { list-style:none; margin-left: 0px; text-align: center; color:#8B4726; font-family:Constantia; } .lj-view-tags #alpha-inner a{ font-weight: bold; text-decoration: none; } .lj-view-tags #alpha-inner a:hover{ text-decoration: underline; } .datetime{ font-weight: bold; }