Дизайн "Дневники"

[neznakomka_ksu]

Захотелось чего-то романтичного и "девачкового"... и вот что получилось)

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

Просьба, если берете дизайн, указывайте, пожалуйста в профиле авторство (скопируйте в профиль "О себе" строку): Дизайн создан 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-image: url('http://img-fotki.yandex.ru/get/6422/31433741.1/0_a03dc_4d5c2312_XL.jpg'); background-repeat:repeat; background-position:center top; background-attachment:scroll; } #container{ width: 1024px !important; margin: 0px auto 0px auto; } #container-inner{ width: 1024px !important; margin: 0px auto 0px auto; } div#alpha{ width: 820px !important; margin:0px; background-image: url('http://img-fotki.yandex.ru/get/6520/31433741.1/0_a03db_6de53cba_L.jpg'); border-radius:20px; } div#beta{ width: 200px !important; margin-top: 0px; } #header{ background:url(http://www.pictureshack.ru/images/4110_Untitled-3.jpg); width:1024px; height:427px; position: relative; padding:0px; margin-top:50px; margin-bottom:50px; } div#header-text{ width:1024px; } ul.nav{ position: absolute; width:1024px; height:50px; margin-left:0px; top:-50px; text-align:center; font-size: 25px; background-color:rgba(255, 255, 255, 0.3); font-family: Book Antiqua; font-style:italic; } .nav a { color:#9D6A36; text-decoration: none; margin-left: 20px; font-weight:bold; } .nav a:hover { color:#9D6A36; text-decoration: none; } ul.nav li.item{ border:none; float:none; display:inline; padding-right: 0px; } #header-name { width: 1024px; height: 55px; top: 425px; text-align:right; font-size:50px; font-weight:bold; background-color:rgba(255, 255, 255, 0.3); font-family: Book Antiqua; font-style:italic; position: absolute; } #header-name a { color:#9D6A36; font-weight:bolder; text-decoration: none; } #header-name a:hover { color:#9D6A36; font-weight:bolder; text-decoration: none; } #header-description{ display: none; } #content { padding:0px; } #content-inner { padding:0px; margin:0px; } #alpha { padding:0px; margin:0px; } #alpha-inner { padding: 0px; margin: 0px; } #beta { float: left; padding: 0px; } #beta-inner { padding: 0px; margin:0px; } #gamma { display: none; } .widget { width:200px; font-family:Book Antiqua; font-weight:bold; text-align: center; border-radius:20px; } .widget-inner { background-image: url('http://img-fotki.yandex.ru/get/6520/31433741.1/0_a03db_6de53cba_L.jpg'); width:190px; padding: 4px; } .widget-inner a { font-size: 14.5px; color:#7c835a; text-decoration:none; font-weight:bold; } .widget-inner a:hover { font-size: 14.5px; color:#7c835a; font-weight:bold; } .about-me-widget{ text-align:center; } div.about-me-widget div.user-pic{ margin-left:15%; padding:3px; border:3px solid #eeb9cb ; } h3.widget-header { font-family:Book Antiqua; font-style:italic; padding:3px; margin:0px; font-size:18px !important; color:#9D6A36; font-weight:bolder; text-align: center; } h3.widget-header a { font-family:Book Antiqua; font-style:italic; font-size:18px !important; color:#9D6A36; font-weight:bolder; } .powered-widget{ display:none; } .stream-header { display: none; } .calendar-widget { font-size: 14px; } p.prevnext, .skiplinks { width:740px; text-align:right; font-size:14px; } p.prevnext a, .skiplinks a{ color:#9D6A36; font-weight:bolder; text-decoration:none; font-variant:small-caps; } p.prevnext a:hover, .skiplinks a:hover{ text-decoration:underline; color:#9D6A36; font-variant:small-caps; } .asset { width:785px; margin:0px; padding-left:6px; } .asset-inner { width:785px; margin:0px; } .asset-body { width: 785px; padding:0px; margin:0px; margin-bottom:15px; } .asset-header { width:810px; height:100px; padding:0px; margin:0px; text-align: left; font-family:Book Antiqua; font-style:italic; background:url(http://www.pictureshack.ru/images/69676_Untitled-1.png) top right no-repeat; } .asset-header a{ text-decoration:none; font-size:30px; color:#7c835a; font-weight:bold; } .asset-header a:hover { text-decoration:none; } .asset-header-content-inner { padding-left:0px; margin-top:0px; } div.asset-header li.item { width:810px; float:left; border: 0px; color:#9D6A36; font-size:14px; font-family: Book Antiqua; margin-top:0px; margin-left:-20px; !important; } div.asset-header li.item span { width:810px; margin-left:0px; margin-top:0px; color: #9D6A36; font-size:14px; } .asset-content { width:720px; text-align:justify; margin:0px; margin-left: 10px; margin-top:0px; padding:0px; } div.asset-content a { color:#9D6A36; text-decoration:none; } div.asset-content a:hover { color:#9D6A36; text-decoration:underline; } .user-icon { float:right; padding-right:0px; padding-bottom: 4px; padding-left:4px; border:none; background-color:transparent !important; text-align:center; font-size:12px; } .user-icon img{ padding:3px; border:3px solid #eeb9cb; } .user-icon span { background-color:transparent !important; } .asset-tags { width:700px; position: relative; font-weight:bold; } h4.asset-tags-header { font-size:18px !important; font-weight:bold; font-family:Cambria; margin-left:2px; color:#7c835a; } .asset-tags-list { font-size:14px; padding-left:3px; font-weight:bold; } .asset-tags-list li.item a:hover { text-transform:none; font-weight:bold; background-color:transparent; } ul.asset-meta-list{ padding-left:10px; font-family:Cambria; font-size: 14px; font-weight:bold; } .asset-meta-list .item{ border: 0px; } ul.asset-meta-list a{ color: #7c835a; font-weight:bold; text-decoration:none; } ul.asset-meta-list a:hover { color: #7c835a; } div.asset-footer{ background:url(http://www.pictureshack.ru/images/69361_Untitled-3.png) no-repeat left; padding:0px; margin:0px; height:100px; } div#comments { width:750px; font-size:14px; margin:0px; padding:0px; } h2.comments-header { display: none; } div#comments a{ color: #7c835a; text-decoration:none; font-size:12px; font-weight:bold; } div#comments a:hover { color: #9D6A36; text-decoration: none; font-size:12px; font-weight:bold; } div#comments-inner { width:750px; } div.comment-date{ color: #9D6A36; font-size:12px; font-weight:bold; } div.comment-body { font-size:14px; padding: 10px; } div.comment-links a { color:#9D6A36; font-size:12px; } div.comment-links a:hover { color:#9D6A36; font-size:12px; } div.comment-even{ background-color:rgba(255, 255, 255, 0.3); -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 5px; } ul.year { text-align: center; margin-top:0px; } ul.year li, ul.year li.active{ font-size: 18px; color: #000; 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: #9D6A36; } #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; } .lj-view-tags #alpha-inner ul { list-style:none; margin-left: 0px; text-align: left; color: #000; } .lj-view-tags #alpha-inner a{ font-weight:normal; text-decoration: none; color: #9D6A36; } .lj-view-tags #alpha-inner a:hover{ color: #9D6A36; text-decoration: underline; } .entryMetadata-label { color: #7c835a; font-size:16px; font-wight:bold; font-family:Cambria; padding-right: 10px; } div.lj-currents { color: #9D6A36; font-weight: bold; } .datetime{ font-weight: bold; }