Железяка

Mar 21, 2014 15:22

Весенне-летний вариант по заявке watermelon83.






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

Код:
/*
by spring625 http://spring-625.livejournal.com/
*/

body{
background-color: #fff;
background-image: url(http://spring625.narod.ru/design6/159_14.jpg);
background-attachment: scroll;
background-repeat: repeat;
background-position: center top;
font-family: Arial;
font-size: 15px;
line-height: 1.5em;
color: #111;}

#lj_controlstrip_new {
background-color: #e1b284;
border-bottom:0px solid #a46d49;
box-shadow:0px 0px 5px #604e3e;
-webkit-box-shadow: 0px 0px 5px #604e3e;
-moz-box-shadow: 0px 0px 5px #604e3e;}

.w-cs {
color: #604e3e!important;}

.w-cs a:link,
.w-cs a:visited,
.w-cs a:active,
.w-cs a:hover {
border: none !important;
text-decoration: none;
color: #604e3e!important;}

.w-cs .w-cs-userinfo,
.w-cs-summary,
.w-cs .w-cs-summary LI.w-cs-i-tokens {
background: transparent !important;
border: none;}

#container{
padding: 0px 0px 50px 0px;}

#container-inner{
border-left:0px solid #3b1f00;
border-right:0px solid #3b1f00;
border-bottom:0px solid #3b1f00;
box-shadow:0px 0px 0px #1d0801;
-webkit-box-shadow: 0px 0px 0px #1d0801;
-moz-box-shadow: 0px 0px 0px #1d0801;
padding: 20px 0px 0px 0px;
width: 1000px;}

#content{
border-top:0px solid #3b1f00;
width: 1000px;
padding: 10px 0px 0px 0px;
margin-top: 0px;
box-shadow:0px 0px 0px #351707;
-webkit-box-shadow: 0px 0px 0px #351707;
-moz-box-shadow: 0px 0px 0px #351707;}

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

#beta {
width: 195px!important;
padding: 0px 0px 0px 0px;
Border: 0px solid #fff;}

#beta-inner{
Border: 0px solid #555;
padding: 0px 0px 0px 0px!important;
margin: 0px 0px 0px 0px!important;}

div.widget-content{
width: 165px!important;
Border: 0px solid #111;
padding: 0px 0px 0px 0px!important;
margin: 0px 0px 20px 0px!important;}

.widget{
width: 165px!important;
border: 5px dotted #efc191;
background-color: #a89380;
margin-bottom: 30px!important;
padding: 10px 10px 0px 10px!important;}

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

#alpha {
padding: 0px 0px 0px 0px!important;
width: 780px!important;
Border: 0px solid #896d52;}

#alpha-inner {
margin: 0px 0px 0px 0px!important;
width: 780px!important;
Border: 0px solid #999;
position:relative;}

div#header{
width: 1076px;
height: 413px;}

#header-photo{
position:absolute;
height: 413px !important;
width: 1076px !important;}

#header-photo-inner{
position:relative;
background-image: url(http://spring625.narod.ru/design6/159_16.png);
background-repeat: no-repeat;
height: 413px !important;
width: 1076px !important;
margin-left: -29px;}

div#footer{
padding-bottom:10px!important;
width: 1000px;
background-repeat: no-repeat;
background-image: url(http://spring625.narod.ru/design4/125_.jpg);
height: 0px;}

ul.nav{
position:absolute;
width: 200px;
left: 15px;
top: 35px;
text-align: left;}

.nav .item{
padding: 0px 0px 5px 10px!important;
display:block;
float:none;
Border: none;}

#page .nav .item a{
font-size: 14px;
font-family: Batang;
color: #3e3329;
line-height: 0.8em;
text-decoration: none;
border: 0px solid red;
text-transform: lowercase;}

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

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

div#header-name{
width: 490px;
right: 110px;
top: 40px;
line-height: 1em;
position: absolute;
text-align: right;
border: 0px solid #999;}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-size: 28px;
font-family: Batang;
color: #895b3b;
font-weight: normal;
font-style:;
text-shadow:0px 0px 0px #111!important;
line-height: 1em;}

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

div#header-description{
z-index: 10;
width: 270px;
left: 210px;
top: 150px;
text-align: left;
line-height: 1em;
position: absolute;
font-family: Palatino Linotype, Constantia;
font-size: 20px;
color: #d8bfa2;
letter-spacing: px;
border: 0px solid #999;
font-style: italic;
text-shadow:0px 0px 5px #000!important;
display:none;}

#page a,
#page a:visited,
#page a font{
font-family: Arial;
color: #111;
text-decoration: underline;}

#page a:visited{
color: #3e3228;}

#page a:hover,
#page a:hover b {
color: #3e3228;
text-decoration: none;}

#page div.widget h3.widget-header{
letter-spacing: 2px;
Border: 0px solid #acabab;
text-decoration:none;
font-family: Batang!important;
font-weight: bold;
font-size: 18px;
color: #3d3229!important;
line-height: 1.2em;}

#page div.widget h3.widget-header a,
#page div.widget h3.widget-header a:visited{
text-decoration:none;
font-family: Batang!important;
font-weight: bold!important;
font-size: 18px;
color: #3d3229!important;
line-height: 1.2em;}

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-family: Batang;
font-size: 20px;
font-weight: bold;
color: #3d3229;
line-height: 1.1em;
font-style:;
text-decoration: none;}

#page .page-header2 a:hover{
color: #3e3228;}

div.asset-content{
padding: 10px 0px 0px 0px;
margin-bottom:10px;
border-bottom: 0px dotted #322413;}

.post-asset{
Border: 5px dotted #efc191;
background-color: #a89380;
padding: 10px 10px 10px 10px;
margin-top: 0px;
margin-bottom: 30px;}

div.asset-header li.item span{
padding: 5px 10px 5px 10px!important;
font-family: Candara;
font-size: 14px;
line-height: 1.0em;
font-style:;
color: #000;
background-color: #d29d6b;
background-image: url(http://spring625.narod.ru/design6/144_.png);
background-repeat: no-repeat;
Border: 0px solid #532d1c;}

.comment-date{
font-family: Candara;
font-size: 14px;
line-height: 1.0em;
color: #3e3228;
font-style:;
margin: 10px 0px 10px 0px;}

div.asset-header{
border:0px solid #999;
padding: 0px 0px 0px 0px;}

h2.page-header2{
border:0px solid #111;
margin: 0px 0px 0px 0px !important;}

div.asset-inner{
background-image: url(http://spring625.narod.ru/design6/145_.png);
background-repeat: no-repeat;
border:0px solid #999;}

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

#page ul.asset-meta-list li.item{
font-size: 16px;}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
font-family: Arial Narrow;
color: #111;
font-weight: normal;
line-height: 1.1em;
text-decoration: none;}

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

.asset-meta-list .item{
border: none;}

div.asset-meta {
border-top: 2px dotted #6e6155;
padding: 10px 0px 0px 0px;
background-image: url(http://spring625.narod.ru/design6/134_.png);
background-repeat: no-repeat;}

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

.profile-name{
font-weight:normal;
font-size: 14px;}

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
font-size: 12px;
color: #111;}

#page div.asset-tags a,
#page div.lj-currents ul li a{
font-size: 14px;
color: #111;
font-weight: normal;
font-family: Arial;
text-decoration: none;}

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
font-family: Arial!important;
color: #111;
font-style:;
font-weight: normal;
margin-right: 10px !important;}

div.asset-tags h4,
span.entryMetadata-label{
font-size: 14px!important;
margin-right: 5px !important;
color: #111;
font-weight: normal;}

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

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

div.calendar-widget td,
div.calendar-widget th{
text-align: center;
padding: 3px 2px 3px 2px;}

div.calendar-widget table{
margin: 10px 0px 10px 0px!important;
width: 100% !important;
border:0px solid red;}

ul.year {
font-size: 16px;
text-align: center;
margin-bottom:10px;}

table.yeartable td.yeardate,
table.yeartable td.yearday{
border:none;
padding: 5px 5px 5px 5px;}

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{
background-color:transparent;
font-family: Arial;
font-size: 24px;
color: #111;
font-weight: normal;
text-decoration: none;}

.prevnext,
.skiplinks{
color: #111;
text-decoration: none;}

div.widget {
line-height: 1.1em;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
background-image: url(http://spring625.narod.ru/design6/134_.png);
background-repeat: no-repeat;}

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

div.widget a {
color: #111!important;
font-size: 14px;
font-family: Arial!important;
text-decoration: none!important;
font-weight: normal!important;}

ul.widget-list li.item{
list-style: none !important;}

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

.widget .user-pic a img,
.widget .user-pic img {
border: 0px;
margin-bottom:10px;
box-shadow:0px 0px 0px #6a6375;
-webkit-box-shadow: 0px 0px 0px #6a6375;
-moz-box-shadow: 0px 0px 0px #6a6375;}

div.user-icon{
margin-left: 10px;
float:right;
box-shadow:0px 0px 0px #6a6375;
-webkit-box-shadow: 0px 0px 0px #6a6375;
-moz-box-shadow: 0px 0px 0px #6a6375;}

div.comment-body{
padding:15px 0px 15px 0px;
font-family: Arial;
color: #111;
font-size: 14px;
line-height: 1.5em;}

div.comment-links{
margin:10px 0px 15px 0px;
font-size: 16px;}

div#comments{
border: 5px dotted #efc191;
background-color: #a89380;
padding: 10px 10px 0px 10px!important;
margin:15px 0px 0px 0px;}

span.separator{
color: #a89380;}

.comment-even{
border-top: 2px dotted #6e6155!important;
border-bottom: 2px dotted #6e6155!important;
Border-left: none!important;
Border-right: none!important;
padding:10px 0px 5px 0px;}

span.commenter-name a{
font-size: 14px;
font-weight: normal!important;
color: #111!important;}

#postform table{
margin:10px 0px 15px 20px;
width: 700px!important;
border: 2px dotted #6e6155!important;
Padding:10px;}

#qrform table{
margin:10px 0px 15px 20px;
width: 700px!important;
border: 2px dotted #6e6155!important;
Padding:10px;}

#comments table .textbox,
#comments table textarea,
#comments table select{
font-family: Arial;
font-size: 14px;}

div.powered-widget{
display:none;}

#page ul.year li a,
#page ul.year li a:visited{
font-size: 24px;
Padding-right:20px;}

Более подробные инструкции по установке здесь

Чтобы указать авторство, вставьте в профиль баннер:




Код для него:

http://spring-625.livejournal.com/">http://spring625.narod.ru/design/1012_05.jpg">

тема: компьютерные игры, тема: природа, цвет: бежевый, цвет: серый, тема: техника, стиль: expressive, дизайны к установке, тема: графика

Previous post Next post
Up