Alice in Wonderland - Couture Version

Designer's Comments

Look carefully for specific instructions

PLEASE READ:

1. In order for this to look right you have to have the sidebar set to the left. To do this, when you are on the Edit Journal Style page, click on the Custom Options tab. Then click on the Sidebar section link. Set the Sidebar Position to the "Left side".

Don't remove the credit in the image or claim as your own or there will be major pain

Go to my livejournal profile (username: shewantstoshine) to see the credits for the brushes and images used in my layouts.

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, tahoma;
     font-size: 7pt;
     margin: 0px;
     background-color: #B0C5C3;
     color: #00192F;
     background: url(http://cbimg6.com/layouts/07/07/05/19087aa.png);
     background-attachment: fixed;
     background-color: #B0C5C3;
     margin-top: 20px;
     margin-bottom: 20px;
     }
  a {
     color: #00192F; 
     font-weight: lighter;
    text-decoration: none;
    font-weight: normal; 
    }
  a:visited {
     color: #024476; 
     font-weight: lighter;
     text-decoration: none;
    font-weight: normal; 
    }
  a:hover {
     background-color: #00192F;
     color: #B2C7C5;
     font-weight: normal;
     text-decoration: underline;
     }

.pageblock{
     width:681px;
     margin: 0 auto;
     background-color: #B0C5C3;
     color: #B0C5C3;

background-position: center;
     }
  .pagefooterblock{
     background-color: #266569;
     color: #B2C7C5;
     padding: 10px;
     margin-top: 0px;

text-align: center;
     text-transform: uppercase;

}
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #B2C7C5;
     }

.pageheaderblock {
     text-align: left;
     background-image: url(http://cbimg6.com/layouts/07/07/05/19087ab.png);
     background-repeat: no-repeat;
     Background-position: bottom center;
     width: 679px;
     height: 470px;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
     padding: 0px 0px 0px 0px;
     background-color: transparent;
     font-family: arial;
     font-size: 10px;
     line-height: 20px;
     text-transform: uppercase;
     text-align: center;
     background-color: #B0C5C3;

}
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     text-align: left;
     padding: 2px 7px 5px 5px;
     color: #001435;
     text-decoration: none;
     font-weight: bold;
     }
  .header-menu a:hover {
     color: #B2C7C5;
     background-color: #266569;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

.bodyblock {
     padding:0px;

}
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: #B0C5C3;
     color: #ccc;
     margin: 10px 0px 4px 0px;
     padding: 9px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: ##002415;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-family: arial;
     font-size: 18px;
     color: #002415;
     text-align: left;
     padding-left: 8px;
     }

.entryHolder {
     color: #B0C5C3;
     background-color: #B0C5C3;
     font-family: arial;
     font-size: 11px;
     margin: 4px 5px 4px 0px;
     text-align: justify;
     padding-right: 35px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     
     background-color: transparent;
     }
  .entryUserinfo-usericon img { 
     border: 0px;
     } 
  .entryText {
     color: #374544;
     padding: 6px;
     }
  .entryHeader {
     background-color: #7D9893;
     color: #283A3A;
     font-family: arial;
     font-size: 10px;
     padding: 4px;
     font-weight: bold;
     text-transform: uppercase;
     border-top: 1px solid #283A3A;
     border-bottom: 1px solid #283A3A;
     border-left: 1px solid #283A3A;
     border-right: 1px solid #283A3A;
     letter-spacing: 2px;
     text-align: center;
}
  .entryHeader a{
     color: #7D9893;
     }
  .entryHeaderSubject {

}
  .entryHeaderDate a {
     color : #7D9893;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color : #7D9893;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 6px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: inline;
     padding-right: 10px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: tahoma;
     font-size: 11px;
     color: #7D9893;
     text-align: right;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;     
     display: inline;
     }

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

.sidebar {
     font-family: arial;
     font-size: 11px;
     margin-right: 5px;
     width: 170px;
     background-color: #B0C5C3;
     padding: 0px 0px 0px 0px; 
     margin-left: 40px;    
}
  .sidebox {
     color: #648C88;
     background-color: transparent;
     margin: 4px 0px 4px 0px;

}
  .sideboxTitle {
     background-color: #7A9491;
     color: #283A3A;
     font-family: arial;
     font-size: 10px;
     padding: 5px;     
     text-align: left;
     text-transform: uppercase;
     font-weight: bold;
     border-top: 1px solid #283A3A;
     border-bottom: 1px solid #283A3A;
     border-left: 1px solid #283A3A;
     border-right: 1px solid #283A3A;
     letter-spacing: 2px;
}
  .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: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;

}
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

.commentHolder {
     color: #648C88;
     background-color: #B0C5C3;
     font-family: arial;
     font-size: 11px;
     margin: 14px 0px 4px 10px;
     border-bottom: 1px solid #648C88;
     margin-right: 35px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     
     background-color: #B0C5C3;
     }
  .commentUserinfo-usericon img { 
     border: 0; 
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: transparent;
     color: #6F918D;
     font-family: arial;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #283A3A;
     }
  .commentHeaderScreened {
     font-family: arial;
     font-size: 12px;
     background-color: #283A3A;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: arial;
     font-size: 11px;
     color: #000000;
     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: #B0C5C3;
     color: #648C88;
     padding-left: 10px;
     margin-right: 35px;
     }
  #commenttext{
     width:100%;
     }

.yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 320px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #000000;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #B0C5C3;
     color: #000000;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     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: #000000;
     }

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

Layout Comments

Showing latest 10 of 24 comments

I gave up. Its a beautiful design but I can't figure out what you're talking about. I can't get it to work AT ALL. GET BETTER INSTRUCTIONS!!!

By SweetenedSugar on Aug 20, 2010 1:33 pm

You lost me at step 2...

By SweetenedSugar on Aug 20, 2010 1:30 pm

i love it but i dunno how to use it! i mean, i dont find the look and feel! or any of the things u said before, and i really like it! all i got to do was to put the sidebar left! now what?

By Mausitax on Oct 15, 2009 5:38 pm

Um...do you mind if I change the header on it? I mean teh main pic, I want to replace it with anotehr pic....

By Taiwangirl on Sep 3, 2009 2:30 pm

this layout is amazing!!

By JMaisonlilhouse on Jul 3, 2009 12:34 pm

hehe, looks nice. :)

By Mikeplyts on Jun 26, 2009 11:58 pm

where's look and feel at?

By synderella00 on May 28, 2009 2:43 pm

I dont know what I made wrong, this dont works here :(

http://corpo-perfeito.li vejournal.com/

By cristinaproana on May 15, 2008 6:11 am

oooooooo exotic. lol.

By aaayotiffany on Mar 4, 2008 12:08 am

hi this layout is great! but i just need to change something. can somebody pls help me? i added an image attached with a link on my post. the pic came out with a blue border. is there any way to remove it or change colour? thanks!

By nutsaboutcoffee on Jan 11, 2008 2:52 pm

View all »

Layout Details

Designer	shewantstoshine
Submitted on	Jul 4, 2007
Page views	46,626
Favorites	60
Comments	24
Reviewer	mzkandi
Approved on	Jul 5, 2007

Alice in Wonderland - Couture Version

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates