Три медведя.

[bogdan_63]

Оригинал взят у esistenzaz в Три медведя.




Стиль: Smooth Sailing
Заголовок:да
Подзаголовок: нет
Сайдбар: слева
Комментария в жж: да
Посмотреть как смотрится в жж ЗДЕСЬ!




1) В стиле журнала выбираете тему Smooth Sailing
2) Выбираем макет журнала - 2 колонки, боковая панель слева.
3) Юзерпик с право!
Отображение,
Базовые настройки,
Userinfo Position in Entries, right
4) Переходим по ссылке "Настроить свой стиль". Выбираем Custom CSS. И вставляем основной код.
5) В сидебаре Список меток, Tags Sidebox Position  изменить с 17 на 9
6) Сноска с произвольным текстом, В первом окне выставить
Free Text Position 10
Note - стереть
В окно вставить код!




/*-------- @ http://esistenzaz.livejournal.com ---------*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: fixed;
background: url(http://img-fotki.yandex.ru/get/6423/41594077.34/0_955d5_1f61988_orig)#FFFFFF repeat;}
.bodyheaderblock {
display: none;}
.pageblock {
padding: 0;
background: url(http://img-fotki.yandex.ru/get/6419/41594077.33/0_92929_786803e1_orig)no-repeat;}
.header-menu {
background: url() no-repeat left bottom;
height: 0px;
padding: 0px;
margin: -125px 0px 0 -15px;
border: 0;}
.header-menu ul {
align: bottom;
background: transparent;
width: 100%;
padding: 92px 0 0 0;
margin: 0px;
text-align: left;}
.header-menu li {
display:block;
background: url();
margin: 10px 10px 10px 10px;
padding: 15px 15x 5px 300px ;
min-height: 20px;}
.header-menu li a,
.header-menu li a:visited {
background: url() no-repeat;
border-radius: 0px;
padding: 10px 30px;
color: #dea764;
font-family: 'Aclonica',serif;
font-size: 24px;
text-shadow: 0 2px 0 #7d2307, 0 3px 0 #777777}
.header-menu li a:hover {
background: url() no-repeat;
border-radius: 0px;
color: #dea764;
font-family: 'Aclonica',serif;
font-size: 24px;
margin: 20px auto;
text-shadow: 0 1px 0 #7d2307, 0 2px 0 #7d2307, 0 3px 0 #777777, 0 5px 0 #555555, 0 6px 0 #7d2307, 0 7px 0 #333333, 0 8px 7px #000000; }
.header-title {
background-color:transparent;
padding: 20px 20px 0 560px;
color: #dea764;
font-family: 'Aclonica',serif;
font-size: 3em;
text-shadow: 0 2px 0 #7d2307, 0 3px 0 #777777}
.header-subtitle {
background-color:transparent;
padding: 7px 20px 0 600px;
font: normal 0px Calibri, Tahoma;
color: #663333;}
.profile-userpic {
background:url() no-repeat;
padding: 0px 5px 3px 40px;
background:#f7f3c3;
border-radius:4px;
bottom:15px;
max-width:300px;
-webkit-box-shadow:0 10px 6px #4c5440;
-moz-box-shadow:0 10px 6px #4c5440;
box-shadow:0 10px 6px #4c5440;}
.profile-content {
padding: 0px 5px 3px 19px;
background: url() no-repeat;
text-decoration: none;
font-family: 'Aclonica',serif;
font-size: 20px;}
.profile-label{
width:210px;
display: none;
font-family: 'Aclonica',serif;
font-size: 20px;}
.profile{
padding: 2px 2px 2px 30px;}
a, a:link, a:visited {
text-decoration: none;
color: #c7bc85;
font-family: 'Aclonica',serif;
text-shadow: 0 1px 0 #8eb564, 0 2px 0 #7d9e4c, 0 3px 0 #777777;
font-size: 20px;}
a:hover {
text-decoration: none;
color: #8eb564;
font-family: 'Aclonica',serif;
text-shadow: 0 1px 0 #f5ebb3, 0 2px 0 #f5ebb3, 0 3px 0 #777777, 0 5px 0 #555555, 0 5px 0 #333333;
font-size: 20px;}
.entryUserinfo{
background:url() no-repeat;
position:relative;
width:40%;
padding:1em;
margin:2em 10px 4em;
background:#f7f3c3;
border-radius:4px;
bottom:15px;
left:10px;
width:50%;
max-width:300px;
-webkit-box-shadow:0 10px 6px #4c5440;
-moz-box-shadow:0 10px 6px #4c5440;
box-shadow:0 10px 6px #4c5440;
right:10px;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg) ;
transform:rotate(3deg) ;}
.commentUserinfo {
background:url() no-repeat;
position:relative;
width:40%;
padding:1em;
margin:2em 10px 4em;
background:#f7f3c3;
border-radius:4px;
bottom:15px;
left:10px;
width:50%;
max-width:300px;
-webkit-box-shadow:0 10px 6px #4c5440;
-moz-box-shadow:0 10px 6px #4c5440;
box-shadow:0 10px 6px #4c5440;
right:10px;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg) ;
transform:rotate(3deg) ;}
.commentHolder {
float: left;
clear: both;
min-width: 860px;}
.sidebar{
position:absolute;
top:524px;
width:160px;
padding:55px 0px 0px 0px;
border:0px;
background: url();
font-family: 'Aclonica',serif;
font-size: 24px;}
.sidebox{
padding: 5px 0px 0px 10px;
width:210px;
background: url()top left no-repeat,url() top left ;
-webkit-box-shadow:0 1px 4px inset;
-moz-box-shadow:0 1px 4px inset;
box-shadow:0 1px 4px inset;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 10px 8px #4c5440;
-moz-box-shadow:0 10px 8px #4c5440;
box-shadow:0 10px 8px #4c5440;}
.sideboxTitle {
background: url() no-repeat;
font-weight:bold;
border: 0;
margin: 5px;
padding: 10px 10px 5px 30px;
color: #dea764;
font-family: 'Aclonica',serif;
font-size: 1em;
text-shadow: 0 2px 0 #7d2307, 0 3px 0 #777777 }
.sideboxContent {
background: url()top left no-repeat;
padding: 5px 5px;
width: 110px;
font-family: 'Aclonica',serif;
font-size: 24px;
color: #663333;}
#tags_sidebox {
color: transparent;}
#tags_sidebox a {
margin: 0px;
width:170px;
display: block;
text-align: left;
line-height: -4px;
padding: 0px;
background: url();
font-family: 'Aclonica',serif;
font-size: 24px;}
.bodyblock {
padding: 0 20px;
margin: 530px 0 0 0}
.entryHolder,
.commentHolder {
padding: 10px 0 5px 24px;
border: 0px;
width:300px;
margin-left:260px;
margin-bottom:15px;
background: url(http://img-fotki.yandex.ru/get/6521/41594077.33/0_9292a_deea35e9_orig) top left no-repeat,url(http://img-fotki.yandex.ru/get/6623/41594077.33/0_92915_d0955c58_orig) top left ;
min-width: 860px;}
.entryHeader{
background:url() repeat;
border-top:0px;
font-family: 'Aclonica',serif;
font-size: 24px;
padding:20px 2px 0px 15px;
margin-bottom:2px;}
.entryHeaderSubject {
margin: -30px 10px 0 60px;
padding: 0px 10px 5px 15px;
background:url(http://img-fotki.yandex.ru/get/5822/41594077.c/0_74f30_963f5d07_orig) no-repeat;
border: 0px;
text-decoration: none;
color: #c7bc85;
font-family: 'Aclonica',serif;
text-shadow: 0 1px 0 #8eb564, 0 2px 0 #7d9e4c, 0 3px 0 #777777;
font-size: 20px;}
.entryHeaderSubject a,
.entryHeaderSubject a:visited,
.entryHeaderSubject a:hover
.commentHeaderSubject {
text-decoration: none;
color: #c7bc85;
font-family: 'Aclonica',serif;
text-shadow: 0 1px 0 #8eb564, 0 2px 0 #7d9e4c, 0 3px 0 #777777;
font-size: 20px;}
.entryText{
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.entryMetadata {
padding: 10px 0 5px 10px;
font-family: 'Aclonica',serif;
font-size: 24px; }
.entryMetadata ul,
.entryMetadata li,
.entryMetadata-label{
padding: 10px 0 5px 10px;
font-family: 'Aclonica',serif;
font-size: 24px; }
.entryHeaderDate {
padding: 16px 0 0px 0;
color: #dea764;
font-family: 'Aclonica',serif;
font-size: 1em;
text-shadow: 0 2px 0 #7d2307, 0 3px 0 #777777;}
.entryLinkbar {
margin: 0;
padding: 10px 0 5px 20px;
text-align: left;
border: 0;
background-image: url();
font-family: 'Aclonica',serif;
font-size: 24px;
font-weight:bold;
text-transform: uppercase;
color: #FFFFFF;}
.entryLinkbar li,
entryLinkbar ul,
entryLinkbar li a {
padding: 0 10px 0 0;
font-family: 'Aclonica',serif;
font-size: 24px;
font-weight:bold;
color: #696969;}
.commentText {
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.commentLinkbar {
margin: 0;
padding: 5px 0 5px 0;
text-align: left;
border: 0;
background-image: url();
border:0px;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.commentLinkbar li {
padding: 5 5px 0 0;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.commentHeader {
background: url() repeat;
border:0px;
font-family: 'Aclonica',serif;
font-size: 12px;
color: #000000;
margin-left:100px;
min-width: 200px; }
.commentHeaderScreened {
margin: 5px 0 20px 0;
padding: 5px;
background: url(http://img-fotki.yandex.ru/get/4713/41594077.8/0_72f3b_e06bc862_XL) repeat;
border:0px;
font-family: 'Aclonica',serif;
font-size: 12px;
color: #000000;}
.commentHeader span {
background: url() repeat;
margin: 0px;
font-family: 'Aclonica',serif;
font-size: 12px;
color: #7d2307;
text-transform: uppercase;}
.replyform {
padding: 5px 250px;
margin: 0 auto 50px auto;
border: 2px dashed #663333;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.quickreply_entry form table,
.quickreply_comment form table,
#postform {
background: url() repeat;
border: 0;
border-radius: 12px;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;
line-height: 22px;
padding: 10px 30px;
margin: 10px 30px;}
#postform b {
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.replyform {
border-radius: 12px;
background: url(http://img-fotki.yandex.ru/get/4713/41594077.8/0_72f3b_e06bc862_XL) repeat;
border: 2px dashed #FFFFFF;}
.textbox {
border: 0;
padding: 3px;}
.bodynavblock {
background: url()no-repeat center;
border: 0;
text-align: center;
margin: 5px 5px 0 5px;
padding: 20px 20px 20px 20px;}
#footer-menu a,
#footer-menu a:link,
#footer-menu a:visited,{
font-family: 'Aclonica',serif;
font-size: 20px;
color: #000000;}
.pagefooterblock {
margin: 0;
padding: 40px;
border: 0;
background: url() no-repeat bottom center;
height: 50px;
font-size: 0;}
#search input{
background:url(http://img-fotki.yandex.ru/get/4420/41594077.6/0_72b23_29366331_orig);
border: 3px inset #7d2307;
color: #7d2307;
font-weight:bold;}
#search input#SearchTerm{
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;
border: 3px inset #7d2307;
background:url(http://img-fotki.yandex.ru/get/4420/41594077.6/0_72b23_29366331_orig);
font-weight:normal;}
select{
background:url(http://img-fotki.yandex.ru/get/4420/41594077.6/0_72b23_29366331_orig);
border: 3px inset #7d2307;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;}
input{
background:url(http://img-fotki.yandex.ru/get/4420/41594077.6/0_72b23_29366331_orig);
border: 3px inset #7d2307;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307; }
textarea{
background:url(http://img-fotki.yandex.ru/get/4420/41594077.6/0_72b23_29366331_orig);
border: 3px inset #7d2307;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307; }
span a[href*="profile"] img{width: 0 !important; height: 0 !important;
background: transparent url(http://img-fotki.yandex.ru/get/6619/41594077.33/0_9326f_1e814d79_orig) no-repeat !important; padding: 16px 0 0 16px !important;}
.sidebox #latestmonth table{
margin: 0 auto;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;
font-size: 0.9em;}
#latestmonth table td {
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;
text-align: center;}
.latestmonth-inactive {
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;
padding: 4px;}
.latestmonth-active {
padding: 4px;
font-weight: bold;
font-family: 'Aclonica',serif;
font-size: 20px;
color: #7d2307;
background: url() no-repeat center;}
#ad-leaderboard {
display: none;}
#ad-5linkunit {
display: none;}
.adv { display: none;}