Сиреневая акварель

Feb 14, 2012 22:30

Нежный и немного ностальгический дизайн для романтиков...

Стиль: 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*">

ДИЗАЙН ЖЖ

Previous post Next post
Up