Smooth Sailing "In The Forest"

Oct 09, 2007 16:44

I tried to black layout. This time is "Simple" Smooth Sailing.

This photo is mine ;)



Smooth Sailing "In The Forest"

Look and Feel

LayoutSmooth Sailing

ThemeIn The Forest

Ad SettingsVertical Placement

Select mood theme setnone

Custom Options

Presentation Section

Number of journal entries to show on recent entries pageAs many as you want.

Number of journal entries to show on friends pageAs many as you want.

Use community userpics instead of poster's userpicNo

Disable customized comment pages for your journalNo

Header Journal IconHide User's icon

Header Text AlignmentLeft Alignment

Usericon VisibilityShow on all pages

Userinfo Position in EntriesRight side of the entry text

Username Position in EntriesBelow usericons

Wrap Entry text under userinfoYes

Userinfo Position in CommentsLeft side of the entry text

Username Position in CommentsBelow usericons

Wrap Comment text under userinfoYes

MetaData ArrangementOn a Single Line

MetaData PositionBelow entry text

Entry Tags PositionWith Metadata

Linkbar Alignment in EntriesAlign left

Linkbar Alignment in CommentsAlign Right

The width (in pixels) of the margin for left side of journal (under Header)20

The width (in pixels) of the margin for right side of journal (under Header)20

Order of entries shown on a Friends pageLeast Recent First

Order of months shown on a Year page:Most Recent First

Navigation strip colorsUse custom colors without a background gradient

Menu Section

Show Memories link on MenubarYes

Show Website link from Userinfo page on MenubarNo
(You add your website to your link list.)

Sidebar Section

Sidebar PositionLeft side

Sidebar Width240(px)

Sidebox Title AlignmentAlign left

Free Text Sidebox TextI write in first free text box.
(font siz="5", font color="#FFFFFF", and I use "b" tag)

Custom CSS Section

.pageblock {
width: 1180px !important;
}
table#lj_controlstrip {
width: 1180px !important;
}

.bodyheaderblock {
display: none;
}

body {
background: #000000 url("your header image(about 530*400)") no-repeat scroll 100px 40px;
}

/*header*/

.pageheaderblock {
background-color: transparent;
padding-bottom: 40px;
}

.header-title {
background: transparent;
height: 200px;
visibility: hidden;
}
.header-subtitle {
background: transparent;
height: 120px;
visibility: hidden;
}

.header-menu {
background: transparent;
border-top: 1px #38682B solid;
border-bottom: 1px #38682B solid;
margin-left: 360px;
font-size: 16px;
line-height: 23px;
color: #38682B;
}
*html .header-menu {
line-height: 22px;
}
.header-menu a, .header-menu a:visited {
color: #38682B !important;
padding: 2px 10px 2px 10px;
}
.header-menu a:hover {
color: #000000 !important;
background-color: #38682B;
}

/*header end*/

/*sidebar*/

.sidebox {
background-color: transparent;
margin-bottom: 30px;
font-size: 13px;
}
.sideboxTitle {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-right: 1px solid #38682B !important;
font-size: 13px;
padding: 4px 5px 2px 0px;
text-align: right;
}
.sideboxContent a, .sideboxContent a:visited, .sideboxContent a:hover {
color: #583FBC;
text-decoration: none;
}
#tags_sidebox {
color: #000000 !important;
}
#latestmonth {
color: #38682B;
}
#freetext {
color: #FFFFFF;
}

/*sidebar end*/

/*entry*/

.entryHolder {
width: 700px !important;
background-color: transparent;
color: #38682B;
border: none;
margin-bottom: 50px;
}
.entryHeader {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-right: 1px solid #38682B !important;
padding: 4px 8px 4px 0px;
font-size: 12px;
text-align: right;
}
.entryHeader a {
color: #583FBC !important;
text-decoration: none !important;
font-size: 12px;
}
.entryHeaderSubject {
font-weight: bold;
padding-left: 20px;
}
.entryText {
padding-bottom: 50px;
}
.entryText a {
color: #583FBC;
text-decoration: none;
}
.entryText a:hover {
color: #583FBC;
text-decoration: none;
}
.entryMetadata li a, .entryLinkbar li a {
color: #583FBC;
text-decoration: none;
}
.entryMetadata li a:hover, .entryLinkbar li a:hover {
color: #583FBC;
text-decoration: none;
}
.entryLinkbar li {
font-size: 12px;
padding: 4px 10px 4px 10px;
}
.entryUserinfo {
text-align: center;
margin: 10px 0px 20px 8px;
background-color: #000000;
}
.entryUserinfo-usericon img {
border: 0;
}

/*entry end*/

/*comment*/

.commentHolder {
width: 700px !important;
background-color: transparent;
color: #38682B;
border: none;
margin-bottom: 50px;
}
.commentHeader {
background-color: transparent;
color: #38682B;
border: none;
border-bottom: 1px solid #38682B !important;
border-left: 1px solid #38682B !important;
padding: 4px 0px 4px 8px;
font-size: 12px;
text-align: left;
}
.commentHeaderScreened {
background-color: transparent;
color: #583FBC;
border: none;
border-bottom: 1px solid #38682B !important;
border-left: 1px solid #38682B !important;
padding: 4px 0px 4px 8px;
font-size: 12px;
text-align: left;
}
.commentHeaderSubject {
font-weight: bold;
padding-left: 20px;
}
.commentText {
padding-bottom: 50px;
}
.commentText a {
color: #583FBC;
text-decoration: none;
}
.commentText a:hover {
color: #583FBC;
text-decoration: none;
}
.commentUserinfo {
text-align: center;
color: #38682B;
margin: 10px 8px 20px 0px;
background-color: #000000;
}
.commentUserinfo a, .commentUserinfo a:visited,

.commentUserinfo a:hover {
color: #583FBC;
text-decoration: none;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentLinkbar li {
font-size: 12px;
padding: 4px 10px 4px 10px;
color: #583FBC;
text-decoration: none;
}
.commentLinkbar li a, .commentLinkbar li a:visited, .commentLinkbar li a:hover {
color: #583FBC;
text-decoration: none;
}
.bodynavblock select {
background-color: #000000;
color: #38682B;
}
.bodynavblock input {
background-color: #000000;
color: #38682B;
}
.bodynavblock a, .bodynavblock a:hover {
text-decoration: none;
}
.replyform {
background-color: #000000;
color: #38682B;
padding-left: 10px;
margin-top: 50px;
}
.replyform textarea, .quickreply_entry textarea, .quickreply_comment textarea, .replyform textarea, .quickreply_entry textarea, .quickreply_comment textarea,
.replyform select, .quickreply_entry select, .quickreply_comment select, .replyform input, .quickreply_entry input, .quickreply_comment input {
background-color: #000000;
color: #38682B;
}
input.textbox {
background-color: #000000;
color: #38682B;
}

/*comment end*/

/*archive*/

.month {
margin-top: 50px;
border-collapse: collapse;
border: 1px #38682B solid;
}
.daytitles {
background-color: #000000;
border: 1px #38682B solid;
color: #38682B;
}
.day-date {
color: #38682B;
border-right: 1px #38682B solid;
border-bottom: 1px #38682B solid;
}
.day-count {
font-size: 14px;
padding-top: 3px;
padding-bottom:3px;
}
.day-count a {
text-decoration: none;
color: #583FBC;
}
.day-blank {
border: 1px #38682B solid;
}
.day {
border: 1px #38682B solid;
}
.entryHeaderSubject a {
color: #38682B ;
text-decoration: none;
}

/*archive end*/

/*footer*/

.bodynavblock {
border-top: 1px #38682B solid;
border-bottom: 1px #38682B solid;
background-color: #000000;
color: #38682B;
margin: 30px 0px 50px 0px;
padding: 0;
}
.bodynavblock a, .bodynavblock a:visited {
color: #38682B;
}
#footer-menu {
font-size: 13px;
line-height: 22px;
}
*html #footer-menu {
font-size: 13px;
line-height: 20px;
}
#footer-menu a, .footer-menu a:visited {
color: #38682B;
white-space: nowrap;
padding: 2px 6px 3px 6px;
text-align: left;
text-decoration: none;
}
#footer-menu a:hover {
background-color: #38682B;
color: #000000;
}

.pagefooterblock {
border-top: 3px #38682B double;
background-color: #000000;
color: #38682B;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #38682B;
}

/*footer end*/

/*control strip*/

#lj_controlstrip {
height: 60px:
border: none;
margin-top: 2px;
padding: 2px;
background-color: transparent;
}
#lj_controlstrip_userpic {
display: none;
}
#lj_controlstrip td {
border: none;
color: #38682B;
}
#lj_controlstrip td a, #lj_controlstrip td a:visited,

#lj_controlstrip td a:hover {
color: #583FBC;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#lj_controlstrip_user {
}
#lj_controlstrip_userlinks {
}
#lj_controlstrip_actionlinks {
padding-left: 300px;
}
span#lj_controlstrip_statustext {
color: #38682B;
}
#lj_controlstrip_poweredby {
margin-left: auto;
margin-right: auto;
}
#lj_controlstrip input, #lj_controlstrip select {
background-color: #000000 !important;
color: #38682B !important;
}
/*control strip end*/

Sample :




*This header photo is mine ;)

css

Previous post Next post
Up