Код дизайна с лошадками


После конкурса Дизайнов для жж, yoksel написала к моим лошадкам код :)

На деле жж с лошадками выглядит так: http://proshmotkin.livejournal.com/

Обязательное условие для тех, кто установит себе лошадок - поставьте копирайт в профайле своего журнала:
Дизайн журнала: bagra_l



Как разместить лошадок в своём жж:
1) Зайти Журнал – Оформление
2) В поиске ввести Unstyled
3) Среди миниатюрок выбрать Bloggish, нажать «применить дизайн»
4) Ниже, на той же странице выбрать «2 колонки (боковая панель справа)» - нажать под миниатюркой «применить макет». Потом нажать «Настроить выбранное оформление»
5) На новой страничке слева жмём на «Custom CSS»
6) «Use layout's "Base Weblog" stylesheet» выставляем Yes
7) В окно «Custom stylesheet» вставляем КОД ДИЗА. Жмём на «Сохранить изменения»

Вот и всё. :) Если что не понятно – спрашивайте.

КОД ДИЗА:

#lj_controlstrip { display:none;} html body{ padding:0px 0px 0px 0px; margin-top:0px; } body{ background-color:#f4f9ff; } a, a:link, a:visited, a font { color: #777; } a:hover { color:#ccc; text-decoration: none; } div#container{ margin-top:0px; margin-right:0px; background-image: url(http://yoksel.ru/i/dises/horses/lenta.gif); background-repeat:repeat-y; background-position:right; width:970px; margin-bottom:-20px; padding-bottom:30px; } div#container-inner { background-image: url(http://yoksel.ru/i/dises/horses/top.gif); background-repeat:no-repeat; background-position:right top; padding-left:110px; padding-top:230px; } div#banner{ text-align:center; color:#555; margin-bottom:110px;} #banner-inner{ width:500px; margin:0px auto;} div#pagebody{ } div#beta{ float:right; width:200px; color: #555;} div#alpha{ float:left; width:610px;} div.module-viewlinks a{ font-weight:bold;} h2.date-header{ font-size:1em; margin:0px; color:#777;} h3.entry-header{ font-size:2em; margin:0px 0px 15px 0px; color:#555;} p.entry-footer{ margin:20px 0px 30px 0px;} p.content-nav a{ font-weight:bold; color:#555;} .ljtags{ margin:20px 0px 20px 0px;} /*--comments--*/ .lj-view-entry #beta{ margin-top:20px;} div.comments{ padding:0px !important; border: 0px dotted red;} h3.comments-header{ margin-top:0px !important; color:#555; border: 0px dotted red; padding:0px; margin-bottom:25px; font-size:2em} div.comment-footer{ border-bottom: 0px dotted #eee; padding-bottom:0px; margin-top:15px; margin-bottom:25px; } div.comments-content h3.comment-header{ margin:0px; margin-bottom:3px; font-family: Arial; color:#555; font-size:1.1em; } div.comment-content{ border: 0px dotted red; padding:0px !important; line-height:1.2em; } hr{ display:none; } /*--calendar--*/ dd{ margin-left:7px; margin-bottom:10px;} #alpha-inner table, #alpha-inner table th, #alpha-inner table tr, #alpha-inner table td{ border:0px solid white !important; } .lj-view-archive #alpha-inner ul{ width:500px; text-align:center;} .lj-view-archive #alpha-inner ul li{ display:inline; padding:3px;} .lj-view-archive #alpha-inner{ width:400px; border:0px solid white !important; } .lj-view-archive #alpha-inner table{ width:380px; margin:0px auto; border:0px solid white !important; margin-bottom:20px; } .lj-view-archive #alpha-inner table td{ padding:5px; color:#777; } .lj-view-archive #alpha-inner table th{ color:#333; font-size:1.2em; padding:1px; } .lj-view-archive #alpha-inner td a{ font-weight:bold; } /*---reply---*/ .lj-view-reply #alpha-inner div{ margin-bottom:20px; } .lj-view-reply #alpha-inner table{ margin:10px 0px; } .lj-view-reply #alpha-inner td div{ margin-bottom:0px; } /*---tags---*/ .lj-view-tags #alpha-inner{ margin-top:20px; } .lj-view-tags #alpha-inner h2{ color: #555; } .lj-view-tags #alpha-inner ul{ padding-left:5px !important; border:0px solid red; margin-left:0px; } .lj-view-tags #alpha-inner ul li{ list-style:none; border:0px solid red; margin-bottom:3px; } div.skiplinks{ margin-bottom:30px; text-align:center; } div.skiplinks a{ font-weight:bold; } .day h2{ color:#555; font-size:2em;}