Подарок пользователям от ЛитАкадемии - Серия дизайнов "Писательство", 2

[jenny_sparrow]

Продолжение щедрой акции от ЛитАкадемии. Правила те же :)

Дизайн второй - Чернильницы

1. Expressive
2. Одна колонка(нет боковой панели)
3. Mozilla, Opera, IE 7



Увеличить



1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.

body{
background-color: white;
font-family:Georgia;
font-size:13.5px;
}
a:link, a:visited, a font, a b {
color: #8c9b96;
font-weight: normal;
text-decoration: underline;
}

a:hover, a:hover b {
color: #8c9b96;
font-weight: normal;
text-decoration: none;
}

#container {
width:250px;
margin-top:0px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00095zaa);
background-repeat:y-repeat;
}
#container-inner {
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000946k1);
background-repeat:no-repeat;
position:top left !important;
}

#page{
width:800px;
margin-left:260px;
margin-top:0px;
margin-right:0px;
}
#page-inner{
width:800px;
margin:0px;
padding:0px;
}

#header {
background-color:transparent;
width:800px;
height:230px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00096k5a);
background-repeat:no-repeat;
background-position:center bottom!important;
margin:0px;
padding:0px;
}
div#header-inner{
text-align:center;
width:800px;
margin:0px;
padding:0px;
}
div#header-content{
margin:0px;
padding:0px;}

div#header-content-inner{
margin:0px;
padding:0px;
}
div#header-text{
width:800px;
text-align:center;
}
ul.nav {
width:800px;
font-size:16px;
margin:0px;
margin-top:15px;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
.nav a{
color:#8c9b96;
text-decoration:none;
}
.nav a:hover {
color:#14262a;
text-decoration:none;
}
#header-name {
font-size:25px;
font-variant:small-caps;
margin-top:20px;
text-align:center;
}
#header-name a{
color:#8c9b96;
text-decoration:none;
font-weight:bold;
}
#header-name a:hover{
color:#14262a;
text-decoration:none;
font-weight:bold;
}

#header-description{
text-align:center;
margin-top:10px;
color:#14262a;
font-size:15px;
}
#content{
width:800px;
margin:0px;
background-color:transparent;
}
#content-inner{
width:800px;
margin:0px;
padding:0px;
}
#alpha {
width:800px;
margin:0px;
margin-top:10px;
padding:0px;
}
#alpha-inner {
width:800px;
margin:0px;
padding:0px;
}
#beta, #gamma {
display:none;
}
.stream-header {
width:800px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
}
p.prevnext, .skiplinks{
width:800px;
text-align:center;
font-size:13px;
}
.prevnext a, .skiplinks a{
color:#8c9b96;
text-decoration:none;
}
.prevnext a:hover, .skiplinks a:hover{
color:#8c9b96;
text-decoration:underline;
}
.asset {
width:780px;
margin:0px;
padding:0px;
text-align:justify;
margin-top:20px;
}
.asset-inner {
width:770px;
margin:0px;
padding:0px;
margin-bottom:50px;
background:url(http://pics.livejournal.com/tryout_cover/pic/00092e2t) no-repeat bottom left;
}

.asset-header {
width:785px;
font-variant:small-caps;
margin-left:5px;
}
.asset-header-inner {
background:url(http://pics.livejournal.com/tryout_cover/pic/0009391x) no-repeat top right;
height:70px;
}
h2.asset-name {
margin-left:25px;
}
h2.asset-name a{
font-size:22px;
color:#8c9b96;
text-decoration:none;
}
h2.asset-name a:hover {
text-decoration:underline;
color:#8c9b96;
}
div.asset-header li.item {
border:none;
float:right;
margin-right:50px;
color: dimgray;
font-size:10.5px;
font-variant: normal;
}

.asset-meta {
width:700px;
margin-top:10px;
}

.asset-meta a{
font-size:10.3px;
color:dimgray;
}
.asset-meta a:hover {
font-size:10.3px;
color:dimgray;
text-decoration:none;
}

ul.asset-meta-list {
width:635px;
margin-left:160px;
}
.asset-content {
width:770px;
padding:0px;
}
.asset-body{
width:750px;
margin:0px;
padding:0px;
margin-left:25px;
margin-bottom:20px;
}
.user-icon {
float:left;
padding:0px;
background-color:transparent !important;
text-align:center;
font-size:10px;
margin:0px;
margin-bottom:4px;
margin-right:7px;
}
.user-icon span {
background-color:transparent !important;
}

.user-icon img {
padding:5px;
border:1px solid #8c9b96;
}
img[src*="userinfo.gif"] {
padding: 0px;
}
img[src*="community.gif"] {
padding: 0px;
}

.entryMetadata-label{
font-size:11px;
color: dimgray;
}
.entryMetadata-content {
margin-left:5px;
}

.lj-currents {
font-size:11px;
color:dimgray;
margin-left:25px;
}
div.asset-tags {
width:740px;
margin-left:25px;
}

h4.asset-tags-header {
font-weight:bold;
font-size:11px !important;
color: dimgray;
margin-left:3px;
}

ul.asset-tags-list {
font-size:11px;
padding-left:8px !important;
}

.asset-tags-list li.item a {
color:#8c9b96;
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-transform:none;
color:#8c9b96;
background-color:transparent;
text-decoration:underline;
}

ul.year {
width:800px;
font-size:20px;
color:#8c9b96;
}

#comments {
width:800px;
margin-top:10px;
}
div.comments-body{
width:800px;
margin:0px;
padding:0px;
}
.comments-header.page-header2 {
width:800px;
font-size:20px;
color:#8c9b96;
text-align:center;
font-weight:normal;
font-variant:small-caps;
}
div.comment-inner div.user-icon {
float:left;
margin:0px;
margin-right:5px;
margin-bottom:3px;
}

div.comment-body {
font-size:13px;
margin:7px;
margin-bottom:20px;
}
.comment-even {
border:none;
border-bottom: #14262a dotted 2px;
}
hr{
display:none;
}

NB Не забудьте указать у себя в профиле ссылку: Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!

Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):


http://litacademia.ru/">http://pics.livejournal.com/tryout_cover/pic/0008k328" border="0">