Hard Candy

Designer's Comments

Look carefully for specific instructions

This is my first LiveJournal layout!
This is the matching layout to my Myspace Div- Overlay.
Features Ellen Page from the movie 'Hard Candy'.
Thanks! Robert.

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: #D2B88D;
    }
  a {
     color: #B81E2A; 
     font-weight: 8px;
    text-decoration: none;
     }
  a:visited {
     color: #B81E2A; 
     font-weight: 8px;
     text-decoration: none;
     }
  a:hover {
     color: #000000;
     font-weight: 8px;
     text-decoration: none;
     }

.pageblock{
     width:646px;
     margin: 0 auto;
     background-color:transparent;
     background: url(http://cbimg6.com/layouts/08/08/30518aa.png);
     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://cbimg6.com/layouts/08/08/30518ab.png);
     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: #B81E2A;
     text-decoration: none;
     background-color: transparent;
     margin: 3px;
     font-weight: bold;
     }
  .header-menu a:hover {
     color: #000000;
     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: #F7F5CF;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     }
  .entryHeader a{
     color: #B81E2A;
     }
  .entryHeaderSubject {
     font-weight: bold;
     color:#000000;
     padding-bottom: 2px;
     font-size: 11px;
     padding: 3px;
     margin-top: 3px;
     }
  .entryHeaderDate a {
     color: #fc94b9;
     text-decoration : none;
     }
  .entryHeaderDate {
     color: #000000;
     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: #F7F5CF;
     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: #D2B88D;
     margin-bottom: 3px;
     }
  .entryLinkbar a:link, a:visited{
     color: #B81E2A;
     text-transform: normal;
     font-weight: bold;
     }
  .entryLinkbar a:hover{
     color: #000000;
     background-color: #D2B88D;
     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: #B81E2A;
     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: #E8DCAC;
     margin-right: 0px;
     margin-left: 0px;
     }
  .sideboxTitle {
     background-color: #F7F5CF;
     color: #000000;
     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: #E8DCAC;
     padding: 0px;
     color: #B81E2A;
     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: #F7F5CF;
     font-family: arial;
     text-align:center;
     font-weight: normal;
     text-transform: uppercase;
     line-height: 19px;
     font-weight: bold;
     color:#000000;
     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: #D2B88D;
     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: #F7F5CF;
     }
  .daysubjects {
     color: #fdf3e7;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
  
     background: #E8DCAC;
     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:#E8DCAC;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #B81E2A;
     }

/*TAGS PAGE*/

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

Layout Comments

Showing latest 10 of 11 comments

greatest movie ever!!

By stabpinmonkey on Jul 12, 2009 1:24 am

haha! great flick. shes psycho, but had good intentions though! love the layout

By dmt61385 on Apr 6, 2009 9:23 pm

ahnnnnn...I am using this layout in Live Journal !!!

By Belatrice on Nov 2, 2008 11:52 am

ow,I want to say that I hope this is the first of a collection,because you have NEW ideas & you & ahseik,are great designers !!!

By Belatrice on Nov 2, 2008 11:50 am

hello Robert !!! I loved the colors,the way you made the boxes & scrolling stuff,I just change the header picture,I 'm using my own photo with the title *THE OMG !!! REPORT !!!*-of my journal,hope you dont get upset & congrats !!! you made art,with that shades of tobacco & strawberry,it's great !!!
Thank you !!! vitt

By Belatrice on Nov 2, 2008 11:48 am