Нежный и немного ностальгический дизайн для романтиков...
Стиль: S2 Unstyled Expressive
Тип аккаунта: любой
Заголовок: есть
Подзаголовок: есть
Сайдбар: справа
картинка кликабельна
Установка:
1. Зайдите в настройки оформления журнала:
http://www.livejournal.com/customize/2. В поле поиска над каталогом стилей введите Unstyled, нажмите Поиск
3. Из найденных выберите третий, для Expressive, примените дизайн
4. Выберите внизу тип макета: боковая панель справа
5. В секторе "Настройте своё оформление" выберете Custom CSS
6. Скопируйте код в большое текстовое поле
body{
background-color:#e5f3f3;
background-image:url(
http://img-fotki.yandex.ru/get/5507/23020237.0/0_7dfe1_83f2234f_orig);font-family:Times New Roman;
font-size:16px;
color: #e5f3f3;
}
a:link, a:visited, a font, a b{
color:#5c4253;
font-weight:normal;
text-decoration:none;
}
a:hover, a:hover b{
color: #5c4253;
font-weight:normal;
text-decoration:underline;
}
#container{
background-color:transparent;
width:950px;
margin:auto;
padding-top:17px !important;
}
#container-inner{
width:950px;
margin:0px;
padding:0px;
background-color: transparent;
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
}
#page{
width:950px;
margin:0px;
padding:0px;
}
#page-inner{
width:950px;
padding:0px;
margin:0px;
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
}
#header{
background-image:url(
http://img-fotki.yandex.ru/get/5505/23020237.0/0_7dd3e_6e8fb0f1_XXL);width:950px;
height:570px;
background-repeat:no-repeat;
padding:0px;
margin:0px;
-moz-border-radius: 20px !important;
-webkit-border-radius: 20px !important;
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:454px !important;
font-family: Arno Pro Smbd Caption;
font-size: 30px;
border: none;
background-color:transparent;
width: 950px !important;
}
.nav a {
color: #853131;
text-decoration: none;
}
.nav a:hover {
color: #3f283a;
text-decoration: none;
}
ul.nav li.item {
border: none;
float:none;
display:inline;
margin:0px 0px;
background-color:#fefefe;
opacity:.70; -moz-opacity: 0.70; filter: alpha(opacity=70);
width: 950px !important;
}
#header-name {
position: absolute;
}
#header-description {
position: absolute;
}
#header-name {
width:950px;
font-size:45px;
bottom:470px;
text-align:left;
font-family: Arno Pro Smbd Caption;
left:10px !important;
}
#header-name a{
font-variant:small-caps;
color:#853131;
text-decoration:none;
}
#header-name a:hover {
text-decoration:none;
color: #827785;
font-variant:small-caps;
}
#header-description{
width:950px;
color: #853131;
font-size:22px;
top:85px;
text-align:left;
font-family: Arno Pro Smbd Caption;
left:10px !important;
}
#content {
width:950px;
background-color:transparent;
padding:0px;
margin:0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: 0px !important;
}
#content-inner {
background-color: transparent;
width:950px;
position:top !important;
background-repeat:no-repeat;
padding: 0px;
margin:0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: 20px !important;
}
#alpha {
width:750px;
padding: 0px;
margin-right:20px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color:#eff0f0;
}
#alpha-inner {
width: 720px;
padding-left: 10px !important;
padding-right: 10px !important;
margin: 0px;
}
#beta {
width: 180px;
float: right;
margin: 0px;
padding-top: 20px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color:#eff0f0;
}
#beta-inner {
width: 180px;
padding: 0px;
margin:0px
}
#gamma {
display: none;
}
.stream-header {
width:750px;
margin-top: 10px;
margin-bottom: 0px !important;
}
p.prevnext, .skiplinks {
width: 750px;
text-align:center !important;
font-size: 16px;
}
p.prevnext a, .skiplinks a{
color: #5f4358;
text-decoration: underline;
text-align:center !important;
}
p.prevnext a:hover, .skiplinks a:hover{
text-decoration: underline;
color:#5f4358;
text-align:center !important;
}
p.prevnext{
padding: 0px !important;
margin: 0px !important;
}
ul.asset-meta-list a{
color: #5f4358;
text-decoration: none;
text-align:center !important;
}
ul.asset-meta-list a:hover{
color: #5f4358;
text-decoration: underline;
text-align:center !important;
}
.asset {
width: 750px;
margin:0px;
padding:0px;
padding-top:10px;
}
.asset-inner {
width: 720px;
margin:0px;
padding:0px;
color: #2e202b;
}
.asset-body {
width: 720px;
padding:0px;
margin:0px;
margin-bottom:20px;
padding-top: 10px !important;
}
.asset-header {
width:750px;
padding: 0px;
font-size:10px;
}
.asset-header a{
color: #5f4358;
text-decoration:underline;
}
.asset-header a:hover{
color: #853131;
text-decoration:underline;
}
div.asset-header li.item {
float:left;
color:#5f4358;
font-size:11px;
}
.asset-meta-list a{
color: #5f4358;
text-decoration: none;
}
.asset-meta-list a:hover {
color: #5f4358;
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:10px;
margin-right:10px !important;
background-color:transparent !important;
}
.user-icon img {
border:2px solid #5f4358;
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:12px;
}
h4.asset-tags-header {
font-size: 12px;
font-weight: bolder;
margin-left:2px;
}
.asset-tags-list {
width: 710px;
font-size: 18px;
}
.asset-tags-list li.item a {
color:#5f4358;
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-transform: none;
color: #5f4358;
background-color: transparent;
text-decoration:underline;
}
.widget {
width:180px;
font-size: 14px;
}
.widget-inner {
width:180px;
padding:0px;
color: #5f4358;
}
h3.widget-header {
font-weight: normal;
color: #5f4358;
height:20px !important;
padding-top:1px !important;
text-align:center;
font-size:18px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: none;
background-color:#ffffff;
opacity:.60; -moz-opacity: 0.60; filter: alpha(opacity=60);
}
h3.widget-header a{
font-weight:normal;
color:#5f4358;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:normal;
text-decoration:none;
color:#5f4358;
}
.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: #5f4358 1px solid;
background-color: #ffffff;
padding-top: 5px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.comment-even {
padding: 3px;
border: #5f4358 1px solid;
background-color: #ffffff;
padding-top: 5px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-left: 10px !important;
padding-right: 10px !important;
}
.comments-header.page-header2 {
width:720px;
font-size: 20px;
color: #5f4358;
text-align:center;
font-weight:normal;
margin-top:20px;
}
div .comment-body {
margin:10px;
margin-bottom:10px;
color: #5f4358;
font-size:16px !important;
}
div#comments-inner a{
color: #5f4358;
}
div#comments-inner a:hover{
color: #5f4358;
text-decoration:underline;
}
hr{
display:none;
}
div.asset-header {
background-color: transparent;
text-align: left;
}
h2.page-header2 {
text-align: left;
font-size: 22px !important;
}
span.entryMetadata-label, div.asset-tags h4 {
font-size: 14px !important;
}
div.asset-tags h4 {
font-size: 18px !important;
font-weight: bolder;
margin-left: 0px !important;
color: #5f4358;
}
div.comment-date {
color: ##5f4358;
margin-left: 5px;
font-size: 12px;
}
.comment a {
color: #5f4358;
font-weight: normal
}
.comment a:hover {
color: #5f4358;
font-weight: normal;
text-decoration:underline;
}
div.comments-nav a {
color: #5f4358;
}
div.comments-nav a:hover {
color: #5f4358;
text-decoration:underline;
}
div#comments {
color: #5f4358;
font-size:16px;
}
span.separator {
color: #5f4358;
}
.archive-widget,.powered-widget {
display:none;
}
.asset-header-content {
}
.asset-meta-list {
font-size:17px;
}
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;
}
span{
padding:0px !important;
}
.prevnext{
padding-bottom: 20px;
}
div#header-text{
margin:0px;
padding-top:79px;
top: 100px !important;
}
div#comment-links{
font-size:16px !important;
}
div#header-inner{
margin:0px;
padding:0px;
height:570px !important;
}
Пожалуйста, ставьте ссылку (в профиле, в информации "О себе", предварительно убрав звездочки *):
дизайн <*lj user="*gold_nostalgia*">