Дизайн для ЖЖ в темно-синих тонах: gorlenka

Оригинал взят у

loric_50 в Дизайн для ЖЖ в темно-синих тонах

Дизайн для ЖЖ синий

(кликабельно)
ширина фона для записи - 1000 пкс

Код для схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   Generated in http://lj.yoksel.ru
   Layout: 033
   Modified by: Your Name
   Date: 15.07.2014
\*- - - - - - - - - - - - - - - - - - - - - -*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: fixed;
background-repeat: repeat;
background-position: center top;
background-color: #000000;
background-image: url(http://img-fotki.yandex.ru/get/6835/136160416.16c/0_1155df_a4499f4f_orig.jpg);
font-family: Constantia;
font-size: 20px;
color: #cddce6;
line-height: 1.5em;
}

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

#container-inner{
width: 1200px;
}

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

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

#content{
margin: 0px;
width: 1200px;
}

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

#beta {
width: 200px;
display: block;
}

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

#gamma{
display:none;}

#alpha {
width: 968px;
padding: 0px 0px 20px 0px;
}

.lj-view-tags #alpha{
padding: 0px 0px 20px 0px;
}

#alpha-inner {
position:relative;
width: 968px !important;
margin: 0px 0px 0px 0px;
}

.lj-view-tags #alpha-inner{
width: 968px;
background-color: #0c1419;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding: 20px 0px 20px 0px !important;
}

.lj-view-tags #alpha-inner h2{
margin: 0px 15px !important;
}

.lj-view-tags #alpha-inner ul{
margin: 15px !important;
}

div.post-asset{
background-color: #0c1419;
margin: 0px 0px 30px 0px !important;
padding: 10px 0px 20px 0px !important;
width: 968px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

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

div.asset-inner{
margin-bottom:0px !important;
width: 938px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.asset-content {
position:relative;
}

.post-asset .asset-body {
width: 938px;
position:relative;
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
line-height: 1.5em;
}

div#comments{
padding:0px;
background-color: #0c1419;
width: 968px;
padding: 15px 0px 15px 0px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

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

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

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

div#header{
border: 0px solid red;
margin: 0px;
padding:0px;
width: 1200px;
height: 478px;
top: 0px;
overflow:hidden !important;
}

div#header-inner{
border:0px solid blue;
margin: 0px;
padding:0px;
width: 1200px;
height: 478px;
}

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

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

div#header-text{
border:0px solid green;
//margin-top:-15px;
}

#header-photo{
border:0px solid green;
position:relative;
background-repeat: repeat;
background-color: #0c1419;
height: 430px !important;
width: 1200px !important;
top: 0px;
top: 0px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

#header-photo-inner{
border:0px solid green;
position:relative;
background-image: url(http://img-fotki.yandex.ru/get/6742/136160416.16c/0_1155de_44eb1437_orig.jpg);
background-repeat: repeat;
background-position: center;
height: 400px !important;
width: 1170px !important;
left: 15px;
top: 15px;
-moz-border-radius:12.5px;
-webkit-border-radius:12.5px;
border-radius:12.5px;
}

ul.nav{
width: 1200px;
left: 0px;
top: 430px;
height: 48px;
border-top: 0px solid red;
text-align: center;
position: absolute;
}

.nav .item{
left:0px;
padding: 0px 12px 0px 12px;
border: 0px solid red;
display:inline;
float:none;
line-height: 2em;
}
.nav .current{
}

.nav .first{
}

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

div#header-description{
text-align: left;
display: none;
}

div.stream-header{
border:0px solid green;
margin-bottom:0px;
}

.lj-view-recent div.stream-header,
.lj-view-friends div.stream-header{
border:0px solid green;
margin-bottom:0px;
display: none;
}

.prevnext,
.skiplinks{
padding-left:0px !important;
text-align: center;
color: #ddd;
}

p.prevnext{
padding-left:5px !important;
margin-bottom:20px;
}

div.stream-header p.prevnext{}

p.prevnext a,
.skiplinks a{
font-weight:normal;
text-decoration:underline;
}

div.prevnext{
text-align: left;}

div.prevnext table{
margin:0px;}

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

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

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

div#beta-inner{
padding:0px;
}

div.widget {
font-size: 20px;
color: #cddce6;
background-color: #0c1419;
width: 200px;
padding: 15px 0px 15px 0px;
margin: 0px 0px 30px 0px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

div.widget-inner {
width: 170px;
margin: 0px 15px 0px 15px;
}

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

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

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

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

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

div.calendar-widget td,
div.calendar-widget th{
text-align: center;
font-size: 20px;
}

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

.lj-view-month div.asset-header,
.lj-view-archive div.asset-header{
display:none;}

div.user-icon{
margin:0px;
margin-bottom:10px;
margin-left: 10px;
float:right;
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;
}

.layout-tw li.asset-meta-comments,
.layout-tw li.asset-meta-no-comments{
float:right !important;
}

div.asset-meta{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.asset-meta ul.asset-meta-list{
text-align: left;
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: Constantia;
font-size: 12px;
line-height: 2.0em;
font-variant: small-caps;
font-weight: normal;
}

/*--------CALENDAR--------*/

ul.year {
text-align: center;
margin:0px;
}

ul.year li,
ul.year li.active{
font-size: 24px;
color: #cb5522;
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 solid #eee;
}

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

.asset-body dl{
margin-left:10px;
margin-top:10px;
}

dl dt b{
font-weight:bold;
}

dl dt a:hover{
text-decoration:none;
}

/*----ENTRY_IN----*/

div.day h2 {
padding:10px 0px 10px 0px;
border: 0px solid red;
font-size: 18px;
font-family: Segoe Script;
color: #cb5522;
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;
text-transform:uppercase;
}

.comment-date{
margin-bottom:7px;
margin-top:7px;
color: #777;
font-size: 12px;
font-style:italic;}

div.comment-body{
margin-bottom:5px;
font-family: Constantia;
color: #cddce6;
font-size: 20px;
line-height: 1.5em;
}

div.comment-inner{
font-family: Constantia;
color: #cddce6;
font-size: 20px;
}

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:10px 0px 20px 0px;
border:0px solid red;
}

span.separator{
visibility: hidden;
}

div.comment-links a{
text-decoration:underline;
font-weight:normal;
border:0px solid red;
}

div.comment-links a:hover{
text-decoration:none;
}

span.commenter-name{
font-weight:normal
}

div.comment-subject{
margin-bottom:7px;
}

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{
font-family: Constantia;
text-decoration: underline;
}

#page a:link,
#page a font{
line-height: 1.5em;
color: #cb5522;
text-decoration: underline;
}

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

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

#page .nav .item a{
border:0px solid red;
text-decoration: none !important;
font-family: Segoe Script;
font-size: 24px;
line-height: 2em;
color: #cb5522;
text-transform: uppercase;
font-weight: bold;
}

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

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

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Trebuchet MS;
font-size: 45px;
color: #cb5522;
line-height: 1em;
text-transform: uppercase;
font-weight: normal;
}

#page div#header-name a:hover{
}

#page .prevnext,
#page .skiplinks,
#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
font-family: Segoe Script;
color: #cb5522;
font-size: 16px;
font-weight: bold;
}

#page .prevnext a:hover,
#page .skiplinks a:hover{
}

#page div.widget a:link,
#page div.widget a font,
#page div.widget a b {
}

#page div.widget a:visited{
}

#page div.widget a:hover{
}

#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: Segoe Script;
font-size: 24px;
color: #cb5522;
line-height: 1.4em;
text-transform: uppercase;
font-weight: normal;
}

#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: 718px;
font-family: Segoe Script;
font-size: 24px;
color: #cb5522;
line-height: 1.4em;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

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

table.yeartable td.yearmonth{
font-family: Segoe Script;
font-size: 24px;
line-height: 1.4em;
color: #cb5522;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-family: Segoe Script;
font-size: 24px;
line-height: 1.4em;
color: #cb5522;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

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

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

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

#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;
color: #cb5522;
}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
font-family: Segoe Script;
font-size: 20px;
font-weight: bold;
}

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

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

.lj-view-month #page dl dt a,
.lj-view-month #page dl dt a:visited{
font-family: Segoe Script;
}

#page ul.year li a,
#page ul.year li a:visited{
font-family: Segoe Script;
color: #cb5522;
font-weight: bold;
}

#page td.yearmonth a{
text-decoration:underline;
font-style:normal;
text-transform:none;
font-family: Constantia;
font-size: 20px;
}

#page .yeardate a{
font-family: Segoe Script;
font-size: 24px;
font-weight: normal;
}

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

.lj-view-month #page dl dt a,
.lj-view-month #page dl dt b{
text-decoration:none;
font-weight:normal;
font-family: Segoe Script;
font-size: 24px;
color: #cb5522;
line-height: 1.4em;
}

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

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

#qrform table td,
#postform table td{
font-size: 20px;
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: 20px;
font-family: Constantia;
color: #cddce6;
line-height: 1.5em;
}

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

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

За главную картинку спасибо

olgamirazh

Как установить дизайн, читаем ЗДЕСЬ

При разработке дизайна использовался Генератор дизайнов

для вас Лариса Гурьянова

Post a new comment
Error
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

When you submit the form an invisible reCAPTCHA check will be performed.
You must follow the Privacy Policy and Google Terms of use.

Preview comment

Help
0 comments

Post a new comment
0 comments

Log in

Дизайн для ЖЖ в темно-синих тонах

Фазиль Искандер. Сон о Боге и Дьяволе

Хозяйка и волчица

Спасибо всем, кто нам мешает...

Error