Black n Blood

Livejournal Layouts / S2

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

body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #1C1C1C;
     color: #000000;
          }
a:link {
color: #b9161e;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #b9161e;
text-decoration: none;
font-weight: bold;
}
a:active {
color: #b9161e;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #fff;
text-transform: none;
text-decoration: none;
font-weight: bold;
}
  .pageblock{
     width:570px;
     margin: 0 auto;
     }
  .pagefooterblock {
font-size: 0pt;

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

/* HEADER */

.pageheaderblock { 
} 
  .header-title {
display:none;
     }
  .header-subtitle {
display:none;
    
     }
  .header-icon {
display:none;
     }
 .header-menu {
     padding: 0px;
     font-family: Arial;
     font-size: 10px;
     text-align:center;
     width:578px;
     position:absolute;
     top 30px;
     left:50%;
     margin-left: -260px;
     letter-spacing:.2em;
     background:#000;

}
.header-menu a, .header-menu a:visited { 
     color:#ccc;
     font-size: 11px;
     padding:8px; 
     display:inline;

}
  .header-menu a:hover {
    font-size: 11px;
    color:#b9161e; 
    font-weight:bold;
       }
  .header-menu ul, #footer-menu ul {
     margin: 8px;
     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: #000;
  width:570px;
  overflow:auto;
  font-family:;
  color: #c9c8c9;
  font-size: 8pt;
  margin: 4px 0px 4px 0px;
  margin-left:15px !important;
  text-align: justify;
line-height:14px;
padding:4px;
     margin-top: 10px;
     }
  .entryUserinfo {
font-family: Arial;
font-size: 10px;
display: visiable;
float: right !important;
text-align: center;
background-color:#232323;
border: 2px solid #373737;
margin: 4px 4px 4px 6px;
padding:4px;
     }
  .entryUserinfo-usericon img { 
     border: 0px; 
     } 
  .entryText {
     padding: 0px;
     }
  .entryHeader {
     background:#373737;
     color: #fff;
     font-family: ;
     font-size: 12px;
     padding: 4px 4px 4px px;
text-align: left;
     }
  .entryHeaderSubject { 
     font-weight: bold;

}
 .entryHeaderDate {
font-size: 12px;
color:#fff;
font-family:Arial;
font-weight: bold;
padding: 4px;
}

.entryHeaderSubject {
     text-align:right;
     font-size: 12px;
     font-weight: bold;
     font-family:Arial;
     color:#A1A0A0;
     display:block;
     margin-left:0px;
     text-align:left;
     padding: 0px 0px 0px 0px;
     letter-spacing:.1em;
     margin-bottom:4px;
     background:#432525;
border-top:2px solid #000;
     }

.entryMetadata {
     padding-left: 2px;
  
     }
  .entryMetadata ul {
     width:306px;
     margin: 12px;
     padding: 2px;
     padding-top:7px;
border-top: 1px solid #373737;
border-bottom: 1px solid #432525;
     }
  .entryMetadata li {
    list-style: none;
    display: block;
    padding-right:2px;
    font-size: 10px;   
    line-height:1em;
    padding: 0px 0px 0px 0px;

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

}
  .entryLinkbar {
     font-family:Arial;
     font-size: 11px;
     text-align:center;
     padding: 2px 0px 2px 0px;
background:#3A3232;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;

}
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 2px;     
     display: inline;

}

/*FOOTER*/

#footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: red;
     white-space: nowrap;
     padding: 10px;
     text-align: center;
     padding-bottom:3px;
     }

/*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:490px;
  overflow:auto;
  font-family:;
  color: #c9c8c9;
  font-size: 9pt;
  margin: 4px 0px 4px 0px;
  margin-left:6px !important;
  text-align: justify;
     padding-top:-84px;
line-height:14px;
background:#000;
padding:4px;
     }
  .commentUserinfo {
font-family: Times New Roman;
font-size: 10px;
display: visiable;
float: left !important;
text-align: center;
background-color:#232323;
border: 2px solid #373737;
margin: 4px 4px 4px 0px;
padding:4px;

}
  .commentUserinfo-usericon img { 
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background:#373737;
     color: #fff;
     font-family: ;
     font-size: 12px;
font-weight: bold;
     font-size: 13px;
     padding: 4px 0px 4px 8px;

}
  .commentHeader a{
     color: #fff;
     }
  .commentHeaderScreened {
     background-color: transprearant;
     color: #A62D30;
     font-family: ;
     font-size: 12px;
font-weight: bold;
     font-size: 13px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     background:#3A3232;
     font-family:Georgia;
     font-size: 10px;
     text-align:center;
     padding: 2px 0px 2px 0px;
          }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 3px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     color: #3F3C47;
     padding-left: 4px;
     width:500px;

}
  #commenttext{
     color: #473B45;
     width:400px;
     overflow:auto;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 325px;
     border: 0px solid #5B7280;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #7B7B7B;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
    background-color:#373737;
    color: #fff;
border-bottom:1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-left: 1px solid #000;

}
  .day-blank {
background-color: #000;
border-right: 1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;

}
  .day {
     border-right: 0px solid #000;
     border-bottom:1px solid #000;
     background-color: #1C1C1C;
     border-left:1px solid #000;

}
  .day-date {
     background-color: #432525;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     color: #A1A0A0;
     width: 30%;
     text-align: center;
     padding:2px;

}
  .day-count {
     width: 30%;
     text-align: center;
     float: right;
     font-size: 12px;

}
  .day-count a {
     text-decoration: none;
     color: red;
     }
/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 500px; }
textarea{
width: 68%;
background:#000;
padding: 2px;
color: #c9c8c9;
font-family: Courier New;
font-size: 8pt;
letter-spacing: .8px;
border-left: 2px solid #1C1C1C;
border-top: 2px solid #1C1C1C;
border-right: 1px solid #1C1C1C;
border-bottom: 1px solid #1C1C1C;
}
::-moz-selection {
	color: #b9161e;
	background: #1C1C1C;
	}
blockquote {
background-color:#000;
margin: 20px 20px;
padding: 4px;
color:#c9c8c9;
font-size: 11px;
font-family:Georgia;
font-style:italic;
text-align: justify;
border-top: 4px solid #373737;
border-bottom: 3px solid #432525;
}
.entryMetadata-content img 
{
display: none;
}

Layout Comments

Showing latest 3 of 3 comments

can't for the lovc of anything find the look and feel xDDDD

By KyoriTsuki on Jun 30, 2011 9:48 pm

Nice color choices; very fluent and well done. Good job. :)

By Mikeplyts on Jan 15, 2010 12:45 am

I LOVE THE COLOR COMBINATION +o+!!!!
GOOD JOB.

By Snaily on Jan 1, 2010 9:14 pm

Layout Details

Designer	rubytears
Submitted on	Dec 27, 2009
Page views	22,730
Favorites	9
Comments	3
Reviewer	Beenly
Approved on	Jan 1, 2010

Black n Blood

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates