IchiRuki Apologize

Designer's Comments

Look carefully for specific instructions

Style: Smooth Sailing
Best view: 1024x768+
Browser(s) Compatible: Firefox, Safari, Opera, and IE7
Credit: tears_of_ruby in your profile please.
Work with Nav bar?: Yes, use the css that says wnavbag.
Account types: basic, paid, and maybe plus. Let me know.
----------------------------------------------------------------

Step 1
Go to http://www.livejournal.com/customize/http://www.livejournal.com/customize/
and make sure you're in S2.

Step 2
Under select a new theme tpye in the name of the style of the layout. (I tend to work with Smooth Sailing.)

Step 3
Now that you have the search results. Click on any smooth sailing layout. Other styles you might want to find one that has no style and is just a base.

Step 4
Now here comes the sidebar part. This can be very important. If the sidebar is on the wrong side your layout can look very wrong. So lets take a look at that live preview I supply. Keep an eye on what side the sidebar is on. (I tend to put them on the left alot.) Chose the page set up that best fits where the side bar is. Click apply layout. Once that;s done click on customize selected theme.

Step 5
Okay, now that you've taken care of all that. Its time to add the css codes. On the side of the page look for the link that says Custom CSS. Click it and we're on our way to Step 6.

Step 6
Okay now before you can paste in the css codes theres just a few more things we have to do.

a.) Find where it says Use layout's stylesheet(s) and make sure it says No.

b.) Now find where it says Use layout's stylesheet(s) when including custom external stylesheet and also make sure it says No.

c.) Never mind the Custom external stylesheet URL box.

d.) Go find that notepad file labeled CSS. Copy it all. Paste it into the Custom stylesheet box. Click Save Changes and enjoy the layout :)

For a verizon of this layout ment to work with LJ's Navbag, check out the post in my LJ community.
http://community.livejournal.com/tears_of_ruby/52013.html

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: */
/*   LAYOUT TITLE: Bleach - IchiRuki - Apologize (I Need You)
     STYLE SYSTEM: S2 Smooth Sailing
     CODING:	   http://community.livejournal.com/tears_of_ruby
     TINY ICONS:   http://www.famfamfam.com
     HEADER IMAGE: capped by rubytears@livejournal.com
     LYRICS:       One Republic - Apologize  */

body {
font-family: Garamond, Palatino Linotype;
     font-size: 10.5pt;
     margin: 0px;
     background-color: #2480C3;
     color: #000000;
     background-image: url(http://cbimg6.com/layouts/08/08/30560aa.png);
background-repeat: repeat !important;
background-position: top center;
          }
a:link {
color: #2281C5;
text-decoration: none;
}
a:visited {
color: #2281C5;
text-decoration: none;
}
a:active {
color: #2281C5;
text-decoration: none;
}
a:hover {
color: #50C3DE;
text-transform: none;
text-decoration: none;
}
  .pageblock{
     width:704px;
     margin: 0 auto;
     }
  .pagefooterblock {
font-size: 0pt;

}
  .pagefooterblock a, .pagefooterblock a:visited {
     display:none;
     }

/* HEADER */

.pageheaderblock { background-image: url(http://cbimg6.com/layouts/08/08/30560ab.jpg); left:50%;
background-repeat: no-repeat; height: 400px; width: 704px;
} 
  .header-title {
display:none;
     }
  .header-subtitle {
display:none;
    
     }
  .header-icon {
display:none;
     }
  .header-menu {
     padding: 4px;
     font-family: Georgia;
     font-size: 14px;
     text-align:center;
     width:695px;
     position:absolute;
     top:404.5px;
     left:50%;
     margin-left: -353px;
letter-spacing:.1em;
font-weight:bold;
background:#fff;
border:1px solid #CFF9FF;
     }
.header-menu a, .header-menu a:visited { 
     color:#0D435B;
     font-size: 12px;
     padding:8px; 
     text-decoration:none;
     display:inline;
margin-bottom:0px;
     }
  .header-menu a:hover {
    font-size: 12px;
    text-decoration:none;       
    color:#248BC6;

}
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 4px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 36px 10px 10px 10px;

}
  .bodyheaderblock { 
     display:none;
         }
  .bodynavblock a, .bodynavblock a:visited {
     }
  .body-midtitle {
     display:none;
          }

/*ENTRIES*/
  .entryHolder {
     background-color: #fff;
  width:696px;
   overflow:auto;
  color: #233839;
  font-size: 10.5pt; 
  text-align: justify;
  background:#F6FBFE;
  margin: 4px 0px 4px 0px;
  margin-left:-10px !important;
  text-align: justify;
line-height:14px;
padding:4px;
     margin-top: 10px;
border:1px solid #CFF9FF;
     }
  .entryUserinfo {
display: visiable;
float: right !important;
text-align: center;
background-color:#EFFFFF;
border: 1px solid #CFF9FF;
padding:4px;
margin: 2px 2px 4px 6px;
}
  .entryUserinfo-usericon img { 
     border: 0px; 
     } 
  .entryText {
     padding: 6px;
     }
.entryText font, .entryText span,.entryText div{
color: #233839 !important;
font-size: 10.5pt !important;
font-family: Garamond, Palatino Linotype !important;
}
.entryText img{
margin: 1px 6px 4px 2px;
max-width:660px; 
opacity: 1; 
padding: 5px;
border: 1px solid #DFFBFF;
filter: alpha(opacity=100);
}

.entryText img:hover{
opacity: .8; 
filter: alpha(opacity=100);
padding: 5px;
border: 1px solid #EFFFFF;
}
  .entryHeader {
     background:#EFFFFF;
     color: #2386C7;
     font-family: ;
     font-size: 12px;
     padding: 4px 4px 4px px;
text-align: left;
     }
  .entryHeaderSubject { 
     font-weight: bold;

}
 .entryHeaderDate {
font-size: 12px;
color:#2386C7;
font-family: Georgia;
font-weight: bold;
padding: 4px;

}

.entryHeaderSubject {
     text-align:right;
     font-size: 12px;
     font-weight: bold;
   font-family: Georgia;
     color:#2386C7;
     display:block;
     margin-left:0px;
     text-align:left;
     padding: 0px 0px 0px 0px;
     letter-spacing:.1em;
     margin-bottom:4px;
     background:#EFFFFF;
border-bottom:1px solid #CFF9FF;
     }

.entryMetadata {
     padding-left: 2px;
  
     }
  .entryMetadata ul {
     width:306px;
     margin: 12px;
     padding: 6px;
     padding-top:7px;
border: 1px solid #CFF9FF;
background:#EFFFFF;
color:#475E5F;

}
  .entryMetadata li {
    list-style: none;
    display: block;
    padding-right:2px;
    font-size: 10pt;   
    line-height:1em;
    padding: 0px 0px 0px 0px;

}
  .entryMetadata-label {     
     padding-right: 2px;
    }
  .entryMetadata Img{
display:none;
}

.entryLinkbar {
font-family: Georgia;
     font-size: 11px;
     text-align:center;
     padding: 2px 0px 2px 0px;
     margin: 12px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 2px;     
     display: inline;
     }

/*FOOTER*/

#footer-menu {
     font-size: 11pt;
     width:704px;
     background:#F6FBFE;
     margin-left:-11px;
border: 1px solid #CFF9FF;
border-top: 1px solid #CFF9FF;
     }
  #footer-menu a, .footer-menu a:visited {
     font-family: Georgia;
     color: #475E5F;
     white-space: nowrap;
     padding:8px;
     text-align: left;
     margin: 4px 4px 4px 4px
     font-went:bold;
     }
#footer-menu a:hover {
color:#177FBF;
}

/*SIDEBAR*/
  
.sidebar {
display:none;
     background-color: #000;
     font-family: ;
     font-size: 8pt;
     margin-left: 10px;
     width:144px;
     padding-top:48px;
            }
  .sidebox {
color: #c9c8c9;
line-height: 10pt;
background-color:;
text-align:justify;
margin: 6px 0px 6px 0px;
     }
  .sideboxTitle {
font-family: Georgia;
color: #fff;
font-size:9pt;
font-weight:bold;
display:block;
margin-bottom:0px;
text-align:left;
padding: 2px 2px 0px 2px;     
letter-spacing:3px;
background:#373737;
     }
  .sideboxContent {
     text-align: justify;
     padding: 2px 4px 20px 4px;
     }
.sidebox #profile{ 
text-align: center;
padding: 6px 0px 6px 0px;
}
.sidebox #latestmonth{
text-align: center;
font-size: 8pt;
padding:8px;
}
 .sidebox #search {
   text-align: right;

}
  .sidebox #tags_sidebox {
     text-align:center;
     }
  .sidebox #systemlinks {
     text-align: justify;

}
  .sidebox #latestmonth table{
     width: 80px;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;
font-family: Palatino Linotype;
     }
  .listtitle {
     font-weight: bold;
     letter-spacing:2px;
     background:#432525;
     width:138px;
     padding-top:2px;
     color:#A1A0A0;
     }
  .profile-label {
     font-weight: bold;

}
input, textarea, select {
     border:1px solid #373737;
     font-size:9.8px;
     color:#c9c8c9;
     padding: 2px;
     margin-top:4px;
background-color:#232323;
     font-family: Palatino Linotype, sans-serif;
     }
  .latestmonth-active {
     margin:1px;
     padding:1px;       background-color:#000;
     color:#000; 
     border-left:1px solid #2F2F2F;
     border-top:1px solid #2F2F2F;
     border-right:1px solid #373737;
     border-bottom:1px solid #373737;
     }
    .latestmonth-inactive {
background-color:#232323;
     margin:1px;
     padding:1px;   
     color:#fff; 
     border-right:1px solid #373737;
     border-bottom:1px solid #373737;
     border-left:1px solid #2F2F2F;
     border-top:1px solid #2F2F2F;

}

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     width:704px;
     overflow:auto;
     background:#F6FBFE;
  color: #233839;
  font-size: 10.5pt; 
  text-align: justify;
  margin: 4px 0px 4px 0px;
     padding-top:px;
left:50%;
margin-left:-98px;
text-align: justify;
     border:1px solid #CFF9FF;
     }
  .commentUserinfo {
font-family: Times New Roman;
font-size: 10.5pt;
display: visiable;
float: right !important;
text-align: center;
background-color:#EFFFFF;
border: 1px solid #CFF9FF;
padding:4px;
margin: 4px 2px 2px 6px;
     }
  .commentUserinfo-usericon img { 
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
background-image: url(http://cbimg6.com/layouts/08/08/30560ac.jpg); !important;
background-repeat: no-repeat; 
background-position: top right;
     background-color: #EFFFFF;
     font-size: 12px;
     font-weight: bold;
     font-family:Georgia;
     color:#2386C7;
     font-size: 13px;
     padding: 16px 0px 4px 8px;
border-bottom: 1px solid #CFF9FF;

}
  .commentHeader a{
     color: #F6FBFE;
     }
  .commentHeaderScreened {
background-image: url(http://cbimg6.com/layouts/08/08/30560ac.jpg); !important;
background-repeat: no-repeat; 
background-position: top right;
     background-color: #EFFFFF;
     font-size: 12px;
     font-weight: bold;
     font-family:Georgia;
     color:#2386C7;
     font-size: 13px;
     padding: 16px 0px 4px 8px;
border-bottom: 1px solid #CFF9FF;
     }
  .commentHeaderSubject {
font-size: 12px;
     font-weight: bold;
     font-family:Georgia;
     color:#2386C7;
     font-size: 13px;
     }
  .commentLinkbar {
font-family:Georgia;
     font-size: 12px;
     background-color: #F6FBFE;
     text-align:right;
     padding: 2px 0px 2px 0px;
          }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     background-color: #F6FBFE;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     background-color: #F6FBFE;

}
  .replyform {
background-image: url(http://cbimg6.com/layouts/08/08/30560ad.png); !important;
background-repeat: no-repeat; 
height:470px; width: 705px;
     color: #233839;
left:50%;
margin-left:-97px;
margin-top:4px;
padding:2px;
          }
  #commenttext{
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 610px;
     border: 0px solid #CFF9FF;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #475C5D;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;    background-color:#F6FBFE;
    color: #178BBF;
border-bottom:1px solid #CFF9FF;
border-right: 1px solid #CFF9FF;
border-top: 1px solid #CFF9FF;
border-left: 1px solid #CFF9FF;
     }
  .day-blank {
background-color: #fff;
border-right: 1px solid #CFF9FF;
border-bottom:1px solid #CFF9FF;
border-left:1px solid #CFF9FF; 
    }
  .day {
     border-right: 1px solid #CFF9FF;
     border-bottom:1px solid #CFF9FF;
     background-color: #EFFFFF;
     border-left:1px solid #CFF9FF;

}
  .day-date {
     background-color: #fff;
     border-right: 1px solid #CFF9FF;
     border-bottom: 1px solid #CFF9FF;
     color: #339BCF;
     width: 30%;
     text-align: center;
     }
  .day-count {
     width: 30%;
     text-align: left;
     float: right;
     font-size: 10pt;
     }
  .day-count a {
     color: #4A5E5F;
     }
.day-count a:hover {
color:#178BBF;
text-decoration: none;
}
/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #CFF9FF;
     }
  .tagstable { width: 500px; }
textarea{
width: 68%;
background:#EFFFFF;
padding: 2px;
color: #225E80;
font-family: Courier New;
font-size: 8pt;
letter-spacing: .8px;
border-left: 2px solid #CFF9FF;
border-top: 2px solid #CFF9FF;
border-right: 1px solid #CFF9FF;
border-bottom: 1px solid #CFF9FF;
}
::-moz-selection {
	color: #2282BF;
	}
blockquote {
background-color:#EFFFFF;
margin: 20px 20px;
padding: 4px;
color:#4C6D6F;
font-size: 11px;
font-family:Georgia;
text-align: justify;
border-top: 1px solid #CFF9FF;
border-bottom: 2px solid #CFF9FF;
border-left: 3px double #CFF9FF;
border-right: 4px double #CFF9FF;
width:74%;
}
.ljuser img { 
  		width: 0;
  		height: 0;
  		background-repeat: no-repeat;
  		background-color:transparent;
  		/* so that IE users will still see an image */
  		background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png); 
  		padding: 16px 16px 0 2px !important;
margin: 0px !important;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/userinfo.gif"] {
		background-color:transparent;
  		background-image: url(http://cbimg6.com/layouts/08/08/30560ae.png);
  		padding: 16px 16px 0 2px !important;
margin: 0px !important;
		}

.ljuser img[src="http://p-stat.livejournal.com/img/community.gif"] {
		background-color:transparent;
 		background-image: url(http://cbimg6.com/layouts/08/08/30560af.png);
 		padding: 16px 16px 0 2px !important;
margin: 0px !important;
		}
html body{
padding-top: 0 !important;
}
#lj_controlstrip{
display: none !important;
}

Layout Comments

Showing latest 4 of 4 comments

Ohhh....this is so unique!

By emmasawr on Nov 29, 2008 7:47 am

This is really nice. :D

By partykiller on Oct 28, 2008 9:45 pm

I really like it : D
also it DOES work with Plus accounts

By Tomates on Aug 20, 2008 2:12 am

Favorited

By dilligrout on Aug 14, 2008 10:36 pm

Layout Details

Designer	rubytears
Submitted on	Aug 14, 2008
Page views	20,182
Favorites	19
Comments	4
Reviewer	schizo
Approved on	Aug 14, 2008

IchiRuki Apologize

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates