Layout: Let It Snow [Smooth Sailing]

[thevelvetsun]

[Full Preview with clickable links]



ABOUT

Layout Name:
Let It Snow

Account Types:
Basic, Plus, or Paid

Layout Style:
S2 Smooth Sailing

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

Screen Resolutions:
1027x768 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 and subtitle.

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. Your navigation links will look best if they are short.

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

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

body {
font-family: Verdana, sans-serif;
font-size: 11px;
margin: 0px;
background-color: #ffffff;
color: #878787;
background-image: url(http://i42.tinypic.com/zus02t.png);
background-color: #cbe5f7;
}
a, a:visited {
color: #475ba9;
text-decoration: none;
}
a:hover {
color: #475ba9;
}

.pageblock{
width: 100%;
margin: 0 auto;
}
.pagefooterblock {
display: none;
}

/* HEADER */

.pageheaderblock {
text-align: center;
background: url(http://i43.tinypic.com/2yv1ajd.png) center

no-repeat;
padding: 20px;
width: 775px;
margin: 0 auto;
}

.header-title {
background-color: transparent;
font-family: Georgia;
font-size: 20px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: 5px;
color: #475ba9;
padding: 30px 20px 30px 20px;
}
.header-subtitle {
display: none;
}
.header-icon {
display: none;
}
.header-menu {
padding: 10px;
margin-bottom: 30px;
background-color: transparent;
font-family: Georgia;
font-size: 18px;
line-height: 20px;
font-weight: bold;
text-transform: lowercase;
border: none;
}
.header-menu a, .header-menu a:visited {
background-color: transparent;
padding: 4px 8px 4px 8px;
margin-left: 2px;
margin-bottom: 0px;
margin-right: 2px;
color: #475ba9;
text-decoration: none;
border: none;
}

.header-menu a:hover {
color: #475ba9;
background-color: transparent;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 20px 20px 0px 20px;
width: 70%;
margin: 0 auto;
}
.bodyheaderblock {
border-top: none;
display: none;
}
.bodynavblock {
border-top: none;
background-color: transparent;
color: #878787;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #878787;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}

/*ENTRIES*/
.entryHolder {
color: #878787;
background-color: #ffffff;
font-family: ;
font-size: 11px;
line-height: 140%;
border-top: none;
margin: 5px 0px 20px 0px;
}
.entryUserinfo {
text-align: center;
margin: 10px;
background-color: transparent;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 10px;
}
blockquote {
padding: 10px;
}
.entryHeader {
background-image: url(http://i41.tinypic.com/35kvigx.png);
background-color: #ffffff;
color: #c00202;
font-family: georgia;
letter-spacing: 2px;
font-weight: bold;
font-size: 20px;
text-transform: lowercase;
padding: 4px 2px 4px 2px;
text-align: left;
}
.entryHeader a, .entryHeader a:visited{
color: #c00202;
}
.entryHeader a:hover{
color: #c00202;
}
.entryHeaderSubject {
font-weight: bold;
font-family: ;
letter-spacing: 2px;
}
.entryHeaderDate a {
color : #c00202;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #c00202;
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;
}
.entryLinkbar {
font-family: ;
color: #5e9eec;
text-align: center;
padding: 16px 0px 12px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}

/*FOOTER*/

#footer-menu {
font-size: 10px;
background-color: #ffffff;
}
#footer-menu a, .footer-menu a:visited {
padding: 6px;
text-align: center;
color: #475ba9;
text-decoration: none;
}
#footer-menu a:hover {
color: #475ba9;
}

/*SIDEBAR*/

.sidebar {
font-family: ;
font-size: 11px;
line-height: 140%;
margin-right: 15px;
width: 215px;
margin: 5px 30px 0px 0px;
}
.sidebar a {
color: #475ba9;
}
.sidebox {
color: #878787;
background-color: #ffffff;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.sideboxTitle {
background-image: url(http://i41.tinypic.com/35kvigx.png);
background-color: #ffffff;
color: #c00202;
border-top: none;
font-family: Georgia;
letter-spacing: 2px;
font-weight: bold;
text-transform: lowercase;
font-size: 20px;
padding: 4px 2px 4px 2px;
text-align: left;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 4px;
}
.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;
}
.listitem a {
list-style-type: square;
margin: 4px 4px 4px 8px;
display: list-item;
}
.listitem a:hover {
list-style-type: square;
margin: 4px 4px 4px 8px;
display: list-item;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
#latestmonth td {
padding: 2px;
}
.latestmonth-active{
background-color: #ffffff;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
color: #878787;
background-color: #ffffff;
border-top: none;
font-family: ;
font-size: 11px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 10px;

background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #ffffff;
color: #c00202;
font-family: Georgia;
letter-spacing: 2px;
font-weight: bold;
font-size: 18px;
text-transform: lowercase;
padding: 4px 2px 4px 2px;
text-align: left;
}
.commentHeader a{
color: #c00202;
}
.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 {
text-decoration: none;
color: #475ba9;
}

/*TAGS PAGE*/

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

CREDIT

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.