S2 Layout #3: Simplicity is Best

[damnicons]

Style: S2 Smooth Sailing
Looks best in: All browsers
Works with: Basic (Free) and Paid. Looks pretty weird in Sponsored.

LJ has recently released some neat features for the Smooth Sailing style, and I think we should start taking advantage of them. Now you can add a "welcome note" to the top of your journal instead of a sticky post, good for putting some rules up for a graphics journal or maybe just a simple introduction. You can also now add HTML in your welcome note and free text boxes! Remember, you get ten free text boxes in your sidebar, so do whatever you want - add some more links, images, etc. Have fun.


How to Install

1. Go to the Customize Wizard
2. In the Basics tab under Style System, make sure S2 is selected, then click Save Changes.
3. In the Look and Feel tab under Layout & Language, select Smooth Sailing in the first drop-down menu, then click Save Changes. Leave Theme as Layout Default.
4. In the Custom Options tab, click Custom CSS. Make sure the first two drop-down menus are set to No. Paste your codes into the Custom stylesheet box, then click Save Changes. OR upload your codes to your own host, like Ripway, Geocities, etc. Make sure the first two drop-down menus are set to No. In the Custom external stylesheet URL box, paste your stylesheet URL. Click Save Changes.

/* PAGE */

body {
font-family: Arial, sans-serif;
font-size: 10px;
margin: 20px 0px 20px 0px;
background-color: #444444;
color: #666666;
background-image: url(http://img100.imageshack.us/img100/5913/bg1gd0.png);
}

a {
font-weight: none;
color: #888888;
text-decoration: none;
}
a:hover {
color: #cccccc;
text-decoration: none;
}

.pageblock{
background-image: url();
background-position: top center;
background-repeat: no-repeat;
padding-top: px;
background-color: #ffffff;
width: 800px;
margin: 0 auto;
}
.pagefooterblock {
display: none;
text-align: left;
font-family: Trebuchet MS, sans-serif;
background-color: #ffffff;
color: #666666;
padding: 4px 4px 4px 4px;
margin-top: 0px;
}
.pagefooterblock a, .pagefooterblock a:visited {
text-align: right;
color: #666666;
}

/* HEADER */

.pageheaderblock {
padding-top: 20px;
text-align: left;
}

.header-title {
display: none;
background-color: #ffffff;
text-align: right;
text-transform: lowercase;
padding: 0px 20px 0px 20px;
}
.header-subtitle {
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
}
.header-menu {
text-align: center;
letter-spacing: 2px;
padding-right: 18px;
background-color: #ffffff;
font-family: Trebuchet MS;
text-transform: uppercase;
font-size: 7pt;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: right;
padding: 2px 6px 2px 6px;
color: #666666;
text-decoration: none;
}
.header-menu a:hover {
color: #999999;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}

/* BODY */

.bodyblock {
padding: 2px 20px 0px 20px;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
padding-bottom: 10px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #666666;
}
.body-title {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
display: none;
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}

/*ENTRIES*/
.entryHolder {
color: #666666;
background-color: #ffffff;
font-family: Arial, sans-serif;
font-size: 10px;
margin-top: 2px;
padding: 8px;
}
.entryUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
margin: 8px 4px 8px 8px;
}

.entryUserinfo a{
font-weight: lighter;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
text-align: center;
}

.entryUserinfo-usericon img {
font-weight: none;
border: 0;
margin-top: -18px;
}
.entryText {
font-weight: none;
text-align: justify;
padding: 6px;
}
.entryHeader {
text-align: right;
color: #000000;
font-family: ;
font-size: 12px;
padding: 4px 4px 4px 8px;
border-bottom: 1px #f0f0f0 solid;
}
.entryHeader a{
font-weight: none;
color: #000000;
}
.entryHeaderSubject {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
font-weight: none;
}
.entryHeaderDate {
color: #666666;
font-size: 10px;
font-family: Trebuchet MS, sans-serif;
}
.entryHeaderDate a {
color : #000000;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #000000;
text-decoration : underline;
}
.entryMetadata {
text-align: right;
padding-left: 2px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: none;
padding: 1px;
}
.entryMetadata-label {
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
display: inline;
padding: 5px;
margin: 0px;
}

/*FOOTER*/

#footer-menu {
margin-top: 10px;
text-align: center;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
}
#footer-menu a, .footer-menu a:visited {
color: #666666;
white-space: nowrap;
padding: 6px;
text-align: right;
}

/*SIDEBAR*/

.sidebar {
background-color: #ffffff;
font-family: Arial, sans-serif;
color: #666666;
font-size: 10px;
margin-right: 8px;
margin-top: 10px;
width: 200px;
}
.sidebox {
color: #666666;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: left;
border-bottom: 1px #f0f0f0 solid;
font-family: Trebuchet MS;
font-size: 10px;
color: #666666;
padding: 4px 0px 4px 8px;
}
.sideboxContent {
text-align: left;
padding: 5px 4px 2px 4px;
}
.sidebox #profile, .sidebox #search, .sidebox #latestmonth {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: left;
}
.sidebox #systemlinks {
padding-left: 5px;
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.sidebox #freetext {
padding-right: 5px;
padding-left: 5px;
text-align: justify;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-family: Trebuchet MS, sans-serif;
color: #666666;
font-weight: none;
}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
font-family: Arial, sans-serif;
color: #666666;
background-color: #ffffff;
border-top: 2px solid #ffffff;
font-family: ;
font-size: 10px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
font-weight: none;
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
margin: 8px 4px 8px 8px;
text-align: center;
background-color: #ffffff;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
text-align: right;
border-bottom: 1px #f0f0f0 solid;
font-family: Trebuchet MS, sans-serif;
background-color: #ffffff;
color: #666666;
font-family: ;
font-size: 10px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #000000;
}
.commentHeaderScreened {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
background-color: #f0f0f0;
padding: 4px 4px 4px 8px;
}
.commentHeaderSubject {
font-weight: none;
}
.commentLinkbar {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
color: #666666;
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: #666666;
padding-left: 10px;
}
#commenttext{
width:100%;
}

/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #666666;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
background: #fffff;
color: #000000;
}
.day-blank {
}
.day {
}
.day-date {
color: #000000;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #666666;
}

#welcomenoteHolder {
margin-top: 10px;
padding: 10px;
}

.entryHeader img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
}

.entryHeader img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
}

.entryHeader img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://img122.imageshack.us/img122/859/lockpq0.gif);
padding: 8px 10px 0 0;
}

.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8655/usergrey2byexcentricib0.gif);
padding: 8px 6px 4px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8655/usergrey2byexcentricib0.gif);
padding: 8px 6px 4px 2px;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img74.imageshack.us/img74/8172/3squaresbyexcentricxx5.gif);
padding: 7px 7px 2px 2px;
}

/*TAGS PAGE*/

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

Please comment, credit, and feel free to add this journal for more updates! :)