Дизайн №14 - Маки

[vollig_allein]

Стиль: S2 Unstyled Expressive
Тип аккаунта: любой
Браузеры: Google Chrome, Apple Safari, Opera, Mozilla Firefox
Сайдбар: слева
Заголовок и подзаголовок: есть

Превью дизайна. Картинка кликабельна.




Инструкции по установке:

1. Идите в настройки: настройки

2. В поисковой строке введите Unstyled.

В секторе "Выбор дизайна" выберите дизайн Unstyled Expressive и нажмите зелёную кнопку "Применить дизайн".

В секторе "Выбор макета" выбираете "колонка слева". И нажмите на кнопку "настроить выбранное оформление".

3. В секторе "Настройте своё оформление" выберете Custom CSS.

Custom stylesheet: вставьте приведенный ниже код.

body{
background-color: #fff !important;
background:url(http://www.ljplus.ru/img4/v/o/vollig_allein/maki.jpg) repeat;
background-attachment: fixed;
text-align:center;
color: #666;
font-family: "Georgia";
padding-left:140px !important;
}

a:link, a:visited, a font {
color:#68adf2;
font-weight:normal;
text-decoration:none;
}

a:hover, a:hover b, a b{
color: #68adf2;
font-weight:normal;
text-decoration:underline;
}

#container{
background-color: transparent;
width:1100px;
margin:auto;
padding-top: 20px !important;
}

#container-inner{
background-color: transparent;
width:1070px;
margin:0px;
padding:0px;
}

#page{
width:1100px;
margin:0px;
padding:0px;
background-color: transparent;
}

#page-inner{
width:1070px;
padding:0px;
margin:0px;
}

#header{
position: relative;
background-color: transparent;
background:url() no-repeat;
width:750px;
height 100px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-bottom: 20px !important;
margin-left: 200px !important;
}

div#header-content{
background-color: transparent;
width:100px;
margin:0px !important;
padding:0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

div#header-content-inner{
background-color: transparent;
margin:0px;
padding:0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

div#header-text{
width:750px;
text-align:left;
}

#header-name {
position: absolute;
}

#header-description {
position: absolute;
}

#header-name {
width:750px;
font-size:26px;
bottom:-70px !important;
text-align:left;
font-family: Georgia;
font-style: italic;
text-align:center;
}

#header-name a{
font-variant:small-caps;
color:#4b8dce;
text-decoration:none;
}

#header-name a:hover {
text-decoration:underline;
color: #68adf2;
font-variant:small-caps;
}

#header-description{
width:750px;
color: #68adf2;
font-size:18px;
top:120px !important;
text-align:left;
font-family: Georgia;
font-style: italic;
text-align:center;
}

ul.nav{
position:relative;
text-align: center !important;
margin-top:20px !important;
font-family: Georgia;
font-size: 20px;
font-style: italic;
border: none;
background-color:transparent;
width: 750px !important;
}

.nav a {
color: #fff;
text-decoration: none;
}

.nav a:hover {
color: #68adf2;
text-decoration: none;
}

.nav .current, .nav .current a {
color: #68adf2;
text-decoration: none;
}

ul.nav li.item {
border: 0px green solid;
float:none;
display:inline;
margin:0px 10px;
background-color:#c8e4f8;
width: 950px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-top:120px !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;
background-repeat:no-repeat;
position:top !important;
padding: 0px;
margin:0px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: 25px !important;
}

#alpha {
width:750px;
padding: 0px;
margin-left:20px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color:#fff !important;
padding-top:20px !important;
margin-top:60px !important;
}

#alpha-inner {
width: 720px;
padding-left: 15px !important;
padding-right: 15px !important;
margin: 0px;
padding-top:10px !important;
}

#beta {
position:relative;
width: 180px;
margin: 0px;
margin-top: -0px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color:transparent;
margin-top:60px !important;
}

#beta-inner {
width: 180px;
padding: 0px;
margin:0px
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#gamma {
display: none;
}

.stream-header {
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}

p.prevnext, .skiplinks {
text-align:center;
font-size: 15px;
}

p.prevnext a, .skiplinks a{
color: #777;
text-decoration: none;
font-weight:normal;
font-family: "Georgia";
font-size: 15px;
font-style: italic;
}

p.prevnext a:hover, .skiplinks a:hover{
text-decoration: underline;
color:#777;
font-family: "Georgia";
font-size: 15px;
font-style: italic;
}

.asset {
margin:0px;
padding:0px;
color: #000;
}

.asset-inner {
margin:0px;
padding:0px;
margin-bottom:20px;
margin-left:5px;
padding-top:10px !important;
}

.asset-body {
width: 690px;
padding:0px;
margin:0px;
margin-bottom:0px;
}

.asset-content {
width: 690px;
text-align: justify;
margin-left:10px;
padding:0px;
padding-top: 10px !important;
}

.asset-header {
padding: 0px;
margin-left:10px;
font-size:22px;
background-color: transparent !important;
border-bottom: 1px dashed #417523;

}

.asset-header-content {
padding-left: 35px;
background-color: transparent !important;
background: url(http://savepic.org/1257336.gif) no-repeat left top;
height:55px;
}

.asset-header a{
color: #cd0a10;
text-decoration:none;
font-style: italic;
}

.asset-header a:hover {
color: #cd0a10;
text-decoration:underline;
font-style: italic;
}

.asset-header-content-inner {
padding-left:-15px;
}

h2.page-header2 {
text-align: left;
margin: 5px 0px 0px 20px;
font-size: 20px !important;
background-color: transparent !important;
}

div.asset-header li.item span {
margin-left:25px;
font-size:11px;
color: #666;
font-style: italic;
}

.user-icon {
float:right;
margin-left:0px;
margin-bottom: 3px;
background-color: transparent !important;
text-align:center;
font-size:12px;
padding-left:0px !important;
margin-right: -165px !important;
}

.user-icon span {
background-color: #fff !important;
opacity:.80; -moz-opacity: 0.80; filter: alpha(opacity=80);
}

.user-icon img {
border:1px solid #fff;
padding: 10px 10px 10px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.asset-meta-list {
font-size:13px;
}

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;
padding-top: 10px !important;
}

.asset-meta-list a{
color: #666;
text-decoration: none;
font-weight:normal;
font-style: italic;
}

.asset-meta-list a:hover {
color: #666;
text-decoration: underline;
font-weight:normal;
font-style: italic;
}

div.lj-currents {
width:710px;
position: relative;
font-size:14px;
padding-top: 10px !important;
}

div.lj-currents a {
color: #cd0a10;
text-decoration:underline;
font-style: italic;
}

div.lj-currents a:hover {
color: #fff;
background-color: #cd0a10;
text-decoration:none;
font-style: italic;
}

.entryMetadata-label {
font-size:14px;
color:#666;
font-style:italic;
}

.entryMetadata-content {
font-size:14px;
padding-left:2px;
font-weight:normal;
}

.entryMetadata-content a {
font-weight:normal;
}

.entryMetadata-content a:hover {
font-weight:normal;
}

.asset-tags {
width:690px;
margin:0px;
padding: 0px;
font-size:14px;
}

h4.asset-tags-header {
font-size: 18px;
color:#666 !important;
font-weight: normal;
margin-left:2px;
margin: 0px auto;
margin: 0 0 10px 0;
font-style: italic;
}

.asset-tags-list {
font-size:14px;
}

.asset-tags-list li.item a {
color: #cd0a10;
text-decoration:underline;
font-weight:normal;
font-style: italic;
}

.asset-tags-list li.item a:hover {
text-transform: none;
color: #cd0a10;
background-color: transparent;
text-decoration:none;
font-weight:normal;
font-style: italic;
}

.widget {
width:180px;
font-size:12px;
border-top:0px solid #2b6147;
padding-top:0px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: -10px !important;
}

.widget-inner {
width:180px;
padding-top:0px !important;
color: black;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
text-align: center;
}

div#beta-inner a {
color: #000;
}

div#beta-inner a:hover {
color: #000;
text-decoration:underline;
}

h3.widget-header {
padding-top:5px !important;
font-weight: normal;
color:#fff;
background-color: #a4d2f3;
height:20px !important;
padding-top:0px !important;
text-align:center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-bottom: 0px dashed #2b6147;
opacity:.60; -moz-opacity: 0.60; filter: alpha(opacity=60);
font-family: Georgia;
font-size: 16px;
font-style: italic;
}

h3.widget-header a{
font-weight:normal;
color: #fff !important;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:normal;
text-decoration:underline;
color: #fff !important;
}

.about-me-widget {
color: #999 !important;
font-weight:normal;
text-align:center !important;
}

.archive-widget {
color: #000;
font-weight:normal;
text-align:left !important;
float: left !important;
}

.syndicate-widget, .powered-widget, .archive-widget {
display:none;
}

.module-calendar{
font-size:12px;
}

.module-typelist, .module-categories,
.module-pagesummary a {
color: #a4e563;
}

.module-typelist, .module-categories,
.module-pagesummary a:hover {
color: #a4e563;
}

.calendar-widget a {
color:#cd0a10 !important;
}

.calendar-widget a:hover {
color:#cd0a10 !important;
}

.categories-widget a {
color: #68adf2 !important;
font-weight:normal;
}

.categories-widget a:hover {
color: #68adf2 !important;
font-weight:normal;
}

.archive-widget a {
color: #000 !important;
font-weight:normal;
}

.archive-widget a:hover {
color: #000 !important;
font-weight:normal;
}

.typelist-widget a {
color: #68adf2 !important;
}

.typelist-widget a:hover {
color: #68adf2 !important;
text-decoration: underline;
}

ul.year {
font-size:18px;
color:#68adf2;
font-variant:small-caps;
margin-top:10px;
}

#comments {
width:720px;
color:#000;
min-height:300px !important;
}

div.comments-inner {
width:690px;
margin:0px;
padding:0px;
}

div.comments-body {
width:710px;
text-align:justify;
}

.comment-odd {
padding: 3px;
border:#6db1f2 1px solid;
background-color: #c8e4f8;
padding-top: 5px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.comment-even {
padding: 3px;
border: none;
background-color: #c8e4f8;
border:#6db1f2 1px solid;
padding-top: 5px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

.comments-header.page-header2 {
width:715px;
font-size: 22px;
color: #cd0a10;
margin-top:50px;
text-align:center;
font-style:italic;
}

div.comment-body {
margin:5px;
margin-bottom:5px;
font-size:13px;
margin-right: 5px;
}

div#comments-inner a{
color: #777;
}

div#comments-inner a:hover{
color: #777;
text-decoration:underline;
}

hr{
display:none;
}

div.asset-header {
background-color: transparent;
text-align: left;
}

h2.page-header2 {
text-align: left;
font-size: 18px !important;
}

span.entryMetadata-label, div.asset-tags h4 {
font-size: 14px !important;
}

div.asset-tags h4 {
font-size: 14px !important;
font-weight: bolder;
margin-left: 0px !important;
color: #666;
}

div.comment-date {
color: #333;
margin-left: 25px;
padding-top:3px;
}

.comment a {
color: #777;
font-weight: normal;
font-style: italic;
}

.comment a:hover {
color: #777;
font-weight: normal;
text-decoration:underline;
font-style: italic;
}

div.comments-nav a {
color: #68adf2;
}

div.comments-nav a:hover {
color: #68adf2;
text-decoration:underline;
}

div#comments {
color: #000;
font-size:14px;
}

span.separator {
color: #777;
}

h2.comments-header a{
color: #80bff2;
}

.layout-wt #beta {
margin:0px 0px 0px 0px
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

div.widget {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
width: 180px;
padding: 10px 0px 10px 0px;
margin: 0px 0px 30px 0px;
font-size: 12px;
background-color: #fff !important;
}

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

div.widget-inner {
width: 180px;
margin: 0px auto 0px auto;
}

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

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

.calendar-widget table{
margin:0px auto;}

div.about-me-widget div.user-pic{
width:100%;
}

/* Generated by Malionette's Tiny Icon Generator */

img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://savepic.org/1261416.png) no-repeat !important; padding: 16px 0 0 16px !important; }
img[src*="img/community.gif"] {width: 0 !important; height: 0 !important;
background: transparent url(http://savepic.org/1261416.png) no-repeat !important; padding: 16px 0 0 16px !important; }

Пожалуйста, ставьте кредит

by