LJ Layout #003: Elena Ksenofontova

[ruthenia_alba]

Дизайн по заказу для izumi_amaya.






По любезному разрешению izumi_amaya публикую код и настройки установки.

Внимание: дизайн сверстан для разрешения экрана 1280*!

1. В настройках журнала выбираете тему Flexible Squares и жмете кнопку внизу "Customise selected theme ->".

2. В левом меню выбираете пункт "Custom CSS". В разделе "Page" ставите:

- Use layout's stylesheet(s): Yes
- Use layout's stylesheet(s) when including custom external stylesheet: No
- Use external stylesheets: No

3. В окошко Custom stylesheet вставляете текст:

/* Template: Elena Ksenofontova */
/* Date: March 5, 2008 */
/* S2 Style: Flexible Squares */
/* Design by Ruthenia Alba (www.livejournal.com/ruthenia_alba) */
/* Codes by Yoksel (http://yoksel.livejournal.com/) & Ruthenia Alba */

html

body{
padding:0px 0px 0px 0px;
margin:0px;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/bg.jpg);
background-repeat:repeat;
background-attachment:scroll;
text-align:left;
}

ul{
margin:0px;
padding:0px;}

li{list-style:none;
margin:0px;
padding:0px;
border:0px;}

/* a (links) */

a, a:link, a:visited {
color: #571e4a;
text-decoration:none;
}

a:hover {
color: #76516d;
text-decoration:underline;
}

p{
margin-top:0px;}

/* content */

div#content{
width: 1150px;
border:0px;
padding:0px 0px 0px 0px;
margin-top:0px;
background-color:transparent;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/bg-image.gif);
background-repeat:repeat;
}

div.title{
border:0px;
padding:10px 0px 0px 350px;
color: #e2d1aa;
font-size:11px;
font-family:"Georgia";
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align:left;
}

div.subtitle{
border:0px;
padding:0px 0px 0px 350px;
color: #e2d1aa;
font-size:10px;
font-family:"Georgia";
font-weight: bold;
letter-spacing: 1px;
text-align:left;
}

/*left navigation*/

ul.navheader{
border: 0px;
padding:200px 0px 0px 10px;
width:183px;
}

ul.navheader li{
display:block;
height:45px;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/bg-menu.gif);
background-position:top left;
background-repeat:no-repeat;
padding:20px 0px 0px 2px;
width:183px;
font-size:12px;
font-family:"Georgia";
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration:none;
text-align:center;
border:0px;
color: #571e4a;
}

/* header */

div#header{
background-color:transparent;
border:0px;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/top-header.jpg);
background-repeat:no-repeat;
background-position:top left;
margin-top:0px;
text-align:left;
padding:20px 0px 180px 0px;
}

div#header a,
div#header a:link,
div#header a:visited,
div#footer a,
div#footer a:link,
div#footer a:visited {
color: #571e4a;
text-decoration: none;
}

div#header a:hover,
div#footer a:hover {
color: #76516d;
text-decoration: underline;
}

/*sidebar title*/

li.sbartitle{
background-color:transparent;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/sbar-title2.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
padding:20px 0px 0px 0px;
height:45px;
font-weight:bold;
color: #b08f6c;
border:0px;
text-align:center;
}

/*sidebar*/

div#sidebar{
background-color:transparent;
margin-top:-30px;
border:0px;
padding: 0px 0px 0px 45px;
text-align:center;
font-family:"Georgia";
font-size:12pt;
color:#b08f6c;
}

div#sidebar a,
div#sidebar a:link,
div#sidebar a:visited{
color: #571e4a;
text-decoration:none;
}

div#sidebar a:hover {
color: #76516d;
text-decoration:underline;
}

/*sidebar userpic*/

div.defaultuserpic{
text-align:center;
}

/*sidebar calendar*/

.calendar td{
padding:3px;
}

.sbarcalendar {
border:0px;
font-family:"Georgia";
color: #b08f6c;
font-size:10pt;
}

.sbarcalendarposts {
padding:10px 0px 0px 0px;
background:#f4f0e8;
color:#b08f6c;
border:1px solid #b08f6c;
}

div#sidebar .sbarcalendarposts a,
div#sidebar .sbarcalendarposts a:link,
div#sidebar .sbarcalendarposts a:visited{
color: #571e4a;
text-decoration:none;
}

div#sidebar .sbarcalendarposts a:hover{
color: #76516d;
text-decoration:underline;
}

/*sidebar page summary*/

#sidebar_summary li.sbaritem{
border-bottom:1px dashed #E8DFD4;
padding:5px 0px;
font-size:9pt;
font-family:"Georgia";
line-height:1em;}

span.count{
font-weight:bold;}

div.sbarbody{
padding:0px;
border:0px;
}

div.sbarbody2{
padding:0px;
font-size:9pt;
font-family:"Georgia";
border:0px;
}

.sbarcontent{
padding:0px;
font-size:9pt;
}

/*sidebar tags*/

div#sidebar_tags li.sbaritem{
font-size:10pt;
line-height:1em;
font-family:"Georgia";
}

/*sidebar links*/

div#sidebar_linklist li.sbaritem{
font-size:9pt;
line-height:1.5em;
border-bottom:1px dashed #E8DFD4;
padding: 3px 0px 0px 0px;
font-family:"Georgia";
}

/*main content*/

div#maincontent{
background-color:transparent;
border:0px;
padding:0px 100px 0px 100px;
margin-top:-40px;
}

div.subcontent{
border:0px;
}

div.entry{
background-color:transparent;
border:0px;
padding:0px 0px 0px 0px;
font-family:"Georgia";
text-align:justify;
color:#b08f6c;
font-size:9pt;
line-height:1.4em;
}

div.entry p{
font-size: 1em;
}

div.entry_text{
color: #b08f6c;
}

div.entry_text a{
color: #571e4a;
text-decoration:none;
}

div.datesubject,
div.userpic,
div.userpicfriends,
div.entry{
background-color:transparent !important;
border:0px;
}

.userpiccomment{
background-color:#F9F5EF;
border:1px solid #C6BCAF;
}

div.userpic{
padding: 65px 0px 0px 10px;
float:right;
}

div.userpicfriends {
padding: 0px 0px 0px 0px;
font-weight:bold;
color:#C6BCAF;
}

div.userpic img,
div.userpicfriends img,
.datesubjectcomment img{
margin-bottom:7px;
}

div.date{
padding:0px 0px 0px 50px;
font-size: 11pt;
text-align:left;
font-weight:bold;
color:#b08f6c;
font-family:"Book Antiqua";
}

div.subject,
div.replytosubject{
font-size: 15pt;
font-family:"Georgia";
font-weight:normal;
color:#b08f6c;
padding: 0px 0px 10px 50px;
}

div.replytoposter{
padding:0px 0px 0px 50px;
font-family:"Book Antiqua", "Palatino Linotype";
color:#b08f6c;
font-weight:bold;}

div.ljtags{
padding:10px 0px 0px 0px;
font-size: 8pt;
}

div.ljtags a,
div.ljtags a:link,
div.ljtags a:visited{
color: #571e4a;
text-decoration:none;
}

div.ljtags a:hover {
color: #76516d;
text-decoration:underline;
}

div.currents{
padding:10px 0px 0px 0px;
}

div.currents div{
font-family:"Georgia";
color:#b08f6c;
font-weight:bold;
font-size: 8pt;
}

div.comments{
background-color:transparent;
background-image:
url(http://www.ljplus.ru/img4/r/u/ruthenia_alba/footer.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
font-family:"Georgia";
margin-top:-10px;
padding:0px 0px 40px 20px;
color: #b08f6c;
font-size: 9pt;
}

div.comments a:link,
div.comments a:visited{
color: #571e4a;
text-decoration:none;
}

div.comments a:hover{
color: #76516d;
text-decoration:underline;
}

.separator{
height: 10px;
}

.clear{
height: 0px;
}

#footer{
background-color:transparent;
border:0px;
padding:0px 0px 0px 200px;
text-align:center;
color:#b08f6c;
font-family:"Georgia";
font-size: 9pt;
}

ul.navfooter{
color:#b08f6c;
font-family:"Georgia";
font-size: 9pt;
}

/*calendar*/

ul.year{
height:30px;
font-family:"Georgia";
}

ul.year a{
font-family:"Georgia";
font-size: 9pt;
padding:0px 0px 5px 120px;
margin-bottom:5px;
}

li.active{
font-family:"Georgia";
font-size: 9pt;
font-weight:normal;
color:#b08f6c;
padding:10px 0px 5px 120px;
}

td.yearmonth{
font-size: 9pt;
font-weight:bold;
font-family:"Georgia";
color:#b08f6c;
padding-bottom:5px;
}

table.yeartable td.yearday {
background-color:#E5DDD1;
border:0px;
color: #b08f6c;
font-weight:bold;
font-family:"Georgia";
font-size: 9pt;
}

td.yearmonth a {
font-weight:normal;
}

table.yeartable td.yeardate{
border-style:none;
border-bottom:1px dashed #E8DFD4;
border-right:1px dashed #E8DFD4;
padding:2px;
color:#b08f6c;
font-family:"Georgia";
font-size: 9pt;
}

td.yeardate a{
background:#E5DDD1;
padding:1px 7px;
color: #b08f6c;
font-weight:bold;
}

/*month*/

/*day*/
div.skiplinks{
color:#b08f6c;
font-size: 9pt;}

div.skiplinks a{
font-weight:normal}

div.box{
border:0px;
color:#BCB0A0;
font-size: 1.8em;
font-family:"Georgia";}

div.box center{
margin-bottom:15px;
}

div.box center a{
font-size: .7em;}