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

[zorrina]

После конкурса Дизайнов для жж, 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;}