Layouts #027g & #027h: Cities. Moscow
В дизайнах использовались фотографии zyalt, кредит обязателен (образец есть в конце поста).
For these layouts I used some photos by zyalt, credit is necessary (see the sample in the end of the entry).
Правила: Дополнительные
Стиль: S2 Flexible Squares
Тип аккаунта: любой
Разрешение экрана: 1024+
Посты: фиксированная ширина
Картинки: до 710рх
Браузеры: Mozilla, Chrome, Safari, IE (Opera - наверное)
Комментарии в стиле журнала: да
Контрольная панель: включена
Сайдбар: полный
Заголовок и подзаголовок: только заголовок
Terms: Additional
Style: S2 Flexible Squares
Account type: all types
Screen Resolution: 1024+
Entries: fixed width
Images: max width 710px
Browsers: Mozilla, Chrome, Safari, IE (Opera I guess, too)
Comments in journal's style: yes
Controlstrip: enabled
Sidebar: enabled, full
Title & Subtitle: title only
Вживую // Live preview:
recent // friends // comments
Вживую // Live preview:
recent // friends // comments
1. В настройках журнала выбираете тему Flexible Squares (положение сайдбара - слева!) и жмете кнопку внизу "Customise selected theme ->".
2. В левом меню выбираете пункт "Custom CSS". В разделе "Page" ставите:
- Use layout's stylesheet(s): Yes
- Use layout's stylesheet(s) when including custom external stylesheet: No
- Use external stylesheets: No
3. В окошко Custom stylesheet вставляете текст:
1. In Customize section choose Flexible Squares style (sidebar on the left!) and click "Customise selected theme ->" below.
2. In left menu choose "Custom CSS". In "Page" section choose:
- Use layout's stylesheet(s): Yes
- Use layout's stylesheet(s) when including custom external stylesheet: No
- Use external stylesheets: No
4. In Custom stylesheet block, insert the following code:Желтый вариант / Yellow version:/* Layout #27g: Cities. Moscow in dawn (01: MFA) */
/* Date: December 02, 2011 */
/* S2 Style: Flexible Squares */
/*----- CREDITS -----*/
/* Design & Codes: Ruthenia Alba @ ruthenia-alba.livejournal.com */
/* Header Photo: Ilya Varlamov @ Zyalt.livejournal.com */
/* Tiny Icons: famfamfam @ famfamfam.com (flag icon) & graphicrating.com (globe icon) */
/*----- COLORS-----
#f4efe5 - grey for borders and fills;
#c3722a - a links;
#db9455 - a hover links;
#A9B4BD - date;
#5c574b - text;
#f7f5e7 - textarea & input;
*/
/*------BASICS------*/
body {
margin: 0;
padding: 0;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow01-credit.png) bottom right no-repeat,
url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow01-bg.jpg) repeat;
}
/* ----- links ----- */
a, a:link {
color: #c3722a;
}
a:hover {
color: #db9455;
}
a:visited {
color: #A9B4BD;
}
/* ----- title & subtitle ----- */
.title {
border: 0;
position: absolute;
align: center;
width: 900px;
margin: 85px 20px 0 20px;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 1px;
color: #c3722a;
}
.subtitle {
display: none;
}
/* ----- CONTENT ------ */
#content {
border: solid 5px #E6BE67;
padding: 0;
margin: 40px auto 60px auto;
width: 940px;
background: #fff;
border-radius: 4px;
}
/* ----- header ----- */
#header {
margin: 20px 20px 0 20px; /* !!! */
border: 0;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow01-header.jpg) no-repeat;
height: 358px; /* !!! */
}
/* ----- navigation ----- */
ul.navheader {
background: #f4efe5;
margin: 350px 0px 0 0px; /* !!! */
padding: 6px 0;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 1px;
border-top: solid 7px #fff; /* !!! */
color: #5c574b;
}
ul.navheader li {
}
ul.navheader a,
ul.navheader a:link,
ul.navheader a:visited {
color: #c3722a !important;
}
ul.navheader a:hover {
color: #db9455 !important;
}
/* ----- SIDEBAR ----- */
#sidebar {
float: left;
background: #fff;
border: 0;
margin: 20px 10px 0 20px;
padding: 0;
width: 170px;
font: normal 13px Arial;
}
.defaultuserpic img {
background: #fff;
padding: 5px;
border: 10px solid #f4efe5;
margin-bottom: 10px;
border-radius: 2px;
}
.sbarbody {
margin: 0 0 20px 0;
padding: 0;
}
li.sbartitle {
background: #f4efe5;
text-align: center;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 0px;
color: #c3722a;
border: 0;
margin: 0;
padding: 10px;
}
.sbarbody2 {
padding: 0;
font: normal 13px Arial;
color: #5c574b;
text-align: right;
}
ul.sbarlist sbarcontent {
margin: 0 !important;
padding: 0 !important;
}
li.sbaritem {
text-align: right;
margin: 7px 2px !important;
padding: 3px 5px !important;
border-bottom: 2px solid #f4efe5 !important;
font: normal 13px Arial;
color: #5c574b;
}
li.tagcloud a {
font: normal 13px Arial;
}
.sbarbody2 a, .sbarbody2 a:link, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited,
li.tagcloud a, li.tagcloud a:link, li.tagcloud a:visited {
color: #c3722a !important;
}
.sbarbody2 a:hover, li.sbaritem a:hover, li.tagcloud a:hover {
color: #db9455 !important;
text-decoration: none;
}
/* ----- sidebar calendar ----- */
div #sidebar_calendar .sbarcontent {
padding: 0;
}
.sbarcalendar {
text-align: center;
font: normal 15px Calibri;
color: #5c574b;
padding: 2px 4px;
border: 0;
}
.sbarcalendarposts {
background: #f4efe5;
padding: 3px;
border: 0;
}
.sbarcalendarposts a,
.sbarcalendarposts a:link,
.sbarcalendarposts a:visited {
text-align: center;
font: bold 15px Calibri;
color: #c3722a !important;
border: 0;
}
.sbarcalendarposts a:hover {
color: #db9455 !important;
}
/* ----- MAIN CONTENT ----- */
#maincontent {
margin: 15px 20px 0 210px;
background: transparent;
border: 0;
}
.subcontent {
margin: 0;
padding: 0;
border:0;
background: transparent;
}
/* ----- content: date & subject ----- */
.datesubject {
background: transparent;
margin: 0;
padding: 0;
}
.date {
background: transparent;
padding: 5px 0;
margin: 0;
color: #A9B4BD;
font: normal 11px Arial;
text-transform: uppercase;
text-align: left;
border: 0;
border-bottom: 2px solid #f4efe5;
}
.subject,
.replytosubject {
background: transparent;
padding: 5px 0px;
color: #c3722a;
font: bold 15px Calibri, Arial;
text-transform: uppercase;
text-align: left;
border: 0;
}
.subject a, .subject .subj-link, .subject a:link, .subject a:visited,
.replytosubject a, .replytosubject a:link, .replytosubject a:visited {
color: #c3722a;
text-decoration: none;
padding: 0;
margin: 0;
}
.subject a:hover,
.replytosubject a:hover {
color: #db9455;
text-decoration: none;
border: 0;
}
/* ----- content: userpic ----- */
.userpic,
.userpicfriends {
background: #fff !important;
border: solid 10px #f4efe5;
position: relative;
float: right;
margin: 5px 0px 5px 15px;
padding: 4px;
border-radius: 3px;
}
.userpic img,
.userpicfriends img {
width: 70px;
height: 70px;
}
.userpicfriends a font {
font: normal 13px Arial;
color: #c3722a;
}
.userpicfriends a:hover font {
color: #db9455;
}
.userpicfriends a:hover {
text-decoration: none !important;
}
/* ----- content: entry ----- */
.entry {
background: transparent;
text-align: justify;
border: 0;
margin: 0;
padding: 0;
font: normal 13px Arial;
line-height: 18px;
color: #5c574b;
}
.entry img {
max-width: 710px;
}
.entry_text {
min-height:50px;
overflow: visible !important;
}
.entry_text p {
font: normal 13px Arial;
line-height: 18px;
color: #5c574b;
}
blockquote {
padding: 10px;
margin: 10px 100px;
background: #f4efe5;
font: normal 13px Calibri, Arial;
border-radius: 2px;
}
/* ---- content: tags & currents ---- */
.ljtags {
margin: 10px 0 5px 0;
font: bold 15px Calibri;
text-transform: uppercase;
clear: none !important;
}
.ljtags a {
font: normal 13px Arial;
text-transform: lowercase;
}
.ljtags a:hover {
text-decoration: none;
}
.currents {
margin: 0 !important;
padding: 0;
font: normal 13px Arial;
}
.currents strong {
font: bold 15px Calibri;
text-transform: uppercase;
}
.currents a:hover {
text-decoration: none;
}
.currentlocation, .currentmood {
margin: 0 0 5px 0;
font: normal 13px Arial;
}
.currentmusic {
margin: 0;
font: normal 13px Arial;
}
.clear {
height: 0;
}
.separator {
height: 10px;
}
/* ------- content: comments ------- */
.comments {
height: 35px;
background: #f4efe5;
margin: -5px 0 0 !important;
padding: 5px;
text-align: center;
color: #f4efe5;
}
.comments a, .comments a:link {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #c3722a !important;
}
.comments a:hover {
color: #db9455 !important;
text-decoration: none;
}
/* ----- content: footer ----- */
#footer {
margin: 0 20px;
border:0;
background: #fff;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #5c574b;
}
.navfooter a, .navfooter a:link {
color: #c3722a !important;
}
.navfooter a:hover {
color: #db9455 !important;
}
.clearfoot {
background: #fff;
}
/* ----- COMMENTS PAGE ----- */
/* ----- links to posts ----- */
.skiplinks {
color: #fff;
margin: 5px 0;
text-align: left;
font: normal 13px Arial;
}
.skiplinks a {
padding: 0 5px 0 0;
font: normal 13px Arial;
}
.skiplinks a:hover {
text-decoration: none;
}
/* ----- comments ----- */
.box {
border: 0;
padding: 0;
font: normal 13px Arial;
color: #5c574b;
}
.box center {
font: normal 15px Calibri, Arial;
text-transform: uppercase;
color: #5c574b;
margin: 0 0 30px 0;
padding: 0;
}
.box center a {
color: #c3722a;
}
.box center a:hover {
color: #db9455;
text-decoration: none;
}
.commentbox {
background: transparent;
border: 0;
font: normal 13px Arial;
padding: 0;
margin: 0;
color: transparent;
}
.datesubjectcomment {
background: transparent;
color: #5c574b;
border: 0;
border-bottom: 2px solid #f4efe5 !important;
padding: 0 0 5px 0;
margin: 20px 0 0 0;
}
.commentreply {
font: normal 13px Arial;
line-height: 18px;
color: #5c574b;
text-align: justify;
margin: 5px 0 0;
}
.userpiccomment {
position: relative;
max-width: 70px;
max-height: 70px;
background: #fff;
border: solid 10px #f4efe5;
float: left;
padding: 4px;
border-radius: 3px;
margin: 0px 10px 0px 0px;
}
.commentbox div a {
font: normal 12px Arial;
}
.commentbox div a:hover {
text-decoration: none;
}
.commentbox div div {
padding: 5px 0 0 0 !important;
min-height: 25px;
}
.commentboxpartial {
background: #fff;
border: 0;
padding: 0 0 12px 0;
}
div.box form table {
border: 0 !important;
margin: 0 0 30px 0;
align: center;
color: #5c574b;
font: normal 13px Arial;
}
/* ----- REPLY PAGE ----- */
.replytoposter {
font: normal 13px Arial;
color: #5c574b;
}
/* ----- input & textarea ----- */
input, textarea, select {
font: normal 13px Arial;
color: #c3722a;
border: 2px solid #f4efe5;
background: #f7f5e7;
padding: 2px;
margin: 2px;
border-radius: 2px;
}
/* ----- FRIENDS PAGE ----- */
.lj-view-friends .userpicfriends {
color: #5c574b;
}
.lj-view-friends .userpicfriends a font {
color: #c3722a;
}
.lj-view-friends .userpicfriends a:hover font {
color: #db9455;
}
.lj-view-friends .userpicfriends a:hover {
text-decoration: none !important;
}
.lj-view-friends img {
max-width: 710px;
}
/* ----- CALENDAR PAGE ----- */
ul.year {
padding: 0 0 5px 0;
margin-top: 20px;
border-bottom: 2px solid #f4efe5 !important;
}
ul.year li {
display: inline;
color: #;
padding: 0 10px;
}
ul.year li a {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #c3722a;
}
ul.year li a:hover {
color: #db9455;
text-decoration: none;
}
li.active {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #5c574b;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
td.yearmonth {
color: #5c574b;
padding-bottom: 10px;
font: normal 11px Arial;
text-transform: uppercase;
}
td.yearmonth a:hover {
text-decoration: none;
}
table.yeartable td.yearday {
padding: 5px;
background: #fff;
text-align: center;
color: #5c574b;
border: 0;
font: bold 15px Calibri, Arial;
text-transform: uppercase;
}
table.yeartable td.yeardate {
font: normal 15px Calibri;
background: transparent;
border: 1px solid #f4efe5;
color: #5c574b;
padding: 5px 5px 0 0;
}
table.yeartable td.yeardate a:hover {
text-decoration: none;
}
/* ----- TAGS PAGE ----- */
.lj-view-tags #maincontent {
margin-top: 20px;
}
.lj-view-tags h2 {
padding: 0px 20px 5px 0;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #5c574b;
border-bottom: 2px solid #f4efe5 !important;
}
.ljtaglist {
font: normal 13px Arial;
color: #5c574b;
line-height: 18px;
}
.ljtaglist a {
text-decoration: none;
}
/* ----- MISCELLANEOUS ----- */
/* ----- lj user & images ----- */
.ljuser a b {
font: bold 15px Calibri;
letter-spacing: 0px;
color: #c3722a;
}
.ljuser a:hover {
text-decoration: none;
}
.ljuser a:hover b {
color: #db9455 !important;
}
img[src*="userinfo.gif"] {
width: 0;
height: 0;
padding: 6px 8px 8px 17px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow-ljuser.png) no-repeat transparent;
}
img[src*="community.gif"] {
width: 0;
height: 0;
padding: 9px 8px 8px 17px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow-ljcomm.png) no-repeat transparent;
}
/* ----- NEW CONTEXTUAL POPUP ----- */
.b-contextualhover a:link,
.b-contextualhover a:visited {
color: #c3722a !important;
}
.b-contextualhover a:hover {
color: #db9455 !important;
text-decoration: none !important;
}
.b-contextualhover,
.b-contextualhover div,
.b-contextualhover p,
.b-contextualhover ul,
.b-contextualhover ol,
.b-contextualhover li,
.b-contextualhover label,
.b-contextualhover img,
.b-contextualhover span,
.b-contextualhover h3,
.b-contextualhover input {
color: #5c574b;
}
/* ----- NEW NAVIGATION STRIP ------ */
#lj_controlstrip_new {
background: #E8C470;
border-bottom: solid 5px #E6BE67 !important;
border: 0;
}
.w-cs {
color: #545454 !important;
font: normal 11px Arial;
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:active {
border: none !important;
text-decoration: none;
color: #c3722a !important;
}
.w-cs A:hover {
color: #db9455 !important;
}
.w-cs .w-cs-menu li {
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow01-strip.png) no-repeat;
}
/* ----- left part: total ------ */
.w-cs .w-cs-userinfo {
background: transparent !important;
border: 0;
}
/* ----- left part: message window ------ */
.w-cs-summary {
background: #F7F5E7 !important;
border: solid #db9455 1px;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #db9455;
}
/* ----- right part: viewing journal ------ */
.w-cs-status p {
color: #5c574b !important;
font: normal 11px Arial !important;
}
/* ----- buttons: logout, search ------ */
.w-cs input.submit,
.w-cs input.text {
background: #F7F5E7;
border: solid #db9455 1px !important;
height: 19px;
padding: 0 5px 4px 5px;
border-radius: 2px;
box-shadow: 0 0 0 !important;
text-shadow: 0 0;
color: #db9455 !important;
}
.w-cs FORM.w-cs-search label.placeholder-label {
margin: 2px 0 0 3px;
color: #db9455 !important;
}
.w-cs FORM.w-cs-search INPUT.submit {
border: 0 !important;
height: 20px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow01-search.png) no-repeat !important;
background-position: -2px 1px !important;
}
/* ----- Contextual Popup ----- */
.b-popup-outer {
background: #f4efe5;
opacity: .9;
border: 0;
border-radius: 5px;
}
.b-popup-inner {
border: 0;
}
.i-popup-arr {
display: none;
}
.b-contextualhover a:link,
.b-contextualhover a:visited {
background: transparent;
color: #c3722a !important;
}
.b-contextualhover a:hover {
color: #db9455 !important;
text-decoration: none !important;
}
.b-contextualhover,
.b-contextualhover div,
.b-contextualhover p,
.b-contextualhover ul,
.b-contextualhover ol,
.b-contextualhover li,
.b-contextualhover label,
.b-contextualhover img,
.b-contextualhover span,
.b-contextualhover h3,
.b-contextualhover input {
color: #5c574b;
}
.b-contextualhover-options {
border-top: 1px solid #5c574b !important;
border-bottom: 0 !important;
}
.b-contextualhover h3 strong {
font: normal 13px Arial !important;
text-transform: none;
color: #5c574b;
}
Серый вариант / Grey version:
/* Layout #27h: Cities. Moscow in dawn (02: MSU) */
/* Date: December 02, 2011 */
/* S2 Style: Flexible Squares */
/*----- CREDITS -----*/
/* Design & Codes: Ruthenia Alba @ ruthenia-alba.livejournal.com */
/* Header Photo: Ilya Varlamov @ Zyalt.livejournal.com */
/* Tiny Icons: famfamfam @ famfamfam.com (flag icon) & graphicrating.com (globe icon) */
/*----- COLORS-----
#c2d3d6 - grey for borders and fills;
#5c8b93 - a links;
#88a9af - a hover links;
#A9B4BD - date;
#484848 - text;
#f7f5e7 - textarea & input;
*/
/*------BASICS------*/
body {
margin: 0;
padding: 0;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow02-credit.png) bottom right no-repeat, url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow02-bg.png) repeat;
}
/* ----- links ----- */
a, a:link {
color: #5c8b93;
}
a:hover {
color: #88a9af;
}
a:visited {
color: #A9B4BD;
}
/* ----- title & subtitle ----- */
.title {
border: 0;
position: absolute;
align: center;
width: 900px;
margin: 85px 20px 0 20px;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 1px;
color: #5c8b93;
}
.subtitle {
display: none;
}
/* ----- CONTENT ------ */
#content {
border: solid 5px #c2d3d6;
padding: 0;
margin: 40px auto 60px auto;
width: 940px;
background: #fff;
border-radius: 4px;
}
/* ----- header ----- */
#header {
margin: 20px 20px 0 20px; /* !!! */
border: 0;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow02-header.jpg) no-repeat;
height: 358px; /* !!! */
}
/* ----- navigation ----- */
ul.navheader {
background: #c2d3d6;
margin: 350px 0px 0 0px; /* !!! */
padding: 6px 0;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 1px;
border-top: solid 7px #fff; /* !!! */
color: #484848;
}
ul.navheader li {
}
ul.navheader a,
ul.navheader a:link,
ul.navheader a:visited {
color: #5c8b93 !important;
}
ul.navheader a:hover {
color: #88a9af !important;
}
/* ----- SIDEBAR ----- */
#sidebar {
float: left;
background: #fff;
border: 0;
margin: 20px 10px 0 20px;
padding: 0;
width: 170px;
font: normal 13px Arial;
}
.defaultuserpic img {
background: #fff;
padding: 5px;
border: 10px solid #c2d3d6;
margin-bottom: 10px;
border-radius: 2px;
}
.sbarbody {
margin: 0 0 20px 0;
padding: 0;
}
li.sbartitle {
background: #c2d3d6;
text-align: center;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
letter-spacing: 0px;
color: #5c8b93;
border: 0;
margin: 0;
padding: 10px;
}
.sbarbody2 {
padding: 0;
font: normal 13px Arial;
color: #484848;
text-align: right;
}
ul.sbarlist sbarcontent {
margin: 0 !important;
padding: 0 !important;
}
li.sbaritem {
text-align: right;
margin: 7px 2px !important;
padding: 3px 5px !important;
border-bottom: 2px solid #c2d3d6 !important;
font: normal 13px Arial;
color: #484848;
}
li.tagcloud a {
font: normal 13px Arial;
}
.sbarbody2 a, .sbarbody2 a:link, li.sbaritem a, li.sbaritem a:link, li.sbaritem a:visited,
li.tagcloud a, li.tagcloud a:link, li.tagcloud a:visited {
color: #5c8b93 !important;
}
.sbarbody2 a:hover, li.sbaritem a:hover, li.tagcloud a:hover {
color: #88a9af !important;
text-decoration: none;
}
/* ----- sidebar calendar ----- */
div #sidebar_calendar .sbarcontent {
padding: 0;
}
.sbarcalendar {
text-align: center;
font: normal 15px Calibri;
color: #484848;
padding: 2px 4px;
border: 0;
}
.sbarcalendarposts {
background: #c2d3d6;
padding: 3px;
border: 0;
}
.sbarcalendarposts a,
.sbarcalendarposts a:link,
.sbarcalendarposts a:visited {
text-align: center;
font: bold 15px Calibri;
color: #5c8b93 !important;
border: 0;
}
.sbarcalendarposts a:hover {
color: #88a9af !important;
}
/* ----- MAIN CONTENT ----- */
#maincontent {
margin: 15px 20px 0 210px;
background: transparent;
border: 0;
}
.subcontent {
margin: 0;
padding: 0;
border:0;
background: transparent;
}
/* ----- content: date & subject ----- */
.datesubject {
background: transparent;
margin: 0;
padding: 0;
}
.date {
background: transparent;
padding: 5px 0;
margin: 0;
color: #A9B4BD;
font: normal 11px Arial;
text-transform: uppercase;
text-align: left;
border: 0;
border-bottom: 2px solid #c2d3d6;
}
.subject,
.replytosubject {
background: transparent;
padding: 5px 0px;
color: #5c8b93;
font: bold 15px Calibri, Arial;
text-transform: uppercase;
text-align: left;
border: 0;
}
.subject a, .subject .subj-link, .subject a:link, .subject a:visited,
.replytosubject a, .replytosubject a:link, .replytosubject a:visited {
color: #5c8b93;
text-decoration: none;
padding: 0;
margin: 0;
}
.subject a:hover,
.replytosubject a:hover {
color: #88a9af;
text-decoration: none;
border: 0;
}
/* ----- content: userpic ----- */
.userpic,
.userpicfriends {
background: #fff !important;
border: solid 10px #c2d3d6;
position: relative;
float: right;
margin: 5px 0px 5px 15px;
padding: 4px;
border-radius: 3px;
}
.userpic img,
.userpicfriends img {
width: 70px;
height: 70px;
}
.userpicfriends a font {
font: normal 13px Arial;
color: #5c8b93;
}
.userpicfriends a:hover font {
color: #88a9af;
}
.userpicfriends a:hover {
text-decoration: none !important;
}
/* ----- content: entry ----- */
.entry {
background: transparent;
text-align: justify;
border: 0;
margin: 0;
padding: 0;
font: normal 13px Arial;
line-height: 18px;
color: #484848;
}
.entry img {
max-width: 710px;
}
.entry_text {
min-height:50px;
overflow: visible !important;
}
.entry_text p {
font: normal 13px Arial;
line-height: 18px;
color: #484848;
}
blockquote {
padding: 10px;
margin: 10px 100px;
background: #c2d3d6;
font: normal 13px Calibri, Arial;
border-radius: 2px;
}
/* ---- content: tags & currents ---- */
.ljtags {
margin: 10px 0 5px 0;
font: bold 15px Calibri;
text-transform: uppercase;
clear: none !important;
}
.ljtags a {
font: normal 13px Arial;
text-transform: lowercase;
}
.ljtags a:hover {
text-decoration: none;
}
.currents {
margin: 0 !important;
padding: 0;
font: normal 13px Arial;
}
.currents strong {
font: bold 15px Calibri;
text-transform: uppercase;
}
.currents a:hover {
text-decoration: none;
}
.currentlocation, .currentmood {
margin: 0 0 5px 0;
font: normal 13px Arial;
}
.currentmusic {
margin: 0;
font: normal 13px Arial;
}
.clear {
height: 0;
}
.separator {
height: 10px;
}
/* ------- content: comments ------- */
.comments {
height: 35px;
background: #c2d3d6;
margin: -5px 0 0 !important;
padding: 5px;
text-align: center;
color: #c2d3d6;
}
.comments a, .comments a:link {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #5c8b93 !important;
}
.comments a:hover {
color: #88a9af !important;
text-decoration: none;
}
/* ----- content: footer ----- */
#footer {
margin: 0 20px;
border:0;
background: #fff;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #484848;
}
.navfooter a, .navfooter a:link {
color: #5c8b93 !important;
}
.navfooter a:hover {
color: #88a9af !important;
}
.clearfoot {
background: #fff;
}
/* ----- COMMENTS PAGE ----- */
/* ----- links to posts ----- */
.skiplinks {
color: #fff;
margin: 5px 0;
text-align: left;
font: normal 13px Arial;
}
.skiplinks a {
padding: 0 5px 0 0;
font: normal 13px Arial;
}
.skiplinks a:hover {
text-decoration: none;
}
/* ----- comments ----- */
.box {
border: 0;
padding: 0;
font: normal 13px Arial;
color: #484848;
}
.box center {
font: normal 15px Calibri, Arial;
text-transform: uppercase;
color: #484848;
margin: 0 0 30px 0;
padding: 0;
}
.box center a {
color: #5c8b93;
}
.box center a:hover {
color: #88a9af;
text-decoration: none;
}
.commentbox {
background: transparent;
border: 0;
font: normal 13px Arial;
padding: 0;
margin: 0;
color: transparent;
}
.datesubjectcomment {
background: transparent;
color: #484848;
border: 0;
border-bottom: 2px solid #c2d3d6 !important;
padding: 0 0 5px 0;
margin: 20px 0 0 0;
}
.commentreply {
font: normal 13px Arial;
line-height: 18px;
color: #484848;
text-align: justify;
margin: 5px 0 0;
}
.userpiccomment {
position: relative;
max-width: 70px;
max-height: 70px;
background: #fff;
border: solid 10px #c2d3d6;
float: left;
padding: 4px;
border-radius: 3px;
margin: 0px 10px 0px 0px;
}
.commentbox div a {
font: normal 12px Arial;
}
.commentbox div a:hover {
text-decoration: none;
}
.commentbox div div {
padding: 5px 0 0 0 !important;
min-height: 25px;
}
.commentboxpartial {
background: #fff;
border: 0;
padding: 0 0 12px 0;
}
div.box form table {
border: 0 !important;
margin: 0 0 30px 0;
align: center;
color: #484848;
font: normal 13px Arial;
}
/* ----- REPLY PAGE ----- */
.replytoposter {
font: normal 13px Arial;
color: #484848;
}
/* ----- input & textarea ----- */
input, textarea, select {
font: normal 13px Arial;
color: #5c8b93;
border: 2px solid #c2d3d6;
background: #D9E5E7;
padding: 2px;
margin: 2px;
border-radius: 2px;
}
input:hover {
background: #E9F2F4 !important;
color: #88a9af !important;
}
/* ----- FRIENDS PAGE ----- */
.lj-view-friends .userpicfriends {
color: #484848;
}
.lj-view-friends .userpicfriends a font {
color: #5c8b93;
}
.lj-view-friends .userpicfriends a:hover font {
color: #88a9af;
}
.lj-view-friends .userpicfriends a:hover {
text-decoration: none !important;
}
.lj-view-friends img {
max-width: 710px;
}
/* ----- CALENDAR PAGE ----- */
ul.year {
padding: 0 0 5px 0;
margin-top: 20px;
border-bottom: 2px solid #c2d3d6 !important;
}
ul.year li {
display: inline;
color: #;
padding: 0 10px;
}
ul.year li a {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #5c8b93;
}
ul.year li a:hover {
color: #88a9af;
text-decoration: none;
}
li.active {
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #484848;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
td.yearmonth {
color: #484848;
padding-bottom: 10px;
font: normal 11px Arial;
text-transform: uppercase;
}
td.yearmonth a:hover {
text-decoration: none;
}
table.yeartable td.yearday {
padding: 5px;
background: #fff;
text-align: center;
color: #484848;
border: 0;
font: bold 15px Calibri, Arial;
text-transform: uppercase;
}
table.yeartable td.yeardate {
font: normal 15px Calibri;
background: transparent;
border: 1px solid #c2d3d6;
color: #484848;
padding: 5px 5px 0 0;
}
table.yeartable td.yeardate a:hover {
text-decoration: none;
}
/* ----- TAGS PAGE ----- */
.lj-view-tags #maincontent {
margin-top: 20px;
}
.lj-view-tags h2 {
padding: 0px 20px 5px 0;
font: bold 16px Calibri, Arial;
text-transform: uppercase;
color: #484848;
border-bottom: 2px solid #c2d3d6 !important;
}
.ljtaglist {
font: normal 13px Arial;
color: #484848;
line-height: 18px;
}
.ljtaglist a {
text-decoration: none;
}
/* ----- MISCELLANEOUS ----- */
/* ----- lj user & images ----- */
.ljuser a b {
font: bold 15px Calibri;
letter-spacing: 0px;
color: #5c8b93;
}
.ljuser a:hover {
text-decoration: none;
}
.ljuser a:hover b {
color: #88a9af !important;
}
img[src*="userinfo.gif"] {
width: 0;
height: 0;
padding: 6px 8px 8px 17px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow-ljuser.png) no-repeat transparent;
}
img[src*="community.gif"] {
width: 0;
height: 0;
padding: 9px 8px 8px 17px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow-ljcomm.png) no-repeat transparent;
}
/* ----- NEW NAVIGATION STRIP ------ */
#lj_controlstrip_new {
background: #d9e5e7;
border-bottom: solid 5px #c2d3d6 !important;
border: 0;
}
.w-cs {
color: #545454 !important;
font: normal 11px Arial;
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:active {
border: none !important;
text-decoration: none;
color: #5c8b93 !important;
}
.w-cs A:hover {
color: #88a9af !important;
}
.w-cs .w-cs-menu li {
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow02-strip.png) no-repeat;
}
/* ----- left part: total ------ */
.w-cs .w-cs-userinfo {
background: transparent !important;
border: 0;
}
/* ----- left part: message window ------ */
.w-cs-summary {
background: #e9f2f4 !important;
border: solid #88a9af 1px;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #88a9af;
}
/* ----- right part: viewing journal ------ */
.w-cs-status p {
color: #484848 !important;
font: normal 11px Arial !important;
}
/* ----- buttons: logout, search ------ */
.w-cs input.submit,
.w-cs input.text {
background: #e9f2f4;
border: solid #88a9af 1px !important;
height: 19px;
padding: 0 5px 4px 5px;
border-radius: 2px;
box-shadow: 0 0 0 !important;
text-shadow: 0 0;
color: #88a9af !important;
}
.w-cs FORM.w-cs-search label.placeholder-label {
margin: 2px 0 0 3px;
color: #88a9af !important;
}
.w-cs FORM.w-cs-search INPUT.submit {
border: 0 !important;
height: 20px;
background: url(http://webzoom.freewebs.com/ruthenia-alba/027moscow-layout/upload/027moscow02-search.png) no-repeat !important;
background-position: -2px 1px !important;
}
/* ----- Contextual Popup ----- */
.b-popup-outer {
background: #c2d3d6;
opacity: .9;
border: 0;
border-radius: 5px;
}
.b-popup-inner {
border: 0;
}
.i-popup-arr {
display: none;
}
.b-contextualhover a:link,
.b-contextualhover a:visited {
background: transparent;
color: #5c8b93 !important;
}
.b-contextualhover a:hover {
color: #88a9af !important;
text-decoration: none !important;
}
.b-contextualhover,
.b-contextualhover div,
.b-contextualhover p,
.b-contextualhover ul,
.b-contextualhover ol,
.b-contextualhover li,
.b-contextualhover label,
.b-contextualhover img,
.b-contextualhover span,
.b-contextualhover h3,
.b-contextualhover input {
color: #484848;
}
.b-contextualhover-options {
border-top: 1px solid #484848 !important;
border-bottom: 0 !important;
}
.b-contextualhover h3 strong {
font: normal 13px Arial !important;
text-transform: none;
color: #484848;
}
Если вам мешают IP-адреса в комментариях, вы можете отключить их вот здесь (строка "IP Address Logging").
If you don't like IP-logging in your comments, you can disable this option right here ("IP Address Logging" string).
Образец кредита:
Фото
Дизайн
Credit sample:
Photo by
Layout by
Like it?