The Non Judging Breakfast Club

Designer's Comments

Look carefully for specific instructions

Rules
-ALWAYS CREDIT
-Do not hotlink (because only idiots do that)save the graphics to your own server aka photobucket, imageshack!
-No altering or customizing without permission
-Comments are much love (if you can take a graphic then I'm sure you can comment).
-Blank icons are not bases
-If I have time REQUEST will be permitted

Instructions
1. Log into livejournal.com (customize)
2. Set Style System to S2
3. Set Layout to Smooth Sailing
4. Click on Custom Options
5. Click on Custom CSS
6. Copy (ctrl c) and paste (ctrl v) code to Custom CSS
7. Customize sidebar as you wish
8. Please Remember to CREDIT

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 {
background: url();
     font-family: arial;
     margin: 0px;
     padding: 0px;
     background-color: #7C7C7C;
    }

b {
font-family:04b03; color:#7C7C7C; letter-spacing:0pt; font-weight:bold; font-size:8pt; 
} 
u {
font-family:04b03; font-size:11pt; line-height:10pt; border-bottom: 2px solid #ffffff;  color:#7C7C7C; text-transform: normal; letter-spacing: 0pt;
} 
i {
font-family:04b03; font-size:11pt;  background-color: #ffffff; color: #7C7C7C;  letter-spacing: 0pt;

} 
strike {
font-family:04b03; font-size:11pt; font-weight:bold; color:#7C7C7C; text-transform: none; letter-spacing: 0pt; 
}

a {
     color: #7C7C7C; 
     font-weight: 8px;
    text-decoration: none;
     }
  a:visited {
     color: #929292; 
     font-weight: 8px;
     text-decoration: none;
     }
  a:hover {
     color: #ffffff;
     font-weight: 8px;
     text-decoration: none;
     }

.pageblock{
     width:715px;
     margin: 0 auto;
     background-color: #;
     color: #E6E6E6;
     margin-top: -1px;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #CFCFCF;
     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: 5px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #CFCFCF;
     }

/* HEADER */

.pageheaderblock {
     text-align: left;
     background-image: url(http://cbimg9.com/layouts/08/07/29252aa.png);
     background-repeat: no-repeat; 
     width: 650px;
     height: 325px;
     border-top: 0px;
     margin-left:40px;
     }

::-moz-selection {background: #FBF3E9; color: #070952;}

blockquote {background: #FFE3ED; border: 1px solid  #CA89E5; padding: 2px;}

.pageheaderblock {text-align: center;}

.header-title, .header-icon, .header-subtitle, .pagefooterblock, .bodyheaderblock, .header-menu {display: none;}

.bodyblock {width: 649px; margin: 0px auto;}

#footer-menu {background: #070952; border: 0px solid #E2C2A8; margin: 5px 0px 5px 0px; text-align: right; padding: 5px;
text-transform: uppercase; font-weight: bold;}
#footer-menu ul {margin: 0px auto; padding: 0px;}
#footer-menu li {display: inline; padding: 0 10px 0 15px;}

/* 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: #ADADAD;
     color: #CFCFCF
     margin: 0px 0px 4px 0px;
     padding: 4px;
     border-top: 0px;
     text-align: center;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #ffffff;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     display: none;
     }

/*ENTRIES*/
  .entryHolder {
       background-image: none;
  background: #ADADAD; 
border-top: 1px dashed #ffffff;
  border-left: 3px solid #ffffff;
  border-right: 1px dashed #ffffff;
  border-bottom: 1px dashed #ffffff;
  background-color: #ADADAD;
Text-align: center;
  font:normal 11px arial;
  line-height:16px;
  letter-spacing: 1px;
  color: #E6E6E6;
       margin-right: 0px;
     margin-left: 15px;
     margin-bottom: 15px;
     }

.entryUserinfo {
     text-align: center;
     margin: 2px;
     background-color: transparent;
     border: 0px
     }
  .entryUserinfo-usericon img { 
     padding: 2px; 
     border: 0px;
     } 
  .entryText {
     padding: 3px;
     }
  .entryHeader {
     background-color: #ADADAD;
  background-image: url();
  background-attachment: repeat; 
  background-repeat: repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #7C7C7C;

text-align: center;
  padding-left: 3px;
  width: 230px;}

.entryHeader a{
     color: #ffffff;
     }
  .entryHeaderSubject {
   background-color: #ADADAD;
  background-image: url();
  background-attachment: repeat; 
  background-repeat: repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #7C7C7C;

text-align: center;
  padding-left: 3px;
  width: 230px;}

.entryHeaderDate a {
     color: #ffffff;
     text-decoration : none;
     }
  .entryHeaderDate {
     background-color: #ADADAD;
  background-image: url();
  background-attachment: repeat; 
  background-repeat: repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #7C7C7C;

text-align: center;
  padding-left: 3px;
   width: 230px;}

.entryHeaderDate a:hover {
     color: #CFCFCF;
     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: #ADADAD;
     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: #ADADAD;
     margin-bottom: 3px;
     }
  .entryLinkbar a:link, a:visited{
     color: #ffffff;
     text-transform: normal;
     font-weight: bold;
     }
  .entryLinkbar a:hover{
     color: #ffffff;
     background-color: #ADADAD;
     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;
          text-align: center;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #CFCFCF;
     white-space: nowrap;
     padding: 6px;
     text-align: center;
     }

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

width: 230px;
     background-color: transparent;
     
     padding-bottom: 100px;
     }
  .sidebox {
   background-image: none;
  background-color: #ADADAD;
border-top: 1px dashed #ffffff;
  border-left: 3px solid #ffffff;
  border-right: 1px dashed #ffffff;
  border-bottom: 1px dashed #ffffff;
Text-align: center;
  font:normal 11px arial;
  line-height:16px;
  color: # E6E6E6;

margin-right: 0px;
     margin-left: 0px;
     margin-bottom: 5px;
     }

.sideboxTitle {
       background-color: #ADADAD;
  background-image: url();
  background-attachment: repeat; 
  background-repeat: repeat; 
  background-position: top left;
  font:15pt arial narrow;
  text-transform: uppercase;
  letter-spacing: -2px;
  color: #7C7C7C;
  text-align: center;
  padding-left: 3px;
  border: 0px #ADADAD
  width: 230px;}
  .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:#CFCFCF;
     margin-bottom: 4px;
     }
  .sidebox #latestmonth table a{
     background-color: #ADADAD;
     padding: 0px;
     color: #ffffff;
     padding: 3px;
     width: 20px;
     font-weight: bold;
     border-right: 0px solid #858A9D;
     border-bottom: 0px solid #858A9D;
     }
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #ffffff;
     background-color: #ADADAD;
     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: #ADADAD;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     font-weight: bold;
     color:#ffffff;
     font-size: 11px;
  
     }
  .commentHeader a{
     color: #0B0E79;
     }
  .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: #ADADAD;
     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: #ADADAD;
     }
  .daysubjects {
     color: #ffffff;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
  
     background: #ADADAD;
     color: #ffffff;
     }
  .day-blank {ffffff
     border: 0px solid #8a8a8a;
    }
  .day {
     border: 0px solid #D8CBC2;
     }
  .day-date {
     border-right: 1px solid #8a8a8a;
     border-bottom: 1px solid #8a8a8a;
     color: #ffffff;
     width: 50%;
     text-align: center;
     background-color:#ADADAD;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #ffffff;
     }

/*TAGS PAGE*/

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

Layout Comments

Showing latest 10 of 14 comments

Hey, I think I'd like to use it, but I'd rather use one of my own pictures if that's OK.

By lonelycheese15 on Dec 28, 2010 8:32 pm

Hey, I love this banner picture.

Do you by any chance have a link to the original or something?

Thanks! (:

By cute_lil_kitsune on Jun 25, 2010 12:59 am

hey i was wondering if i could use this but change the image picture to something of my own and the colour scheme. I would still credit you for making the amazing skin. :)

By f-fragments on Jun 11, 2009 3:04 am

using. thnks.

By jngn on Jun 9, 2009 12:42 am

Taking. Will credit.

By MonsieurSkipper on May 10, 2009 4:34 pm