Layout: Colorful Minimalist [Smooth Sailing]

[thevelvetsun]

[Full Preview with clickable links]



ABOUT

Layout Name:
Colorful Minimalist

Account Types:
Basic, Plus, or Paid

Layout Style:
S2 Smooth Sailing

Tested In:
Firefox 3.0 and Internet Explorer 7 on Windows XP

Screen Resolutions:
1024x768 and up

Full Preview with clickable links:
Here.

DIRECTIONS

Go to Customize Journal...

Select a New Theme:
• Type Smooth Sailing into the search box. Choose one of the themes that appear below (any theme) and hit "apply theme".
• Add a journal title.

Choose a Page Setup
• Choose 2 Column (sidebar on left). Hit the "Customize Selected Theme" button.

Choose "Display" from the menu on the left:
• Choose how many journal entries to show on your recent entries and friends pages.

• Set "Wrap entry text under userinfo" to Yes.

Choose "Entry Text" from the menu on the left:
• Choose what text you want for currents, comment links, etc. You can change any links you want in this section.

Choose "Menu" from the menu on the left:
• Choose what text you want for navigation links (recent entries, friends, etc.) You can change any links you want in this section. It will look best if you choose short labels.

Choose "Sidebar" from the menu on the left:
• Choose which boxes you want to be visible (Latest Month, Links, Tags, Summary, etc)

• You may change the order of the boxes, but don't change the overall position of the sidebar.

Choose "Custom CSS" from the menu on the left:
• Use layout stylesheet: Yes.

• Use layout stylesheet when including custom external stylesheet: No.

• Custom external stylesheet URL: (Leave blank).

• Custom stylesheet: Copy-and-Paste the code below.

CSS CODES

/* Layout by http://community.livejournal.com/velvetsunshine/ */

/* PAGE */

body {
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
background: url(http://i40.tinypic.com/2rmt8cn.png);
background-color: #000000;
color: #ffffff;
}
a {
color: #ffffff;
text-decoration: underline;
}
a:visited {
color: #ffffff;
text-decoration: underline;
}
a:hover{
color: #cccccc;
}

.pageblock{
width:850px;
margin: 0 auto;
background: url(http://i41.tinypic.com/2itn39j.png) repeat-y;
}
.pagefooterblock {
display: none;
border-top: none;
background-color: transparent;
color: #ffffff;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #ffffff;
text-decoration: underline;
}

/* HEADER */

.pageheaderblock {
text-align: center;
background: url(http://i39.tinypic.com/b8pqmc.png) #393d6e no-repeat top

center;
margin: 0px 0px 0px 0px;
width: 850px;
height: 200px;
}

.header-title {
background-color: transparent;
font-family: Georgia;
font-size: 20px;
font-weight: bold;
color: #ffffff;
padding: 20px;
font-variant: small-caps;
letter-spacing: 4px;
display: none;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.header-menu {
text-align: center;
padding: 60px 20px 60px 20px;
background-color: transparent;
border-top: none;
font-family: ;
font-weight: bold;
font-size: 20px;
line-height: 20px;
text-transform: lowercase;
letter-spacing: 3px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 1px 0px 1px 1px;
margin: 0px 8px 0px 8px;
color: #ffffff;
text-decoration: none;
border-bottom: #ffffff 2px dashed;
}
.header-menu a:hover {
padding: 1px 0px 1px 1px;
margin: 0px 8px 0px 8px;
background-color: transparent;
color: #cccccc;
text-decoration: none;
border-bottom: #cccccc 2px dashed;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 0px 0px 0px 0px;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
border-top: none;
background-color: transparent;
color: #ffffff;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #ffffff;
text-decoration: underline;
}
.body-title {
font-family: ;
font-size: 18px;
color: #ffffff;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #ffffff;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #ffffff;
background-color: transparent;
font-family: ;
font-size: 12px;
border-top: none;
margin: 20px 0px 30px 0px;
padding: 5px 5px 5px 5px;
border-bottom: #ffffff 2px dashed;
}
.entryUserinfo {
text-align: center;
margin: 8px;

background-color: transparent;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryHeader {
background-color: transparent;
color: #ffffff;
font-family: ;
font-weight: bold;
font-size: 14px;
padding: 5px 0px 5px 10px;
}
.entryHeader a, .entryHeader a:visited{
color: #ffffff;
text-decoration: underline;
}
.entryHeader a:hover{
color: #cccccc;
text-decoration: underline;
}
.entryHeaderSubject {
font-weight: bold;
}
.entryHeaderDate a, .entryHeaderDate a:visited {
color: #ffffff;
text-decoration: underline;
}
.entryHeaderDate a:hover {
color : #cccccc;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
display: block;
padding-top: 10px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
display: block;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryMetadata img {
display: none;
}
.entryLinkbar {
font-family: ;
font-size: 12px;
color: #ffffff;
text-align: center;
padding: 15px 0px 10px 0px;
}
.entryLinkbar a {
font-weight: bold;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/*FOOTER*/

#footer-menu {
text-align: center;
padding: 10px;
background-color: transparent;
border-top: none;
font-family: ;
font-weight: bold;
font-size: 20px;
line-height: 20px;
text-transform: lowercase;
letter-spacing: 3px;
}
#footer-menu a, .footer-menu a:visited {
white-space: nowrap;
text-align: left;
padding: 1px 0px 1px 1px;
margin: 0px 8px 0px 8px;
color: #ffffff;
text-decoration: none;
border-bottom: #ffffff 2px dashed;
}
#footer-menu a:hover {
padding: 1px 0px 1px 1px;
margin: 0px 8px 0px 8px;
background-color: transparent;
color: #cccccc;
text-decoration: none;
border-bottom: #cccccc 2px dashed;
}

/*SIDEBAR*/

.sidebar {
background: transparent;
font-family: ;
font-size: 12px;
width: 300px;
padding-right: 0px;
margin: 20px 0px 0px 0px;
}
.sidebox {
color: #ffffff;
background-color: transparent;
padding: 8px 8px 10px 8px;
margin: 5px 0px 30px 0px;
border-bottom: #ffffff 2px dashed;
}
.sideboxTitle {
background-color: transparent;
color: #ffffff;
border-top: none;
font-family: ;
font-size: 14px;
font-weight: bold;
padding: 5px 0px 5px 10px;
text-align: ;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
line-height: 20px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #freetext {
text-align: justify;
padding: 10px;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: left;
margin: 10px;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
#latestmonth td {
padding: 2px;
}
.latestmonth-active{
background-color: transparent;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #ffffff;
background-color: transparent;
font-family: ;
font-size: 11px;
margin: 10px 0px 20px 0px;
border-bottom: #ffffff 2px dashed;
border-top: none;
}
.commentUserinfo {
text-align: center;
margin: 10px;

background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #ffffff;
font-family: ;
font-weight: bold;
font-size: 12px;
padding: 4px 2px 4px 2px;
text-align: left;
}
.commentHeader a{
color: #ffffff;
}
.commentHeaderScreened {
font-family: ;
font-size: 10px;
background-color: #555555;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
color: #878787;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: #ffffff;
color: #878787;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #878787;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #878787;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #878787;
background: transparent;
color: #878787;
}
.day-blank {
border: 1px solid #878787;
}
.day {
border: 1px solid #878787;
}
.day-date {
border-right: 1px solid #878787;
border-bottom: 1px solid #878787;
color: #878787;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a, day-count a:visited {
text-decoration: underline;
color: #ffffff;
}

.day-count a:hover {
color: #cccccc;
}

/*TAGS PAGE*/

.tagstable, .tagstable td {
border: 1px solid #878787;
}
.tagstable { width: 500px; }

CREDITING

Copy and Paste this somewhere in your Profile:

Layout by .

Rules:

• Please comment if you're using it. If I don't know what people like and what people don't like, I won't know what to make in the future! Which is a bummer for everyone.

• If you want to edit this layout, go ahead and change a few things, but be sure to credit me for the original layout.

• Don't steal. If I see people stealing my layouts (stealing includes using this layout without crediting me, or changing a few colors and the header and claiming it as your own) I will have to make this community friends only and you will be banned. Don't say I didn't warn you.

• If you have a question, it might already be answered in the FAQ post.