Дизайн осенний анимированный: genia_nice

Оригинал взят у
nadin_senina в Дизайн осенний анимированный
Под катом показываю вам исходные картинки. Сделала в ФШ
[Посмотреть...]
***
Ширина ленты записи 1100 пкс
Код стиля
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   Generated in http://lj.yoksel.ru
   Layout: 10
   Modified by: Your Name
   Date: 27.09.2016
\*- - - - - - - - - - - - - - - - - - - - - -*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: fixed;
background-repeat: repeat;
background-position: center top;
background-color: #000000;
background-image: url(http://ic.pics.livejournal.com/nadezhda_senina/72412498/57387/57387_original.jpg);
font-family: Georgia;
font-size: 23px;
line-height: 1.5em;
color: #ffffff;
}

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

#container-inner{
width: 1135px;
}

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

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

#content{
margin: 0px;
width: 1135px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

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

#beta {
background-color: #2d3321;
width: 1130px;
left:0px;
display: block;
margin: 0px 0px 0px 0px;
float: none;
position: absolute;
height: 300px;
}

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

#gamma{
display:none;}

#alpha {
background-color: #2d3321;
width: 1130px;
margin: 320px 0px 0px 0px;
padding: 0px 0px 20px 0px;
float:left !important;
}


#alpha-inner {
position:relative;
width: 1100px !important;
margin: 0px 0px 0px 0px;
padding-top: 15px !important;
left: 15px !important;
}

.lj-view-month #alpha-inner br{
height:0px;
line-height:0px;
}

div.post-asset{
width: 1100px;
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 20px 0px !important;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 20px 0px
}

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

div.asset-inner{
margin-bottom:0px !important;
width: 1100px;
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: 1100px;
}

div#comments{
padding: 0px;
width: 1100px;
padding: 15px 0px 15px 0px;
}

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

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

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

div#header{
margin: 0px 0px 10px;
padding:0px;
z-index:100;
width: 1130px;
height: 580px;
left: 0px;
top: 0px;
position: relative;
overflow:hidden !important;
box-shadow: 0px 0px 20px 0px
}

div#header-inner{
margin: 0px;
padding:0px;
width: 1130px;
height: 580px;
}

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

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

div#header-text{
position:absolute;
top:0px;
}

#header-photo{
position:relative;
background-repeat: repeat;
background-color: #2d3321;
height: 520px !important;
width: 1130px !important;
top: 0px;
}

#header-photo-inner{
position:relative;
background-repeat: repeat;
background-position: center;
background-image: url(http://ic.pics.livejournal.com/nadezhda_senina/72412498/57104/57104_original.gif);
height: 500px !important;
width: 1100px !important;
left: 15px;
top: 15px;
}

ul.nav{
background-color: #2d3321;
background-repeat: repeat;
width: 1130px;
height: 50px;
left: 0px;
top: 520px;
text-align: center;
position: absolute;
}

.nav .item{
height: 50px;
padding:0px;
left: 0px;
text-align: center;
padding: 0%;
width: 20%;
border: 0px solid #ccc;
margin: 0px 0px 0px 0px;
line-height: 1.7em;
}

div#header-name{
margin:0px;
top: 0px;
position: absolute;
text-align: center;
display: none;
}

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;}

.lj-view-month div.prevnext{
margin: 10px 0px 20px 10px !important;
}

.lj-view-month div#alpha-inner br{
display: none;
}

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

div#beta-inner{
padding:0px;
width: 101%;
overflow: hidden;
height: 270px;
margin: 15px 0px 0px 0px;
margin-left:0%;
}

div.widget {
width: 23%;
margin: 0px 0% 0px 1.4%;
height: 270px;
float: left;
font-size: 12px;
line-height: 1.3em;
color: #ffffff;
background-color: #736f46;
overflow-y: auto;
}

div.widget-inner {
width: 90%;
margin: 0px auto;
padding: 10px 0px 0px 0px;
}

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

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

div.widget h3.widget-header{
padding:0px;
text-align: left;
margin-bottom:10px;
}

.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;
padding: 0px;
}

dl.widget-list dd.item{
list-style: none !important;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}

div.calendar-widget table{
width: 100% !important;
}

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-month div.asset-header,
.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;
float: none !important;
display: inline !important;
}

.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{
text-align: center;
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;
right:0px;
position:absolute;
top:0px;
z-index:0;
}

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

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: 25px;
color: #ffffff;
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 dotted #ddd;
}

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

.asset-body dl{
margin: 10px 0px 0px 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 5px 0px;
border: 0px solid red;
font-family: Georgia;
font-size: 16px;
color: #ffffff;
font-weight: normal;
text-align: center;
}

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: Georgia;
color: #ffffff;
font-size: 23px;
line-height: 1.5em;
}

div.comment-inner{
font-size: 23px;
box-shadow: 0px 0px 20px 0px
}

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;
}

span.separator{
visibility: hidden;
}

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: 23px;
}

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

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

/*----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{
line-height: 1.5em;
font-size: 23px;
color: #ffffff;
text-decoration: underline;
}

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

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

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

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

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

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Georgia;
font-size: 36px;
line-height: 1.3em;
color: #fff;
text-transform: uppercase;
font-weight: normal;
}

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

#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
color: #ffffff;
font-weight: bold;
}

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

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

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

#page div.widget-footer a{
font-size: 12px;
}

#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: 25px;
color: #ffffff;
line-height: 1.2em;
}

#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;
width: 880px;
font-family: Georgia;
font-size: 30px;
color: #ffffff;
line-height: 1.4em;
font-weight: normal;
text-decoration: none;
}

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

table.yeartable td.yearmonth{
line-height: 1.4em;
font-family: Georgia;
font-size: 30px;
color: #ffffff;
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: 30px;
line-height: 1.4em;
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

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

#page div.user-icon .ljuser a,
#page div.user-icon a b {
font-size:12px;
color: #ffffff;
text-decoration: none;
}

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

#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{
color: #ffffff;
font-weight: bold;
}

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

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

#page ul.year li a,
#page ul.year li a:visited{
color: #ffffff;
font-weight: bold;
}

#page td.yearmonth a{
text-decoration:underline;
font-style:normal;
text-transform:none;
}

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

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

#page dl dt a:link,
#page dl dt a:visited,
#page dl dt b{
font-weight:normal;
font-family: Georgia;
font-size: 30px;
color: #ffffff;
text-decoration:none;
}

/*----COMMON----*/
    
#postform table,
#qrform table{
width: 99%;
}

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

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

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

.textbox, textarea, select{
margin: 3px;
padding: 1px;
background: url(http://img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig);
border: 1px solid #ddd;
font-size: 23px;
font-family: Georgia;
color: #ffffff;
line-height: 1.5em;
}    

.lj-view-month div#alpha-inner dd br{
display: block;
}



/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   ----===   End of Css   ===----
   Generated in http://lj.yoksel.ru
   Layout: 10
   Date: 27.09.2016
\*- - - - - - - - - - - - - - - - - - - - - -*/

.i-ljuser-userhead[src*="img/userinfo.gif"] {
background: url("http://ic.pics.livejournal.com/ivan_pechenkov/71926228/61649/61649_original.gif") no-repeat !important; 
width: 0!important; 
height: 0!important;
padding: 17px 0 0 17px !important; 
}
Как установить дизайн, смотрим здесь
При разработке дизайна использовала Генератор дизайнов
Подготовила для вас ♥nadin_senina
Post a new comment
Error

Anonymous comments are disabled in this journal
ramblerID

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

ramblerID

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Preview comment

Help
9 comments
Post a new comment
9 comments
Log in

Дизайн осенний анимированный

Спешу поздравить вас с Весной!!!

Желаю всем красивой эимы !

Скоро буду ! С наступающим годом бычка !

Error
