Style: S2 Smooth Sailing
Account type: all types
Screen Resolution: 1024+
Entries: stretch
Browsers: Mozilla, Chrome, Safari, Opera
Comments in journal's style: yes
Controlstrip: disabled
Sidebar: enabled
Title & Subtitle: both
Live preview:
recent //
friends //
comments 1. In
Customize section choose Smooth Sailing style (sidebar on the left!) and click "Customise selected theme ->" below.
2. In left menu choose
"Display", in Basic Options section:
- Userinfo Position in Entries - Right side of the entry text
In Additional Options section:
- Wrap Entry text under userinfo - Yes
- Wrap Comment text under userinfo - Yes
3. In left menu choose
"Entry Text", in Page section change date formatting:
- Format for Date and Time (Recent/Friends/Entry/Reply page): %%d%% %%mon%%, %%yyyy%%
4. In left menu choose
"Custom CSS". In Page section:
- Use layout's stylesheet(s): Yes
- Use layout's stylesheet(s) when including custom external stylesheet: Yes
- Use external stylesheets: No
5. In Custom stylesheet block, insert the following code:
/* Layout #24: Dreamy Worlds */
/* Date: October 30, 2010 */
/* S2 Style: Smooth Sailing */
/*--------CREDITS---------*/
/* Design & Codes: Ruthenia Alba (ruthenia_alba.livejournal.com) */
/* Calendar Icon: Oxygen Team @ oxygen-icons.org */
/* User/Comm Icon:
http://www.bomahy.nl/ */
/*-------- COLORS -------
titles: #50751c;
text: #698b3a;
borders: #333d25;
a links: #8eb946;
a:hover links: #c9f979;
*/
/*-------- BASICS ---------*/
body {
margin: 0;
padding: 0;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bodyblock-bg.jpg) repeat left top #3b4f07;
}
.bodyheaderblock {
display: none;
}
/*-------- links---------*/
a, a:link, a:visited {
color: #8eb946;
text-decoration: none;
}
a:hover {
color: #c9f979;
}
/* ----------- CONTENT ----------- */
/* ----------- header ----------- */
.pageblock {
padding: 0;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-header-bg.jpg) repeat-x;
}
.pageheaderblock {
margin-top: -45px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-header3.jpg) no-repeat;
height: 440px;
}
.bodyheaderblock {
display: none;
}
/* ----------- title & subtitle ----------- */
.header-title {
background: transparent;
padding: 20px 20px 0 220px;
font: normal 30px Calibri, Tahoma, Arial;
color: #90C3E2;
}
.header-subtitle {
background: transparent;
padding: 7px 20px 0 240px;
font: normal 26px Calibri, Tahoma, Arial;
color: #62AEE0;
}
/* ----------- header navigation ----------- */
.header-menu {
background: transparent;
padding: 330px 0 0 0;
border: 0;
text-align: center;
font: normal 18px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
}
.header-menu ul {
padding: 10px 0;
background: #000;
//background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-entry-bg.jpg) repeat;
opacity: .45;
//opacity: 1;
}
.header-menu li {
padding: 5px 10px;
}
.header-menu a,
.header-menu a:visited {
background: transparent;
color: #99cc66;
//color: #50751c;
}
.header-menu a:hover {
background: transparent;
color: #c9f979;
//color: #8eb946;
}
/* --------- SIDEBAR ------------------------- */
.sidebar {
margin: 0 50px 0 0;
padding: 0 0 20px 0;
width: 220px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-entry-bg.jpg) repeat;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sidebox {
margin: 0;
padding: 10px;
background: transparent;
}
.sideboxTitle {
background: transparent;
padding: 10px 5px 5px 10px;
margin: 0 0 10px 0;
border: 0;
border-bottom: 1px solid #333d25;
font: normal 18px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #50751c;
}
.sideboxContent {
background: transparent ;
padding: 0 10px;
font: normal 13px Tahoma, Arial;
color: #698b3a;
line-height: 18px;
}
.profile-userpic {
padding: 10px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bodyblock-bg.jpg) repeat left top #3b4f07;
border: 0;
margin: 10px auto 10px auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.profile-label, #profile .ljuser {
display: none;
}
.profile-content {
align: center;
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
}
/* ------ sidebar items (summary, links) ----------- */
#summary b {
color: transparent;
font: normal 13px Tahoma, Arial;
}
#summary a b {
color: #8eb946;
font: normal 13px Tahoma, Arial;
}
.summaryList,
.listitem {
line-height: 18px;
text-align: left;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bullet.png) top left no-repeat;
padding: 0 0 15px 28px;
}
/* ------- sidebar items (tags etc.) --------- */
#tags_sidebox {
color: transparent;
}
#tags_sidebox a {
margin: 0 !important;
display: block;
text-align: left;
line-height: 15px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bullet.png) 0px no-repeat;
padding: 0 0 0 28px;
}
#freetext,
#search {
padding: ;
text-align: justify;
}
/* ------ sidebar calendar --------------- */
#latestmonth a {
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
}
.latestmonth-inactive {
height: 20px;
width: 17px;
margin: 2px;
padding: 2px;
}
.latestmonth-active {
height: 20px;
width: 20px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bodyblock-bg.jpg) repeat left top #3b4f07;
margin: 2px;
padding: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.latestmonth-active a {
font: normal 15px Tahoma, Arial !important;
margin: 2px !important;
}
.latestmonth-active a:hover {
color: !important;
}
.latestmonth-active a,
.latestmonth-active a:visited {
color: !important;
}
/* --------- ENTRY ----------------- */
.bodyblock {
padding: 0 70px;
margin: 55px 0 0 0;
}
.entryHolder,
.commentHolder {
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-entry-bg.jpg) repeat;
padding: 10px 20px;
margin: 0 auto 40px auto;
min-width: 500px;
border: 0;
color: #fff;
text-align: justify;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* ------ entry header: date & subject ------ */
.entryHeader,
.commentHeader {
background: transparent;
padding: 0;
margin: 10px 0;
font: normal 18px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #28340C;
}
.entryHeaderDate {
display: block;
width: 48px;
height: 32px;
padding: 16px 0 0px 0;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-date-bg.jpg) no-repeat transparent;
text-align: center !important;
font: bold 12px Calibri;
text-transform: uppercase;
color: #26320C;
}
.entryHeaderSubject {
position: absolute;
margin: -40px 215px 0 60px;
padding: 0 10px 5px 0px;
border-bottom: 1px solid #333d25;
font: normal 18px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #28340C;
}
.entryHeaderSubject a,
.entryHeaderSubject a:visited,
.commentHeaderSubject {
color: #50751c;
}
.entryHeaderSubject a:hover {
color: #8eb946;
}
/* -------- entry userpic & text -------- */
.entryUserinfo,
.commentUserinfo {
float: right;
margin: -55px 0 10px 15px;
//margin: 0px 0 10px 15px;
padding: 10px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bodyblock-bg.jpg) repeat left top #3b4f07;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.entryText,
.commentText {
padding: 0;
margin: 0 0 10px 0;
font: normal 12px Tahoma, Arial;
color: #698b3a;
line-height: 18px;
}
blockquote {
background: #50751c;
opacity: .5;
padding: 10px 15px;
margin: 10px 150px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #c9f979;
}
/* ------ entry metadata ------- */
.entryMetadata {
padding: 5px 0;
margin: 0 0 10px 0;
}
.entryMetadata li {
margin: 0 5px 0 0;
}
.entryMetadata-label {
font: normal 16px Cambria, Book Antiqua, Times New Roman;
color: #50751c;
text-transform: uppercase;
}
.entryMetadata-content {
font: normal 13px Tahoma, Arial;
color: #698b3a;
}
/* ------- entry links --------- */
.entryLinkbar,
.commentLinkbar {
margin: 0;
padding: 10px 0 5px 0;
text-align: left;
border: 0;
border-top: 1px solid #333d25;
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #8eb946;
}
.entryLinkbar li,
.commentLinkbar li {
padding: 0 20px 0 0;
}
/* --------- FOOTER ----------- */
.bodynavblock {
background: transparent;
border: 0;
text-align: center;
margin: 50px 100px 0 100px;
padding: 0;
}
#footer-menu a,
.bodynavblock b a,
#footer-menu a:link,
.bodynavblock b a:link,
#footer-menu a:visited,
.bodynavblock b a:visited {
font: normal 18px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #8eb946 !important;
}
#footer-menu a:hover,
.bodynavblock b a:hover {
color: #c9f979 !important;
}
.pagefooterblock {
border: 0;
padding: 0;
margin: 0;
margin-top: 10px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-footer-bg2.jpg) no-repeat bottom right;
height: 250px;
color: transparent;
//color: #3D5207;
}
/* --------- COMMENTS PAGE --------- */
.commentHolder {
margin: 10px 0;
padding: 5px 15px;
}
.commentText {
margin: 0 0 5px 0;
}
.commentLinkbar {
margin-top: 5px;
}
.commentHeader {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #333d25;
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #50751c;
}
.commentHeaderScreened {
margin: 5px 0 10px 0;
padding: 5px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-bodyblock-bg.jpg) repeat left top #3b4f07;
border-bottom: 1px solid #333d25;
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #50751c;
}
.commentHeader span {
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #50751c;
}
.commentUserinfo {
margin: 0px 10px 10px 0px;
}
/* ------ QUICK REPLY ------ */
.replyform {
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-entry-bg.jpg) repeat !important;
padding: 5px 20px;
margin: 0 auto 50px auto;
border: 0;
color: #fff;
text-align: justify;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.quickreply_entry form table,
.quickreply_comment form table,
#postform {
background: transparent;
border: 0 !important;
color: #698b3a;
font: normal 13px Tahoma, Arial;
line-height: 22px;
padding: 10px 50px;
margin: 10px 30px;
}
#postform b {
color: #698b3a;
}
.replyform {
background: transparent;
border: 0 !important;
}
.textbox {
border: 0;
padding: 3px;
}
/* ---------------- TAGS PAGE ------------------------ */
table .tagstable {
border: 0;
margin: 20px auto 40px auto;
}
table .tagstable td {
border: 0;
border-bottom: 1px solid #333d25;
}
/* ---------------- CALENDAR ------------------------ */
.month {
background: transparent;
border: 0;
margin: 20px auto 40px auto;
padding:0;
width:500px;
}
.daysubjects {
}
.daytitles {
background: transparent;
border: 0;
border-bottom: 1px solid #333d25;
padding: 5px;
font: normal 16px Cambria, Book Antiqua, Times New Roman;
text-transform: uppercase;
color: #50751c;
text-align:left;
}
.day-blank {
border: 0;
}
.day {
background: tranparent;
border:0;
margin:5px;
padding:3px;
}
.day-date {
width:40%;
background: transparent;
border: 0;
padding: 4px 3px;
color: #698b3a;
text-align: left;
font: normal 13px Tahoma, Arial;
}
.day-count {
float:right;
text-align:left;
width: 100%;
}
.day-count a,
.day-count a:visited {
background: transparent;
padding:3px;
color: #8eb946;
font: normal 15px Tahoma, Arial;
text-decoration: none;
}
.day-count a:hover {
color: #c9f979;
}
/* ---------- MISCELLANEOUS ---------- */
/* ---------- input & textarea --------------- */
textarea, select {
border: 0;
background: #3B5314;
font: normal 13px Tahoma, Arial;
color: #8eb946;
line-height:22px;
margin:2px;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
input {
background: #3B5314;
border: 0;
margin:3px;
padding: 2px 5px;
font: normal 13px Tahoma, Arial;
color: #8eb946;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* -------- lj user & images --------------- */
img[src*="userinfo.gif"] {
width: 0;
height: 0;
padding: 11px 0px 10px 20px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-ljuser.png) no-repeat top left transparent;
}
img[src*="community.gif"] {
width: 0;
height: 0;
padding: 11px 0px 10px 30px;
background: url(
http://ruthenia-alba.webs.com/024dreamy-layout/upload/024dreamy-ljcomm.png) no-repeat transparent;
}
/* -------- ljtimes string --------------- */
#ljtime_bottom {
height: 0 !important;
}
/* -------- controlstrip ------------ */
#lj_controlstrip {
display: none;
}
/* -------- Contextual Popup -------- */
div.ContextualPopup img {
border:0;
}
div.ContextualPopup div.Inner {
background: #3B5314 !important;
border: 0;
margin: 3px;
padding: 2px 5px;
font: normal 12px Tahoma, Arial;
color: #698b3a !important;
}
div.ContextualPopup .Relation {
border-bottom:0px;
color: #698b3a !important;
font: normal 14px Cambria, Book Antiqua, Times New Roman;
letter-spacing: 0;
margin:2px 0;
padding:2px 0;
text-transform:uppercase;
}
div.ContextualPopup .Content .OnlineStatus {
font-weight:bold;
font: normal 12px Tahoma, Arial;
color: #698b3a;
}
div.ContextualPopup .Userpic {
padding:8px 8px 0 0;
}
div.ContextualPopup div.Inner a,
div.ContextualPopup div.Inner a:link,
div.ContextualPopup div.Inner a:visited {
color: #8eb946 !important;
font: normal 12px Tahoma, Arial;
text-decoration: none !important;
}
div.ContextualPopup div.Inner a:hover {
color: #c9f979 !important;
text-decoration:none !important;
}