Дизайн №13 - Пикник

[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: #a4e563 !important;
background:url(http://lenagold.ru/fon/uzor/geze/gelzeluz65.jpg) repeat;
background-attachment: fixed;
text-align:center;
color: #666;
font-family: "Georgia";
padding-left:140px !important;
}

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

a:hover, a:hover b, a b{
color: #3f5613;
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(http://savepic.org/1276974.jpg) no-repeat;
width:750px;
height:450px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin-bottom: 20px !important;
margin-left: 200px !important;
}

div#header-content{
background-color: transparent;
width:750px;
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:385px !important;
text-align:left;
font-family: Georgia;
left:30px !important;
font-style: italic;
}

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

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

#header-description{
width:750px;
color: #fff;
font-size:18px;
top:70px !important;
text-align:left;
font-family: Georgia;
left:45px !important;
font-style: italic;
}

ul.nav{
position:relative;
text-align: center !important;
margin-top:460px !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: #3f5613;
text-decoration: none;
}

.nav .current, .nav .current a {
color: #3f5613;
text-decoration: none;
}

ul.nav li.item {
border: 0px green solid;
float:none;
display:inline;
margin:0px 10px;
background-color:#c8efa0;
width: 950px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

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

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

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

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

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

p.prevnext a:hover, .skiplinks a:hover{
text-decoration: underline;
color:#666;
font-family: "Arial";
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 #a4e563;

}

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

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

.asset-header a:hover {
color: #a4e563;
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: -140px !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
border:10px solid #a4e563;
padding: 0px 0px 0px 0px;
-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: #ff6895;
text-decoration:underline;
font-style: italic;
}

div.lj-currents a:hover {
color: #fff;
background-color: #ff6895;
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: #ff6895;
text-decoration:underline;
font-weight:normal;
font-style: italic;
}

.asset-tags-list li.item a:hover {
text-transform: none;
color: #ff6895;
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: #a4e563;
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: #a4e563 !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 {
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:#ff6895 !important;
}

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

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

.categories-widget a:hover {
color: #000 !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: #a4e563 !important;
}

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

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

#comments {
width:720px;
color:#666;
}

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

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

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

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

.comments-header.page-header2 {
width:715px;
font-size: 22px;
color: #a4e563;
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: #666;
}

div#comments-inner a:hover{
color: #666;
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: #666;
margin-left: 25px;
padding-top:3px;
}

.comment a {
color: #666;
font-weight: normal
}

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

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

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

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

span.separator {
color: #666;
}

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

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

div.widget {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 180px;
padding: 10px 0px 10px 0px;
margin: 0px 0px 30px 0px;
font-size: 12px;
background-color: #fefffc !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%;
}

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

by