It's Gonna Be Love

Livejournal Layouts / S2

Designer's Comments

Look carefully for specific instructions

Sorry, but this is my first layout and I can't move the sidebar, you're going to have to get help from someone else.

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

/* PAGE */

body {
     font-family: arial;
     margin: 0px;
     padding: 0px;
     background-color: #302b05;
    }
  a {
     color: #dbd59a; 
     font-weight: 8px;
    text-decoration: none;
     }
  a:visited {
     color: #dbd59a; 
     font-weight: 8px;
     text-decoration: none;
     }
  a:hover {
     color: #a2ae56;
     font-weight: 8px;
     text-decoration: none;
     }

.pageblock{
     width:646px;
     margin: 0 auto;
     background-color:transparent;
     background: url(http://cbimg9.com/layouts/07/07/12/19391aa.gif);
     background-repeat: repeat-y;
     margin-top: -1px;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #dcc276;
     padding-top: 0x;
     margin-top: 0px;
     text-align: center;
     font-size: 7pt;
     height: 72px;
     text-transform: uppercase;
     background-image: url();
     background-repeat: no-repeat;
     background-position: bottom;
     margin-left: -4px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #000000;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background-image: url(http://cbimg9.com/layouts/07/07/12/19391ab.jpg);
     background-repeat: no-repeat;
     width: 600px;
     height: 412px;
     border-top: 0px;
     margin-left: 40px;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
          padding: 0px;
     background-color: transparent;
     font-family: arial;
     font-size: 12px;
     text-transform: none;
     text-align: center;
     padding-left: 0px;
     position:absolute;
     top:420px;
     width: 600px;
     border-top: 0px;
    
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     text-align: left;
     padding: 2px;
     color: #dbd59a;
     text-decoration: none;
     background-color: transparent;
     margin: 3px;
     font-weight: bold;
     }
  .header-menu a:hover {
     color: #a2ae56;
     background-color: transparent;
     border-bottom: 1px solid;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     margin-left: 0px;
     border-top: 0px;
     margin-right: 0px;
     margin-top: 32px;
     padding-left: 41px;
     padding-right: 42px;
     margin-left: -2px;
     }
  .bodyheaderblock {
     display: none;
     border-top: 0px;
     }
  .bodynavblock {
     background-color: transparent;
     color: #000;
     margin: 0px 0px 4px 0px;
     padding: 4px;
     border-top: 0px;
     text-align: center;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #fc94b9;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     display: none;
     }

/*ENTRIES*/
  .entryHolder {
     color: #fdf3e7;
     background-color: transparent;
     font-family: arial;
     font-size: 11px;
     text-align: justify;
     border-top: 0px;
     padding: 0px;
     margin-left: 5px;
     }
  .entryUserinfo {
     text-align: center;
     margin: 2px;
     background-color: transparent;
     border: 0px
     }
  .entryUserinfo-usericon img { 
     padding: 2px; 
     border: 0px;
     } 
  .entryText {
     padding: 3px;
     }
  .entryHeader {
     background-color: #2c1600;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     }
  .entryHeader a{
     color: #dbd59a;
     }
  .entryHeaderSubject {
     font-weight: bold;
     color:#9db963;
     padding-bottom: 2px;
     font-size: 11px;
     padding: 3px;
     margin-top: 3px;
     }
  .entryHeaderDate a {
     color: #fc94b9;
     text-decoration : none;
     }
  .entryHeaderDate {
     color: #9db963;
     text-decoration : none;
     font-size: 11px;
     padding: 2px;
     font-weight: bold
     }
  .entryHeaderDate a:hover {
     color: #fc94b9;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 0px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     display: block;
     background-color: #2c1600;
     padding: 2px;
     margin-right: 0px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #403407;
     margin-bottom: 3px;
     }
  .entryLinkbar a:link, a:visited{
     color: #dbd59a;
     text-transform: normal;
     font-weight: bold;
     }
  .entryLinkbar a:hover{
     color: #a2ae56;
     background-color: #000000;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 2px 0px 2px;
     margin: 0px;     
     display: inline;
     }
/*FOOTER*/

#footer-menu {
     font-size: 11px;
     background-color: transparent; 
     }
  #footer-menu a, .footer-menu a:visited {
     color: #dbd59a;
     font-weight: bold;
     white-space: nowrap;
     padding: 200px;
     text-align: center;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: arial;
     font-size: 11px;

width: 210px;
     background-color: transparent;
     
     padding-bottom: 100px;
     }
  .sidebox {
     color: #fdf3e7;
     background-color: #3a1b00;
     margin-right: 0px;
     margin-left: 0px;
     }
  .sideboxTitle {
     background-color: #2c1600;
     color: #9db963;
     font-family: tahoma;
     font-size: 11px;     
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
     border-top: 0px;
     line-height: 21px;
     }
  .sideboxContent {
     text-align: justify;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
     background-color:  transparent;
     padding: 1px;
     color:#eeead6;
     margin-bottom: 4px;
     }
  .sidebox #latestmonth table a{
     background-color: #504a1a;
     padding: 0px;
     color: #dbd59a;
     padding: 1px;
     width: 20px;
     font-weight: bold;
     border-right: 1px solid #614603;
     border-bottom: 1px solid #614603;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #fdf3e7;
     background-color: #000;
     font-family: arial;
     font-size: 11px;
     margin: 10px;
     text-align: justify;
     padding: 4px;

}
  .commentUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     background-color: transparent;
     }
  .commentUserinfo-usericon img {

} 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #2c1600;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     font-weight: bold;
     color:#9db963;
     font-size: 11px;
  
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: arial;
     font-size: 10px;
     text-align: center;
     padding: 4px 0px 4px 0px;
     background-color: #403407;
     margin-bottom: 3px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: transparent;
     color: #000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 420px;
     margin: 0px auto;
     margin-top: 15px;
     margin-bottom: 15px;
     background-color: #2c1600;
     }
  .daysubjects {
     color: #fdf3e7;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
  
     background: #3a1b00;
     color: #fdf3e7;
     }
  .day-blank {
     border: 0px solid #8a8a8a;
    }
  .day {
     border: 0px solid #8a8a8a;
     }
  .day-date {
     border-right: 1px solid #8a8a8a;
     border-bottom: 1px solid #8a8a8a;
     color: #fdf3e7;
     width: 50%;
     text-align: center;
     background-color:#3a1b00;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #dbd59a;
     }

/*TAGS PAGE*/

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

Layout Comments

Showing latest 10 of 53 comments

Ooohhh, I like this :]

By Takoyaki on Jan 16, 2010 1:39 pm

I really like it but the text in posts gets messed up and out of line. :(

By ArtemisStarr on Aug 28, 2009 1:17 am

I absolutely adore this but the text is all off to the side when I use it. ):

By ribcagemaybes on Jun 8, 2009 7:07 pm

Aw, wow. The graphic used here is amazing.

By aimegracen on Jun 7, 2009 9:42 pm

I'm gonna try this one...

By Nothingness on Mar 29, 2009 3:07 pm

The only problem with this layout is that the words in the entries spill out. D:

It would be perfect without that one little problem.

By Hollywolly on Mar 3, 2009 5:51 pm

Oh..Ater struggling lol, I found a simple way of doing this.

1.Click on the link provided :livejournal.com (customize)
2.Set style system to s2, you can find that option on the left of the same page. A blue box containing Theme catagories, and at the end of that box, it should say something like "switch to old style system" Mine was already on s2 so if it's on s1 just switch it.
3. Don't worry about the "Look and feel", because it's not there! Again on the same page, under the second grey bar "Select a new theme" there is a search bar, type in smooth sailing, and select any theme from that.
4. Scroll alll the way to the end of the page and on the bottom right, there's the button "Customize selected theme" and it will take u to a new page.
5. On the new page, under Customize your theme; at the bottom of the blue box on the left will say "custom CSS" click it and it will take u to a new page.
6. Copy the code and paste it where it says "custom syle sheet".
7. Above that box there are two options, just make them all "Yes" Leave the URL box blank.

And ur done~ :)
I hope this helped!!

By xReilax on Feb 20, 2009 7:44 pm

its so pretty

By inactive on Jan 3, 2009 12:41 am

i do not understand D:
where is this "LOOK AND FEEL" button @_@
and theres a lot of smooth sailing layouts D:
which one to I pick...
can someone help me please?

By shebez on Dec 29, 2008 4:33 pm

ah! nvm haha got it thnx!

By CillyPants on Dec 14, 2008 9:07 am

View all »

Layout Details

Designer	primrosestranger
Submitted on	Jul 12, 2007
Page views	157,637
Favorites	214
Comments	53
Reviewer	mzkandi
Approved on	Jul 12, 2007

It's Gonna Be Love

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates