armizar | Окно в другой мир

Лежу болею (кажись, траванулась), а потому немного экспериментирую с дизайнами ЖЖ.

Вроде бы получилось довольно симпатично. Особенно первый вариант, его, может, как-нибудь попозже сама примерю.

/*
Generated in http://lj.yoksel.ru
layout: 042
*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: fixed;
background-repeat: repeat;
background-position: center top;
background-color: #999999;
background-image: url(http://lenagold.ru/fon/ori/nebo/sin/star56.jpg);
font-family: Arial;
font-size: 14px;
line-height: 1.5em;
color: #222;
}

#container{
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 0px;
}

#container-inner{
width: 1024px;
}

div#page{
padding-bottom: 0px;
}

div#page-inner{
position:relative;
margin:0px;
}

#content{
margin: 0px;
width: 1024px;
}

#content-inner{
margin: 0px;
padding-top:0px;
padding-bottom:0px;
position:relative;
}

#beta {
width: 162px;
display: block;
top: 35px;
}

.layout-wt #beta {
margin:0px 0px 0px 30px}

#gamma{
display:none;}

#alpha {
width: 830px;
margin: 472px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

.lj-view-tags #alpha{
background-color: #fff;
}

#alpha-inner {
position:relative;
width: 830px !important;
margin: 0px 0px 0px 0px;
}

.lj-view-tags #alpha-inner{
width: 830px !important;
margin: 15px !important;
}

div.post-asset{
background-color: #fff;
margin: 0px 0px 30px 0px !important;
padding: 10px 0px 20px 0px !important;
width: 830px;
}

.lj-view-month div.post-asset{
}

div.asset-inner{
margin-bottom:0px !important;
width: 800px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.asset-content {
position:relative;
}

.post-asset .asset-body {
position:relative;
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
line-height: 1.5em;
width: 800px;
}

.post-asset .asset-body img {
max-width:100%;
width:auto !important;
height:auto !important;
}

div#comments{
padding:0px;
background-color: #fff;
width: 830px;
padding: 15px 0px 15px 0px;
}

div.comments-inner,
div#comments-inner{
position:relative;
padding:0px;
margin: 0px auto;
width: 800px;
}

div#footer{
background-position: left;
margin-bottom:20px;
}

/*----TOPMENU----*/

div#header{
margin: 0px;
padding:0px;
z-index:100;
width: 830px;
height: 442px;
top: 0px;
position: absolute;
overflow:hidden !important;
}

.layout-tw div#header{
left: 194px;
}

div#header-inner{
margin: 0px;
padding:0px;
width: 830px;
height: 442px;
}

div#header-content{
margin: 0px;
padding:0px !important;
}

div#header-content-inner{
margin: 0px;
padding:0px;
}

div#header-text{
//margin-top:-15px;
}

#header-photo{
position:relative;
background-repeat: repeat;
background-color: #fff;
height: 407px !important;
width: 830px !important;
top: 35px;
}

#header-photo-inner{
position:relative;
background-repeat: repeat;
background-position: center;
background-image: url(http://www.ljplus.ru/img4/a/r/armizar/reWalls.com.jpg);
height: 377px !important;
width: 800px !important;
left: 15px;
top: 15px;
}

ul.nav{
width: 830px;
height: 35px;
left: 0px;
top: 0px;
border-top: 0px solid red;
text-align: right;
position: absolute;
}

.layout-wt ul.nav{
text-align: left;
}

.nav .item{
left: 0px;
padding:0px;
padding: 0px 0px 0px 24px;
border: 0px solid red;
display:inline;
float:none;
}

.layout-wt .nav .item{
padding: 0px 24px 0px 0px;
}

.nav .current{}
.nav .first{}

div#header-name{
margin:0px;
width: 775px;
height: 40px;
left: 25px;
top: 382px;
position: absolute;
text-align: left;
}

.layout-wt div#header-name{
text-align: right;
}

div#header-description{
display: none;
}

div.stream-header{
margin-bottom:0px;
}

.lj-view-recent div.stream-header,
.lj-view-friends div.stream-header{
margin-bottom:0px;
display: none;
}

.prevnext,
.skiplinks{
padding-left:0px !important;
text-align: center;
color: #777;
padding: 0px 0px 0px 0px;
}

p.prevnext{
padding-left:5px !important;
}

div.stream-header p.prevnext{}

p.prevnext a,
.skiplinks a{
font-weight:normal;
text-decoration:underline;
}

div.prevnext{
text-align: left;
padding: 0px 0px 0px 0px;
}

div.prevnext table{
margin:0px 15px -30px 15px;}

/*----SIDEBAR----*/

div#beta-inner{
padding:0px;
width: 162px;
margin: 0px;
padding: 0px;
}

div.widget {
background-color: #fff;
width: 162px;
padding: 10px 0px 10px 0px;
margin: 0px 0px 30px 0px;
font-size: 12px;
line-height: 1.3em;
color: #222;
}

div.widget-inner {
width: 142px;
margin: 0px auto 0px auto;
}

div.widget-content{
padding-left:0px;
width: 100%;
}

.widget .user-pic a img,
.widget .user-pic img {
border: 0px;
margin-bottom:10px;}

div.widget h3.widget-header{
padding:0px;
}

.tagcloud li.tag a{
font-weight:normal;}

ul.widget-list{
padding-left: 0px !important;
margin-left: 0px !important;}

ul.widget-list li.item{
list-style: none !important;
margin: 0px 0px 5px 0px;
}

div.calendar-widget table{
}

div.calendar-widget td,
div.calendar-widget th{
}
.archive-widget .item a{
font-weight: normal !important;}

div.widget-footer {
text-align:left;
margin-top:5px;
}
.profile-name{
font-weight:normal;
}

div.powered-widget{
display:none;}

/*----ENTRIES----*/

div.asset-header{
padding:0px;
border: 0px solid green;
padding: 0px 0px 10px 0px;
}

.lj-view-archive div.asset-header{
display:none;}

div.user-icon{
margin:0px;
margin-bottom:10px;
margin-right: 10px;
float:left;
text-align:center;
background-color:transparent !important;
border: 0px solid green !important;
}

div.user-icon span{
background-color:transparent !important;}

div.asset-body a{
text-decoration:underline;}

/*----------Currents&Tags----------*/

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
padding: 0px  !important;
margin: 0px  !important;
font-size: 12px;
color: #777;
font-style: italic;
font-weight: normal;
}

div.asset-content div.asset-tags,
div.asset-content div.lj-currents ul li{
line-height:1.5em;
margin-left: 10px !important;
font-size: 12px;
color: #777;
font-style: italic;
font-weight: normal;
}

div.asset-tags h4,
span.entryMetadata-label{
font-size: 12px;
color: #777;
font-style: italic;
font-weight: normal;
}

.post-asset li.item{
border:0px solid green;
margin-left:0px;
}

/*--------CommLine--------*/

li.asset-meta-comments,
li.asset-meta-no-comments{
border-left: 0px solid #ccc;
}

.layout-tw li.asset-meta-comments,
.layout-tw li.asset-meta-no-comments{
float:right !important;
}

div.asset-meta{
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

div.asset-meta ul.asset-meta-list{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.asset-header ul.asset-meta-list{
height:auto;
padding:0px;
top:auto;
margin:0px;
background-image:none;
}

/*----------DAte&Time----------*/

div.asset-header-content-inner{}

div.asset-header div.asset-meta{
background-image:none;
border:0px solid blue;
padding:0px !important;
margin:0px;
height:auto;
}

div.asset-header li.item{
padding:0px;
left:0px;
float: left;
}

div.asset-header li.item span{
padding:0px !important;
font-family: Verdana;
font-size: 12px;
line-height: 2.0em;
font-style: italic;
}

/*--------CALENDAR--------*/

ul.year {
text-align: center;
margin-top:0px;
}

ul.year li,
ul.year li.active{
font-size: 22px;
color: #fff;
padding: 0px 10px 0px 10px;
}

table.yeartable{
margin: 0px auto 0px auto;
width: 500px;
}

table.yeartable td.yeardate,
table.yeartable td.yearday{
border:0px solid red;
padding: 5px 5px 5px 5px;
}

table.yeartable td.yearday{
}

table.yeartable td.yeardate{
padding: 5px 5px 5px 5px;
border-bottom:1px solid #ddd;
}

/*----SUBJECTS----*/

.asset-body dl{
margin-left:10px;}

dl dt b{
font-weight:bold;
}

dl dt a:link{
}
dl dt a:hover{
text-decoration:none;
}

/*----ENTRY_IN----*/

div.day h2 {
padding:0px 0px 15px 0px;
border: 0px solid red;
font-family: Georgia;
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: left;
}

div.day h2.asset-name,
div.day h2.page-header2{
text-align:left;
width:auto;
padding:0px 0px 0px 0px;
font-weight:normal;
font-style:normal;
border: 0px solid red;
}

div#comments h2.comments-header,
div#comments h2.asset-name{
font-weight:normal;
}

.comment-date{
margin-bottom:7px;
margin-top:7px;
color: #777;
font-size:12px;
font-style:italic;}

div.comment-body{
margin-bottom:5px;
font-family: Arial;
color: #222;
font-size: 14px;
line-height: 1.5em;
}

div.comment-inner div.user-icon{
float:left;
margin-right:10px;}

hr{
display:none;}

div.comment-even{
border: 0px solid red;
}

div.comment-links{
margin:15px 0px 25px 0px;
font-size:13px;
}

span.separator{
color: #fff;
}

div.comment-links a{
text-decoration:underline;
font-weight:normal;
}

div.comment-links a:hover{
text-decoration:none;
}

span.commenter-name{
font-weight:normal
}

div.comment-subject{
margin-bottom:7px;
font-size: 14px;
}

div.comments-nav{
border:0px solid red;
font-size:13px;
font-weight:normal;}

div.comments-nav a{
font-weight:normal;
text-decoration:underline;}

#postform table,
#qrform table{
width:99%;
}

#qrform table{
border:0px !important;
margin:25px auto;}

#qrform table td,
#postform table td{
font-size:12px;
font-weight:normal;
}

#qrform table td a,
#postform table td a{
font-weight:normal;
}

#comments table .textbox,
#comments table textarea,
#comments table select{
margin:3px 0px 5px 0px;
font-family: Arial;
font-size: 1.25em;
line-height:1.3em;
}

/*----TAGS----*/

.lj-view-tags #alpha-inner{
margin-top: 0px;
padding-left:0px;
}

.lj-view-tags #alpha-inner ul {
list-style:none;
margin-left: 0px;
text-align: left;
line-height:1.5em; }

.lj-view-tags #alpha-inner a{
font-weight:normal;
text-decoration: underline;}

.lj-view-tags #alpha-inner a:hover{
text-decoration: none;}

/*----LINKS----*/

#page a:link,
#page a font{
color: #222;
text-decoration: underline;
}

#page a:visited{
color: #555;
}

#page a:hover,
#page a:hover b  {
color: #999;
}

#page .nav .item a{
font-family: Georgia;
font-size: 24px;
line-height: 1.2em;
color: #fff;
font-weight: normal;
text-decoration: none;
}

#page .nav .item a:hover{
color: #eee;
text-decoration: none;
}

#page .nav .current a,
#page .nav .current a:hover{
color: #fff;
}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Georgia;
font-size: 34px;
line-height: 1em;
color: #fff;
}

#page div#header-name a:hover{
color: #eee;
}

#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
font-family: Georgia;
font-size: 14px;
color: #fff;
font-weight: bold;
}

#page .prevnext a:hover,
#page .skiplinks a:hover{
color: #777;
}

#page div.widget a:link,
#page div.widget a font,
#page div.widget a b {
color: #333;
}

#page div.widget a:visited{
color: #555;
}

#page div.widget a:hover{
color: #777;
}

#page div.widget h3.widget-header,
#page div.widget h3.widget-header a,
#page div.widget h3.widget-header a:visited{
text-decoration:none;
font-family: Georgia;
font-size: 24px;
line-height: 1.2em;
color: #4a1ea8;
}

#page div.calendar-widget td a,
#page div.calendar-widget td a:visited {
font-weight:bold !important;
}

div.calendar-widget td a:hover {
}

h2.page-header2,
div#comments h2.page-header2{
margin-bottom:0px;
border: 0px solid green;
position:relative;
z-index:10;
}

h2.page-header2,
div#comments h2.page-header2,
div#comments h2.comments-header,
div#comments h2.asset-name,
div.day h2.asset-name,
div.day h2.page-header2,
.year .active{
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
border: 0px solid green;
background-color:transparent;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: Georgia;
font-size: 24px;
line-height: 1.4em;
color: #4a1ea8;
font-weight: normal;
text-decoration: none;
}

.lj-view-tags h2{
margin-bottom:15px;
}

table.yeartable td.yearmonth{
font-family: Georgia;
font-size: 24px;
line-height: 1.4em;
color: #4a1ea8;
font-weight: normal;
text-decoration: none;
}

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-family: Georgia;
font-size: 24px;
line-height: 1.4em;
color: #4a1ea8;
font-weight: normal;
text-decoration: none;
}

#page .page-header2 a:hover,
#page h3.widget-header a:hover{
color: #777777;
}

#page div.user-icon .ljuser a,
#page div.user-icon a b {
font-size:12px;}

#page div.user-icon .ljuser a:hover,
#page div.user-icon a:hover b {
}

#page div.asset-tags a,
#page div.lj-currents ul li a{
font-size: 12px;
color: #777;
font-style: italic;
font-weight: normal;
}

#page div.lj-currents a:hover,
#page div.asset-tags a:hover{
background:transparent;
}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
font-family: Palatino Linotype;
font-size: 14px;
color: #333;
font-weight: bold;
}

#page ul.asset-meta-list li.item a:hover,
#page div.comment-links a:hover{
color: #999;
text-decoration: none;
}

#page ul.asset-meta-list li.item a:visited,
#page div.comment-links a:visited{
color: #777;
}

#page ul.year li a,
#page ul.year li a:visited{
font-family: Georgia;
font-size: 14px;
color: #fff;
font-weight: bold;
}

#page td.yearmonth a{
font-size:12px;
text-decoration:underline;
font-style:normal;
text-transform:none;
font-family: Arial;
}

#page .yeardate a{
font-family: Georgia;
font-size: 20px;
font-weight: normal;
}

#page .yeardate a:hover{
text-decoration:none;
}

/*----POPUP----*/

div.ContextualPopup div.Inner {
background-color: #fff !important;
color:#555 !important;
border: 1px solid #ccc;
padding: 5px;
}

div.ContextualPopup div.Inner div.Content a,
div.ContextualPopup div.Inner div.Content span a,
div.ContextualPopup div.Inner span a:visited,
div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
color: #333 !important;
}

div.ContextualPopup div.Inner a:hover,
div.ContextualPopup div.Inner div.Content a:hover{
color: #555 !important;
text-decoration:none !important;
}

#lj_controlstrip{
background-image: none;
width:100%;
min-width:1010px;
}

И второй вариант.

/*
Generated in http://lj.yoksel.ru
layout: 01
*/

body{
background-color: #2eb3db;
background-image: url(http://lenagold.ru/fon/uzor/sin/sinuzor46.jpg);
color:#333;
font-family:Tahoma;
}

#container{
border:0px solid red;
width: 1100px;
margin: 0px auto 0px auto;
top:70px;
padding-top:0px;
position:relative;
padding-bottom: 0px;
}

#container-inner{
border: 0px solid orange;
background:#fff;
width: 1100px;
}

#page{
width: 1100px;
padding-bottom: 0px;
}

div#page-inner{
width: 1100px;
padding-bottom: 40px;
margin:0px;
position:relative;
}

#content{
margin: 0px auto;
width: 1070px;
}

#content-inner{
margin: 0px;
padding:0px;
}

#beta {
width: 190px;
border: 0px solid red;
margin:0px 0px 0px 0px;
padding-top:0px;
display: block;
}

.layout-wt #beta {
margin:0px 0px 0px 30px;}

#gamma{
display:none;}

#alpha {
width: 848px;
padding-left:0px;
padding-top:0px;
}

#alpha-inner {
width: 848px !important;
margin:0px 0px 0px 0px;
}

div.post-asset{
border:0px solid blue;
padding:0px;
border-bottom:1px solid #eaeaea;
margin-bottom:25px !important;
padding-bottom:20px !important;
padding-top:0px !important;
padding-left:0px;
}

.lj-view-month div.post-asset{
}

div.asset-inner{
margin-bottom:0px !important;
border:0px solid green !important;
}

.asset-body {
width: 848px;
border:0px solid brown;
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
}

.post-asset .asset-body img {
max-width:100%;
width:auto !important;
height:auto !important;
}

div#comments{
padding-left:0px;
border:0px solid brown;
}

div#footer{
display:none;}

/*----TOPMENU----*/

div#header{
border: 0px solid red;
margin: 0px;
padding:0px;
height: 604px;
width: 1100px;
overflow:hidden !important;
}

div#header-inner{
border:0px solid blue;
margin: 0px;
padding:0px;
height: 604px;
width: 1100px;
}

div#header-content{
margin: 0px;
padding:0px !important;
width: 1100px;
}

div#header-content-inner{
margin: 0px;
padding:0px;
width: 1100px;
}

div#header-text{
//margin-top:-15px;
width: 1100px;
}

#header-photo{
width: 1100px !important;
height: 519px !important;
position:relative;
top: 0px;
}

#header-photo-inner{
position:relative;
width: 1100px !important;
height: 519px !important;
background-image: url(http://www.ljplus.ru/img4/a/r/armizar/reWalls.com-26815.jpg);
background-repeat: repeat;
background-position:  center;
}

ul.nav{
background-color: #182973;
top:0px;
position:relative;
border:0px solid green;
text-align:center;
width: 1100px;
height:50px;
padding:0px;
margin:0px;
}

.nav .item{
left:0px;
padding:0px;
border-left:0px solid white;
display:inline;
float:none;
padding:0px 15px;
font-size:23px;
font-weight:normal;
color:#4b9ad7;
font-family:Impact;
line-height:50px
}

.nav .first{
border:0px solid green;}

div#header-name{
background-color: #182973;
position:absolute;
top:70px;
font-size:23px;
font-weight:normal;
font-family:Impact;
line-height:50px;
float:left;
padding:0px 20px;
}

div#header-description{
display:none;
}

div.stream-header{
border:0px solid green;
margin-bottom:0px;}

.prevnext,
.skiplinks{
text-align: center;
padding-left:0px !important;
font-size:12px;
margin-top:0px;
margin-bottom:15px;
padding:0px 10px 10px 10px;
color: #777;
}

p.prevnext{
padding-left:5px !important;
border:0px solid green;
}

div.stream-header p.prevnext{
border-top:0px solid green;
}

p.prevnext a,
.skiplinks a{
font-weight:normal;
text-decoration:underline;
}

div.prevnext{
text-align: left;}

div.prevnext table{
margin:0px 15px -30px 15px;}

/*----SIDEBAR----*/

div#beta-inner{
border:0px solid green;
padding:0px;
padding-top:0px;
width: 190px;
overflow:hidden;
}

div.widget {
width: 190px;
font-size:12px;
line-height:1.4em;
border-bottom:1px solid #eaeaea;
margin:0px;
margin-bottom:25px;
padding:0px 0px 25px 0px;
}

div.widget-content{
padding-left:0px;
}

.widget .user-pic a img,
.widget .user-pic img {
border: 0px;
margin-bottom:10px;}

div.widget h3.widget-header{
padding:0px;
margin-bottom:5px;
}

.tagcloud li.tag a{
font-weight:normal;}

ul.widget-list{
padding-left: 0px !important;
margin-left: 0px !important;}

ul.widget-list li.item{
list-style: none !important;
border:0px solid red;}

div.calendar-widget td,
div.calendar-widget th{
color: #aaa;
}

.archive-widget .item a{
font-weight: normal !important;}

div.widget-footer {
text-align:left;
margin-top:5px;
}

.profile-name{
color:#999;
font-weight:normal;
}

/*----ENTRIES----*/

div.asset-header
{padding-bottom:0px;
padding-top:0px;
border: 0px solid green;
}

div.user-icon{
float:right;
border: 0px solid green !important;
margin:0px;
margin-left:10px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
color:#a9bb8d;
}

div.user-icon span{
background-color:transparent !important;
}

div.asset-body a{
text-decoration:underline;
}

/*----------DAte&Time----------*/

.post-asset li.item{
font-size:12px;
border:0px solid green;
margin-left:0px;
}

div.asset-header-content-inner{
border:0px solid orange;
}

div.asset-header div.asset-meta{
padding:0px 0px 0px 5px !important;
margin:0px;
border-left:5px solid #182973 !important;}

div.asset-header li.item{
border:0px solid green;
}

div.asset-header li.item span{
border:0px solid red;
margin-left:0px;
padding:0px !important;
color: #999;
font-variant: small-caps
}

/*----------Currents&Tags----------*/

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
border:0px dashed blue;
padding: 0px  !important;
margin: 0px  !important;
font-size:11px;
}

div.asset-content div.asset-tags,
div.asset-content div.lj-currents ul li{
border:0px double red;
line-height:1.5em;
margin-left: 10px !important;
color: #999;
}

div.asset-tags h4,
span.entryMetadata-label{
font-weight:normal;
color: #999;
font-size:11px !important;}

/*--------CommLine--------*/

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:20px 0px 0px 0px;
text-align:left;
[alphainn_width]
}

div.asset-header ul.asset-meta-list{
border:0px solid red;
height:auto;
padding:0px;
top:auto;
margin:0px;
background-image:none;
}

/*--------CALENDAR--------*/

.year {
width:610px;
font-weight:normal;
font-size:14px;
margin-top:0px;
}

.year .active{
font-size:17px;
font-weight:normal;
color:#515151;
}

table.yeartable td{
color: #ccc;
}

table.yeartable td.yeardate,
table.yeartable td.yearday
{border: 0px solid #ccc;
border-bottom: 1px dotted #ccc;
padding:5px;}

table.yeartable td.yearday{
color:#555;
}

/*----SUBJECTS----*/

.asset-body dl{
margin-left:10px;}

dl dt b{
font-weight:bold;
}

dl dt a:link{
}
dl dt a:hover{
text-decoration:none;
}

/*----ENTRY_IN----*/

div.day h2 {
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:15px;
color:#999;
font-size:12px;
border: 0px solid red;
}

.comment-date{
margin-bottom:7px;
margin-top:7px;
color: #555;
font-size:11px;}

div.comment-body{
line-height: 1.4em;
margin-bottom:5px;
font-size:13px;}

div.comment-inner div.user-icon{
float:left;
margin-right:10px;}

hr{
display:none;}

div.comment-even{
border: 0px solid red;
}

div.comment-links{
margin:10px 0px 20px 0px;
border:0px solid red;
font-size:13px;
}

span.separator{
font-size:16px;
color: #ccc;}

div.comment-links a{
text-decoration:underline;
font-weight:normal;
border:0px solid red;
}

div.comment-links a:hover{
text-decoration:none;
}

span.commenter-name{
font-weight:normal
}

div.comment-subject{
margin-bottom:7px;
color:#444;
}

div.comments-nav{
border:0px solid red;
font-size:13px;
font-weight:normal;}

div.comments-nav a{
font-weight:normal;
text-decoration:underline;}

#postform table{
width:560px;}

#qrform table{
border:0px !important;
margin:0px auto;}

div.comments-nav #qrform table{
margin-top:20px;
}

#qrform table td,
#postform table td{
font-size:12px;
font-weight:normal;
}

#qrform table td a,
#postform table td a{
font-weight:normal;
}

.textbox, textarea, select{
margin:3px 0px 5px 0px;
font-family:Tahoma;
line-height: 1.4em;
color:#333;
border:1px solid #bbb;
}

/*----TAGS----*/

.lj-view-tags #alpha-inner{
margin-top: 0px;
padding-left:0px;
}

.lj-view-tags #alpha-inner ul {
list-style:none;
margin-left: 0px;
line-height:1.5em; }

.lj-view-tags #alpha-inner a{
font-weight:normal;
text-decoration: underline;}

.lj-view-tags #alpha-inner a:hover{
text-decoration: none;}

/*----LINKS----*/

#page a:link,
#page a font{
color:#515151;}

#page a:visited{
color: #999;}

#page a:hover,
#page a:hover b  {
color:#fff;
text-decoration: none;
background-color: #ebeb88;
}

#page .nav .item a,
#page div#header-name a{
color: #a7d5eb;
border:0px solid red;
text-decoration: none !important;
color: #ebeb88;
}

#page .nav .item a:hover,
#page div#header-name a:hover{
text-decoration: none !important;
background:transparent;
color: #a7d5eb;
}

#page .nav .current a{
color: #a7d5eb;
text-decoration: none !important;
}

h3.widget-header,
#page h3.widget-header a{
text-decoration:none;
font-size:14px;
font-weight:normal;
color:#333;
text-transform:uppercase;
}

div.widget a:link,
div.widget a font,
div.widget a b {
}

div.widget a:visited{
}

div.widget a:hover{
text-decoration:none;
}

div.calendar-widget td a {
font-weight:bold !important;
color:#515151;
}

div.calendar-widget td a:hover {
font-weight:bold !important;
}

h2.page-header2,
div#comments h2.page-header2,
div#comments h2.comments-header,
div#comments h2.asset-name,
div.day h2.asset-name,
div.day h2.page-header2,
table.yeartable td.yearmonth{
margin-bottom:10px;
padding-bottom:0px;
border: 0px solid green;
font-size:14px;
font-weight:normal;
color:#333;
text-transform:uppercase;
background-color:transparent;
}

#page h2.page-header2 a,
.page-header2 a,
.page-header2 a:visited{
font-weight:normal;
color:#333;
}

#page .page-header2 a:hover,
#page h3.widget-header a:hover{
text-decoration:none;
color:#fff;
}

div.user-icon .ljuser a,
div.user-icon a b {
color:#515151;
font-size:12px;}

div.user-icon .ljuser a:hover,
div.user-icon a:hover b {
color:#84532d;
font-size:12px;}

div.asset-tags a,
div.lj-currents ul li a{
color: #bbb;
font-weight:normal;
text-decoration:underline;
font-size:11px;
}

div.lj-currents a:hover,
div.asset-tags a:hover{
color: #bbb;
background:transparent;
text-decoration:none;}

ul.asset-meta-list li.item a{
font-size:12px;
font-weight:normal;
}

ul.asset-meta-list li.item a:hover{
text-decoration:none;
}

td.yearmonth a{
font-size:12px;
text-decoration:underline;
font-style:normal;
text-transform:none;
color:#ccc;
}

.yeardate a{
color:#777;
font-size:16px;
font-weight:bold;
font-family:Georgia;}

.yeardate a:hover{
text-decoration:none;
color:#bbb;
}

/*----POPUP----*/

div.ContextualPopup div.Inner {
background-color: #fff !important;
color:#555 !important;
border: 1px solid #ccc;
padding: 5px;
}

div.ContextualPopup div.Inner a:hover,
div.ContextualPopup div.Inner div.Content a:hover{
color:#bbb !important;
text-decoration:none !important;
}

Стиль Expressive
1. Заходите в настройки журнала http://www.livejournal.com/customize/
2. В поисковой строке введите Unstyled.
3. В секторе "Выбор дизайна" выберите дизайн Unstyled Expressive и нажмите зелёную кнопку "Применить дизайн"
4. В секторе "Настройте своё оформление" выберете Custom CSS.
5. Скопируйте ваш код в большое текстовое поле.
6. Сохраняйте и смотрите.

Вживую первый дизайн можно посмотреть тут

Threaded | Top-Level Comments Only

From:

irmansil.livejournal.com

очень красиво получилось))

armizar.livejournal.com

Первый или второй? ;)

оба!;)

Спасибо :)

anet-o.livejournal.com

Красиво, первый на мой взгляд гармоничнее

alentivitka.livejournal.com

Очень красиво ))
Первый действительно гармоничнее, и даже как-то логичнее... Но я так и не смогла определиться, какой мне больше нравится ) Потому что второй тоже очень красивый ))

valkiria-dan.livejournal.com

Первый шикарен, второй нравится меньше. ИМХО, такие фоны вообще предназначены для того, чтобы существовать самим по себе, без картинок в заголовке. Но первый просто замечательный.
А я вот потихоньку расковыриваю Dreamwidth на эту тему. Чтобы адаптировать под него дизайны. А то навертела хитростей всяких, а теперь думай, как это натянуть на другой скелет :))).

Спасибо, Ань :)
Второй вариант я сделала раньше и потом просто стерать его показалось жалко...

Прально, сохранять нужно все)

А то!

Спасибо :))))

Мне самой первый больше приглянулся. Но второй я сделала раньше, так что для примера и его оставила... Я запасливая как хомяк %)

О, какая высокая оценка от гуру! Спасибо :)))
Первый мне самой очень-очень нравится :)
А второй.... я его сделала раньше и очень долго не могла подобрать к нему фон...

И правильно! Запасливость это хорошо ) Тем более, что он ведь тоже красивый, и я рада, что смогла увидеть и этот вариант ))
Я тоже запасливая, ага ))

А во мне иногда просыпается недохудожник. Рисовать не умею, но что-нить симпотичное сотворить хотся, вот и появляются дизайны. Только вот их никто не носит... =(

Ай, почти та же фигня... То есть иногда я делаю для конкретного человека, тогда он хоть кому-то нужен. А когда делаю просто так, от избытка вдохновения, то никому ((
У меня на ноуте еще штук... ну, наверное, пять готовых валяется, но мне все лень их выложить, потому что все равно никому на фиг не надо.
А еще я когда доделываю что-то, сразу теряю интерес. Например, заканчиваю вышивку и вместо того, чтобы в рамку засунуть и к делу пристроить, просто забываю. И так она и будет у меня валяться, потому что мне уже не интересно... И с дизайнами так же. Мда ))

Я дизы ещё в одном сообществе выкладываю. Там есть шанс, что кто-то их себе возьмёт :)

Я пару раз собиралась, но так и не собралась... Стесяюсь ) У себя в журнале вроде как что хочу, то и выкладываю... И то торможу. А в сообществе еще страшнее. Вдруг побьют? ))
Надо что-то делать с неуверенностью ))

Я вот тут выкладывала. Там вроде как всё больше тусуются совсем не профессионалы и публика довольно благодушная.
http://layouts-ru.livejournal.com/

Ой, спасибо большое! Я тоже наберусь смелости и попробую, а то валяются без дела... ))

Удачи :)

aksiuta08.livejournal.com

Очень романтичный дизайн!
И мне тоже первый более гармоничным показался)

Спасибо, Ксюш :)
Только я бы назвала бы его романтично-фантастичным :))) ну и космическим немного ;)

Ми-Царство

журнал Архаровой Юлии

Окно в другой мир

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

(no subject)

Profile

November 2012

Most Popular Tags

Page Summary

Style Credit

Expand Cut Tags