The window

[gold_nostalgia]

Дизайн создан по просьбе oganiok. Задача была вписать картинку с окном в общий проект, надеюсь, мне это удалось :)

Стиль: S2 Unstyled Expressive
Тип аккаунта: любой
Заголовок: есть
Подзаголовок: есть
Сайдбар: справа






Установка:

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

body{
background-color:#293e73;
background-image:url(http://img-fotki.yandex.ru/get/6100/23020237.0/0_7f091_5d7e5120_L);
font-family:Georgia;
font-size:15px;
color: #293e73;
}

a:link, a:visited, a font, a b{
color:#293e73;
font-weight:normal;
text-decoration:none;
}

a:hover, a:hover b{
color: #293e73;
font-weight:normal;
text-decoration:underline;
}

#container{
background-color:transparent;
width:950px;
margin:auto;
padding-top:40px !important;
}

#container-inner{
width:950px;
margin:0px;
padding:0px;
background-color: transparent;
}

#page{
width:950px;
margin:0px;
padding:0px;
}

#page-inner{
width:950px;
padding:0px;
margin:0px;
}

#header{
background-image:url(http://img-fotki.yandex.ru/get/6200/23020237.1/0_7f0a0_d86349ab_XXL);
width:950px;
height:389px;
background-repeat:no-repeat;
padding:0px;
margin:0px;
margin-bottom: 0px !important;
}

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

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

div#header-text{
width:950px;
text-align:center;
}

ul.nav{
position:relative;
margin-top:345px !important;
font-family: Georgia;
font-size: 27px;
font-style: none;
background-color:transparent;
width: 950px !important;
}

.nav a {
color: #7cc1e0;
text-decoration: none;
}

.nav a:hover {
color: #7cc1e0;
text-decoration: none;
}

ul.nav li.item {
border: none;
float:none;
display:inline;
margin:0px 10px;
width: 950px !important;
}

#header-name {
position: absolute;
}

#header-description {
position: absolute;
}

#header-name {
width:950px;
font-size:45px;
bottom:282px;
text-align:left;
font-family: Georgia;
left:85px !important;
}

#header-name a{
font-variant:small-caps;
color:#7cc1e0;
text-decoration:none;
}

#header-name a:hover {
text-decoration:none;
color: #293e73;
font-variant:small-caps;
}

#header-description{
width:950px;
color: #7cc1e0;
font-size:20px;
top:110px;
text-align:left;
font-family: Georgia;
left:136px !important;
}

#content {
width:950px;
background-color:transparent;
padding:0px;
margin:0px;
padding-top: 0px !important;
}

#content-inner {
background-color: transparent;
width:950px;
background-repeat:no-repeat;
position:top !important;
padding: 0px;
margin:0px;
padding-top: 20px !important;
}

#alpha {
width:750px;
padding: 0px;
margin-right:20px !important;
background-color:#c7ada0;
}

#alpha-inner {
width: 720px;
padding-left: 15px !important;
padding-right: 15px !important;
margin: 0px;
}

#beta {
width: 180px;
float: right;
margin: 0px;
padding-top: 20px !important;
background-color:#c7ada0;
}

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

#gamma {
display: none;
}

.stream-header {
width:750px;
position: relative;
margin-top: 5px;
margin-bottom: 15px;
}

p.prevnext, .skiplinks {
position: absolute;
width: 750px;
text-align:center !important;
font-size: 15px;
}

p.prevnext a, .skiplinks a{
color: #293e73;
text-decoration: none;
text-align:center !important;
}

p.prevnext a:hover, .skiplinks a:hover{
text-decoration: underline;
color:#293e73;
text-align:center !important;
}

ul.asset-meta-list a{
color: #293e73;
text-decoration: none;
text-align:center !important;
}

ul.asset-meta-list a:hover{
color: #293e73;
text-decoration: underline;
text-align:center !important;
}

.asset {
width: 750px;
margin:0px;
padding:0px;
padding-top:20px;
}

.asset-inner {
width: 720px;
margin:0px;
padding:0px;
color:#38201a;
}

.asset-body {
width: 720px;
padding:0px;
margin:0px;
margin-bottom:15px;
padding-top: 10px !important;
}

.asset-header {
width:750px;
padding: 0px;
font-size:20px;
}

.asset-header a{
color: #293e73;
text-decoration:none;
}

.asset-header a:hover{
color: #293e73;
text-decoration:underline;
}

div.asset-header li.item {
float:left;
color:#293e73;
font-size:12px;
}

div .asset-header-content-inner {
border-bottom: #293e73 1px dashed;
width:620px;
}

.asset-meta-list a{
color: #293e73;
text-decoration: none;
}

.asset-meta-list a:hover {
color: #293e73;
text-decoration: underline;
}

.asset-content {
width: 720px;
text-align: justify;
margin:0px;
padding: 0px;
}

.user-icon {
float:left;
margin-right:0px;
margin-bottom: 0px;
margin-left:0px !important;
text-align:center;
font-size:12px;
margin-right:7px !important;
background-color:transparent !important;
}

.user-icon img {
border:2px solid #293e73;
padding: 3px 3px 3px 3px;
background-color: transparent !important;
}

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

lj.currents {
width:710px;
position: relative;
margin-top: 10px;
font-size: 12px;
}

.asset-meta list {
font-size:12px;
}

.entryMetadata-label {
font-size:12px;
}

.asset-tags {
width:710px;
margin-top: 15px;
padding: 0px;
font-size:15px;
}

h4.asset-tags-header {
font-size: 15px;
font-weight: bolder;
margin-left:2px;
}

.asset-tags-list {
width: 710px;
font-size: 15px;
}

.asset-tags-list li.item a {
color:#293e73;
text-decoration:none;
}

.asset-tags-list li.item a:hover {
text-transform: none;
color: #293e73;
background-color: transparent;
text-decoration:underline;
}

.widget {
width:180px;
font-size: 11px;
}

.widget-inner {
width:180px;
padding:0px;
color: #38201a;
}

h3.widget-header {
font-weight: normal;
color:#38201a;
height:20px !important;
padding-top:2px !important;
text-align:center;
font-size:16px;
border: none;
background-color:#cbe7fb;
opacity:.60; -moz-opacity: 0.60; filter: alpha(opacity=60);
}

h3.widget-header a{
font-weight:normal;
color:#38201a;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:normal;
text-decoration:none;
color:#38201a;
}

.syndicate-widget, .powered-widget, .designed-widget {
display: none;
}

.categories-widget, .archive-widget a {
color: black !important;
}

.categories-widget, .archive-widget a:hover {
color: black !important;
}

div.about-me-widget div.user-pic{
width:100%;
}

.calendar-widget table{
margin:0px auto;
}

div .comments-body {
width:720px;
text-align:justify;
}

.comment-odd {
padding: 3px;
border: #293e73 1px solid;
background-color: #dacdc7;
padding-top: 5px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}

.comment-even {
padding: 3px;
border: #293e73 1px solid;
background-color: #dacdc7;
padding-top: 5px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}

.comments-header.page-header2 {
width:720px;
font-size: 20px;
color: #293e73;
text-align:center;
font-weight:normal;
margin-top:20px;
}

div .comment-body {
margin:7px;
margin-bottom:10px;
color: #38201a;
}

div#comments-inner a{
color: #293e73;
}

div#comments-inner a:hover{
color: #293e73;
text-decoration:underline;
}

hr{
display:none;
}

div.asset-header {
background-color: transparent;
text-align: left;
}

h2.page-header2 {
text-align: left;
font-size: 18px !important;
}

span.entryMetadata-label, div.asset-tags h4 {
font-size: 15px !important;
}

div.asset-tags h4 {
font-size: 15px !important;
font-weight: bolder;
margin-left: 0px !important;
color: #293e73;
}

div.comment-date {
color: #293e73;
margin-left: 5px;
font-size: 10px;
}

.comment a {
color: #293e73;
font-weight: normal
}

.comment a:hover {
color: #293e73;
font-weight: normal;
text-decoration:underline;
}

div.comments-nav a {
color: #293e73;
}

div.comments-nav a:hover {
color: #293e73;
text-decoration:underline;
}

div#comments {
color: #293e73;
font-size:16px;
}

span.separator {
color: #293e73;
}

.archive-widget,.powered-widget {
display:none;
}

.asset-header {
padding: 0px;
margin-left:0px;
background: url(http://img-fotki.yandex.ru/get/6200/23020237.1/0_7f0a2_c2369982_XS) no-repeat left top;
}

.asset-header-content {
padding-left: 50px;
}

.asset-meta-list {
font-size:13px;
}

li.asset-meta-comments,
li.asset-meta-no-comments{
display:inline !important;
float:none !important;
border-left:0px !important;
}

div.asset-meta ul.asset-meta-list {
text-align:center;
}

Пожалуйста, ставьте ссылку (в профиле, в информации "О себе", предварительно убрав звездочки *):
дизайн <*lj user="*gold_nostalgia*">