s2 smooth sailing.

Designer's Comments

Look carefully for specific instructions

Paste the codes in the Custom Css under custom options in the customize wizard

This is for S2 smooth sailing, not for any other type, or for S1 Generator.

This is not compatible with a plus account, so don't try it.

Make sure to choose your title carefully, because thats what will show up in place of 'nowordforit'.

Using This Layout

For specific instructions read designer's comments

1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Click on Look and Feel
4. Set Layout to Smooth Sailing
5. Click on Custom Options
6. Click on Custom CSS
7. Copy (ctrl c) and paste (ctrl v) code to Custom CSS

Layout Code

Copy and paste to Custom Style Sheet

Help

Set style to Smooth Sailing

/* Cleaned CSS: */
/* PAGE */

body {
     font-family: Arial, sans-serif;
     font-size: 10px;
     margin: 20px 0px 20px 0px;
     background-color: #444444;
     color: #666666;
     background-image: url();
     background-repeat: 
     }

a {
     font-weight: none;
     color: #FF0066;
     text-decoration: none;
     }
  a:hover {
     color: #33ccff;
     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 {
     text-align: left;
     font-family: Trebuchet MS, sans-serif;
     background-color: #33ccff;
     color: #33ccff;
     padding-top: 40px;
     margin-top: 0px;
     font-size: 0px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     text-align: right;
     color: #666666;
     } 
.pageheaderblock {
background-color: #33ccff;}

/* HEADER */

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

.header-title {
     background-color: #33ccff;
     text-align: left;
     text-transform: lowercase;
     padding: 0px 20px 0px 20px;
     font-family: century schoolbook;
     font-size: 40px;
     display: block;
     color: #444444;
     }
  .header-subtitle {
display: none;
          }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     }
  .header-menu {
display: none;
     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;
     text-align: center;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 2px 20px 0px 20px;
     }
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     padding-bottom: 10px;
     text-align: center;
     }
  .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;
display: none;
     } 
  .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;
     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;     
     }

.entryHeaderTags a {
     font-weight: none;
     color: #FF0066;
     text-decoration: none;
 font-size: 10px;
     font-family: Trebuchet MS, sans-serif;
}

.entryHeaderTags a:hover {
     text-decoration: none;
 font-family: Arial, sans-serif;
     font-size: 10px;
     font-family: Trebuchet MS, sans-serif;
     text-decoration: none;
color: #33ccff;}

/*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;
     font-family: Trebuchet MS;
     font-size: 10px;
     color: #444444;  
     text-transform: uppercase;   
     }
  .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: left;
     }

.listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-family: Trebuchet MS, sans-serif;
     color: #666666;
     font-weight: none;
     }

.sidebox #systemlinks a {
display: block;
border-bottom: 1px #f0f0f0 solid;
}

.sidebox #systemlinks a:hover {
display: block;
border-bottom: 1px #f0f0f0 solid;
background-color: #EAEAEA;
color: #FF0066;
}

.sidebox #tags_sidebox {
font-size: 0px;}

.sidebox #tags_sidebox a {
display: block;
font-size: 10px;}

/*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://layouts.cbimg8.com/34/17309c.gif);
  }

.entryHeader img[src="http://stat.livejournal.com/img/icon_private.gif"]{
     width: 0;
     height: 0;
     padding: 0 8px 10px 0;
     background: url(http://layouts.cbimg8.com/34/17309c.gif);
  }

.entryHeader img {
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     background-image: url(http://layouts.cbimg8.com/34/17309c.gif);
     padding: 8px 10px 0 0;
  } 
 
  .ljuser img { 
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     background-color: transparent;
     background-image: url(http://layouts.cbimg8.com/34/17309d.gif); 
     padding: 8px 6px 4px 2px;
     }

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
     background-color: transparent;
     background-image: url(http://layouts.cbimg8.com/34/17309d.gif);
     padding: 8px 6px 4px 2px;
     }

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
     background-color: transparent;
     background-image: url(http://layouts.cbimg8.com/34/17309e.gif);
     padding: 7px 7px 2px 2px;
     }

/*TAGS PAGE*/

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

blockquote {
border-left: 10px #33ccff solid;
padding: 6px;
color: #444444;
background-color: #EAEAEA;}

Layout Comments

Showing latest 10 of 11 comments

i can't find the look and feel either. so i can't use it D:

By via on Feb 23, 2009 8:53 am

I have no idea how to get to the look and feel. :D

By tableaux-vivants on Oct 11, 2008 5:40 pm

hey(: i editted it a bit, i hope you dont mind. it came out quite nicely. you can add me if you like. my links on my profile.

By yayrachel on Jan 17, 2008 6:08 pm

I really like this one, cute and simple :)

By omgomgKATHY on Oct 2, 2007 7:57 pm

I really like the layout in the photo more than how it actually looks. Please tell me how to get it just like that.

By vansio on Jul 31, 2007 4:36 pm

OOh, very sleek looking. Nice job!

By YourSuperior on Jun 3, 2007 7:54 pm

woah i love it! simple:)

By Chicago on May 14, 2007 10:04 pm

QUOTE(Mulder @ Apr 1 2007, 3:17 PM) [snapback]2514677[/snapback]^you can change the colors.i made this for my icon journal, and it served that purpose. most of the people that use it, use it for graphics journals. so yeah, it should be simple.Oh,

By markmejia on Apr 1, 2007 9:09 pm

^you can change the colors.i made this for my icon journal, and it served that purpose. most of the people that use it, use it for graphics journals. so yeah, it should be simple.

By Mulder on Apr 1, 2007 6:17 pm

It's alright. The layout is little too simple for my liking (IMHO), and I'm not so fond of the bright cyan header.

By markmejia on Apr 1, 2007 6:14 pm

View all »

Layout Details

Designer	Mulder
Submitted on	Apr 1, 2007
Page views	62,139
Favorites	37
Comments	11

s2 smooth sailing.

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates