Bloody Dojo (light)

Designer's Comments

Look carefully for specific instructions

LAYOUT TITLE: Bloody Dojo (light)
STYLE SYSTEM: S2
THEME: Smooth Sailing
CODING (c): twentynine_.livejournal.com
TINY ICONS(c): twentynine_.livejournal.com [You can find those here if you're interested in switching the icons for another color.]
DO NOT REMOVE THE CREDITS AT THE TOP OF THE STYLE SHEET.
-------------------------------------------------------------
You can view this layout's post on my journal for more information: http://users.livejournal.com/twentynine_/14843.html

RESOLUTION: good for any resolution
TESTED BROWSERS: tested on Internet Explorer 7 and Firefox 2
ACCOUNT TYPE: Basic, Plus (Paid has not been tested, but I assume it works)
IMAGEHOST: Googepages

If the text seems too light for your liking, take a look at the dark version of this layout.
-------------------------------------------------------------
PREVIEW: CreateBlog.com messes up previews for me for some reason. For a live

Live previews: Recent Entries // Comments Page
-------------------------------------------------------------

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

/* LAYOUT TITLE:    Bloody Dojo
   STYLE SYSTEM:    S2
   THEME:	    Smooth Sailing
   CODING:	    twentynine_ @ LJ
   BACKGROUND:	    k10k.org - 0005 by aaron
   TINY ICONS:	    twentynine_ @ LJ */

/* PAGE */

body {
     font-family: Arial, sans-serif;
     font-size: 8pt;
     margin: 20px 0px 20px 0px;
     background-color: #580D0C;
     color: #86653E;
     background-image: url(http://cbimg9.com/layouts/08/06/28707aa.gif);
     }

a {
     color: #8C6329;
     text-decoration: none;
     }
  a:hover {
     color: #310800;
     text-decoration: none;
     }

.pageblock{
     background-image: url();
     background-position: top center;
     background-repeat: no-repeat;
     padding-top: 0px;
     background-color: #580D0C;
     width: 800px;
     margin: 0 auto;
     }
  .pagefooterblock {
     text-align: center;
     font-family: "Trebuchet MS", sans-serif;
     background-color: #420800;
     color: #86653E;
     padding-bottom: 20px;
     padding-top: 20px;
     margin-top: 0px;
     font-size: 5pt;
     letter-spacing: 2px;
     text-transform: uppercase; 
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     text-align: right;
     color: #86653E;
     }

/* HEADER */

.pageheaderblock {
     background-color: #8B642F;
     padding-top: 0px;
     text-align: left;
     }

.header-title {
     background-color: #8B642F;
     text-align: left;
     text-transform: uppercase;
     font-weight: bold;
     padding: 0px 0px 0px 33px;
     font-family:  "'Palatino Linotype", Palatino;
     font-size: 40px;
     line-height: 38px;
     display: block;
     color: #631810;}
  .header-subtitle {
display: none;
          }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     }
  .header-menu {
     text-align: center;
     letter-spacing: 2px;
     padding-right: 18px;
     background-color: #540A06;
     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: #86653E;
     text-decoration: none;
     }
  .header-menu a:hover {
     color: #310800;
     background-color: #8B642F;
     }
  .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: #86653E;
     }
  .body-title {
     display: none;
     font-size: 18pt;
     color: #000000;
     text-align: left;
     padding-left: 24px;
     }
  .body-midtitle {
     display: none;
     font-size: 18px;
     color: #000000;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #86653E;
     background-color: #580D0C;
     font-family: Arial, sans-serif;
     font-size: 8pt;
     margin-top: 2px;
     padding: 8px;
     }
  .entryUserinfo {
     font-weight: normal;
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     text-align: center;
     margin: 8px 4px 8px 8px;
     }

.entryUserinfo a{
     font-weight: lighter;
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     text-align: center;
     }

.entryUserinfo-usericon img { 
     font-weight: normal;
     border: 0; 
     margin-top: -18px;
display: none;
     } 
  .entryText {
     font-weight: normal;
     text-align: justify;
     padding: 6px;
     }
  .entryHeader {
     text-align: center;
     letter-spacing: 2px;
     background-color: #540A06;
     font-family: "Trebuchet MS";
     text-transform: uppercase; 
     font-size: 7pt;
     padding: 1px 1px 1px 8px;
     margin: 0 5px 0 0;
     color: #86653E;
     }
  .entryHeader a{
     font-weight: normal;
     color: #000000;
     }
  .entryHeaderSubject {
     color: #8C6230;
     font-size: 8pt;
     font-family: "Trebuchet MS", sans-serif;
     font-weight: normal;
     }
  .entryHeaderDate {
     color: #86653E;
     font-size: 8pt;
     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: normal;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     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: normal;
     color: #FF0066;
     text-decoration: none;
 font-size: 8pt;
     font-family: "Trebuchet MS", sans-serif;
}

.entryHeaderTags a:hover {
     text-decoration: none;
 font-family: Arial, sans-serif;
     font-size: 8pt;
     font-family: "Trebuchet MS", sans-serif;
     text-decoration: none;
color: #86653E;}

/*FOOTER*/

#footer-menu {
     margin-top: 10px;
     text-align: center;
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #86653E;
     white-space: nowrap;
     padding: 6px;
     text-align: right;
     }

/*SIDEBAR*/
  
  .sidebar {
     background-color: #580D0C;
     font-family: Arial, sans-serif;
     color: #86653E;
     font-size: 8pt;
     margin-right: 8px;
     margin-top: 10px;
     width: 200px;
     }
  .sidebox {
     color: #86653E;
     margin: 0px 0px 10px 0px;
     }
  .sideboxTitle {
     text-align: center;
     letter-spacing: 2px;
     padding-right: 18px;
     background-color: #540A06;
     font-family: "Trebuchet MS";
     text-transform: uppercase; 
     font-size: 7pt;
     }
  .sideboxContent {
     text-align: justify;
     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-family:  "'Palatino Linotype", Palatino;
list-style: none;
display: block;
color: #631810;
background-color: #8B642F;
width: 100%;
text-transform: uppercase;
font-size: 9px;
padding: 2px;
margin: 2px;
font-weight: bold;
text-align: center;
     }
  .profile-label {
     font-family: "Trebuchet MS", sans-serif;
     color: #86653E;
     font-weight: normal;
     }

.sidebox #systemlinks a {
font-family:  "'Palatino Linotype", Palatino;
list-style: none;
display: block;
color: #8B642F;
background-color: #631810;
width: 100%;
text-transform: uppercase;
font-size: 9px;
padding: 2px;
margin: 2px;
font-weight: bold;
text-align: center;
}

.sidebox #systemlinks a:hover {
display: block;
background-color: #8B642F;
color: #631810;
}

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

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

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     font-family: Arial, sans-serif;
     color: #86653E;
     background-color: #580D0C;
     font-size: 8pt;
     margin: 4px 0px 4px 0px;
     border: 0;
     }
  .commentUserinfo {
     font-weight: normal;
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     margin: 8px 4px 8px 8px;
     text-align: center; 
     background-color: #580D0C;
     }
  .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: #580D0C;
     color: #86653E;
     font-size: 8pt;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     background-color: #f0f0f0;
     padding: 4px 4px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: normal;
     border: 0;
     }
  .commentLinkbar {
     font-family: "Trebuchet MS", sans-serif;
     font-size: 8pt;
     color: #86653E;
     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: #580D0C;
     color: #86653E;
     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: #86653E;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     background: #580D0C;
     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: #86653E;
     }

#welcomenoteHolder {
     margin-top: 10px;
     padding: 10px;
     }

.entryHeader img[src='http://p-stat.livejournal.com/img/icon_protected.gif']{
     width: 0;
     height: 0;
     padding: 0 10px 10px 0;
     background: url(http://cbimg9.com/layouts/08/06/28707ab.gif);
  }

.entryHeader img[src='http://p-stat.livejournal.com/img/icon_private.gif']{
     width: 0;
     height: 0;
     padding: 0 10px 10px 0 !IMPORTANT;
     background: url(http://cbimg9.com/layouts/08/06/28707ab.gif);
  }

.entryHeader img {
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     background-image: url(http://cbimg9.com/layouts/08/06/28707ac.gif);
     padding: 10px 10px 2px 2px;
  } 
 
  .ljuser img { 
     width: 0;
     height: 0;
     background-repeat: no-repeat;
     background-color: transparent;
     background-image: url(http://cbimg9.com/layouts/08/06/28707ad.gif); 
     padding: 5px 4px 7px 5px !IMPORTANT;
     }

.ljuser img[src='http://p-stat.livejournal.com/img/userinfo.gif'] {
     background-color: transparent;
     background-image: url(http://cbimg9.com/layouts/08/06/28707ad.gif);
     padding: 5px 4px 7px 5px !IMPORTANT;
     }

.ljuser img[src='http://p-stat.livejournal.com/img/community.gif'] {
     background-color: transparent;
     background-image: url(http://cbimg9.com/layouts/08/06/28707ae.gif);
     padding: 10px 13px 2px 2px !IMPORTANT;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 0px;
     }
  .tagstable { width: 500px; }

blockquote {
     border-left: 17px #8B642F solid;
     padding: 6px;
     color: #B48B5A;
     background-color: #540A06;
     font-family: "Trebuchet MS";
     text-transform: uppercase; 
     font-size: 7pt; }

Layout Comments

Showing latest 8 of 8 comments

Beautiful! I'm using it if that's alright, and as asked I left the credits in the coding. I'll leave a crediting post on my LJ if you like! (I'm new to this, so please bear with me!) Thanks again for the layout!

By ihavequalmswithyoursoap on Aug 12, 2010 7:25 pm

i'm using this and i really love it but i want my userpics to appear on my posts.
:/

By paisleythelion on Jul 10, 2009 6:02 am

Neeeeeeeevermind, I got it all down pat.

By johnnydeppobsessive on Nov 10, 2008 5:08 pm

Oh no. I haven't used LJ in a long time, so I don't know where to find the "look and feel" section you're talking about. I'm in the S2 part, but I don't see a link for "look and feel". Help!

By johnnydeppobsessive on Nov 10, 2008 4:57 pm

Fabulous, I'll probably use this. If I do, I'll make sure you credit you.

By johnnydeppobsessive on Nov 10, 2008 4:52 pm

lovely background you have there :)
taking and i will credit

By mandolin on Aug 17, 2008 4:14 pm

love it!
will using it with credit :o)
thanks

By Knopfi on Aug 1, 2008 7:19 am

i really like this, it's nice and simple but looks professional.

am using, will credit :)

By who-wants-toast on Jul 1, 2008 5:57 pm

Layout Details

Designer	aliceo
Submitted on	Jun 22, 2008
Page views	27,236
Favorites	21
Comments	8
Reviewer	Relentless
Approved on	Jun 22, 2008

Bloody Dojo (light)

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates