summer_of_giles | LJ Layout

This is a LJ layout using the Smooth Sailing layout and should work with all account levels.

khaoschilde graciously allowed me to use a recent manip for this and was nice enough to customize it.

It should be fairly easy to put into your LJ. If you have any trouble with it, please let me know.

Click image to see it full size.

Click here for a photo tutorial for how to install the layout.

Here's the code you'll need to copy and paste to make the layout work.

body {
     font-family: Arial, sans-serif;
     font-size: 12px;
     margin: 0px;
     background-color: #e6e6e6;
     color: #000000;
  background-image: url('http://img.photobucket.com/albums/v397/mrsdrake/Summer_of_Giles/banners/gileshorsewp_cropped.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
}

a {
     color: #464640;
     }

a:visited {
     color: #000000;
     }

.entryHeaderDate a {
     color : #e6e6e6;
     text-decoration : none;
     }

.entryHeaderDate a:hover {
     color : #e6e6e6;
     text-decoration : underline;
     }

.header-title {
     background-color: #635a48;
     font-family: ;
     font-size: 30px;
     color: #e6e6e6;
     padding: 0px 20px 0px 20px;
     }

.header-subtitle {
     background-color: #635a48;
     color: #b1a68b;
     font-family: ;
     font-size: 24px;
     padding: 0px 24px 0px 24px;
     }

.header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;
     border-left: 2px solid #e6e6e6;
     border-bottom: 2px solid #e6e6e6;
     }

.pageheaderblock {
     text-align: left;
         padding: 0px 20px 0px 300px;
     }

.pagefooterblock {
     border-top: 2px solid #635a48;
     background-color: #b1a68b;
     color: #e6e6e6;
     padding: 4px 4px 4px 24px;
     margin: 4px 20px 0px 300px;
     }

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

.bodyblock {
     padding: 10px 20px 0px 300px;
     }
  .bodyheaderblock {
     border-top: 2px solid #e6e6e6;
     background-color: #b1a68b;
     padding: 4px 0px 4px 0px;
         margin: 0px 20px 0px 300px;
     }
  .bodynavblock {
     border-top: 2px solid #e6e6e6;
     background-color: #b1a68b;
     color: #e6e6e6;
     margin: 10px 0px 4px 0px;
     padding: 8px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #e6e6e6;
     }
  .body-title {
     font-family: ;
     font-size: 18px;
     color: #e6e6e6;
     text-align: left;
     padding-left: 24px;
     }
  .body-midtitle {
     font-family: ;
     font-size: 18px;
     color: #e6e6e6;
     text-align: left;
     padding-left: 8px;
     }
  .entryHolder {
     color: #464640;
     background-color: #e6e6e6;
     font-family: ;
     font-size: 12px;
     border-top: 2px solid #635a48;
     margin: 4px 0px 4px 4px;
     }
  .entryUserinfo {
     text-align: center;
       margin: 0px 8px 8px 4px;   
     background-color: #e6e6e6;
     }
  .entryUserinfo-usericon img {
     border: 0;
     }
  .entryText {
     padding: 6px;
     }
  .entryHeader {
     background-color: #b1a68b;
     color: #e6e6e6;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .entryHeader a{
     color: #e6e6e6;
     }
  .entryHeaderSubject {
     font-weight: bold;
     }
  .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: ;
     font-size: 11px;
     color: #464640;
     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;
     }
  .commentHolder {
     color: #464640;
     background-color: #e6e6e6;
     border-top: 2px solid #635a48;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 4px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 4px;
     
     background-color: #e6e6e6;
     }
  .commentUserinfo-usericon img {
     border: 0;
     }
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #b1a68b;
     color: #e6e6e6;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     }
  .commentHeader a{
     color: #e6e6e6;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #796d51;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #464640;
     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: #e6e6e6;
     color: #464640;
     padding-left: 10px;
     }
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #635a48;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #464640;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #635a48;
     background: #e6e6e6;
     color: #464640;
     }
  .day-blank {
     border: 1px solid #635a48;
    }
  .day {
     border: 1px solid #635a48;
     }
  .day-date {
     border-right: 1px solid #635a48;
     border-bottom: 1px solid #635a48;
     color: #464640;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #796d51;
     }
  
  .sidebar {
     font-family: ;
     font-size: 11px;
     margin-left: 20px;
     width: 200px;
     }
  .sidebox {
     color: #464640;
     background-color: #e6e6e6;
     margin: 4px 0px 4px 0px;
     }
  .sideboxTitle {
     background-color: #b1a68b;
     color: #e6e6e6;
     border-top: 2px solid #635a48;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     text-align: left;
     }
  .sideboxContent {
     text-align: left;
     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;
     }
  
  .header-menu {
     padding: 0px;
     background-color: #635a48;
     border-top: 2px solid #e6e6e6;
     padding-left: 19px;
     font-family: ;
     font-size: 12px;
     line-height: 20px;
     }
  .header-menu a, .header-menu a:visited {
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #b1a68b;
     text-decoration: none;
     }
  .header-menu a:hover {
     background-color: #b1a68b;
     color: #635a48;
     }
  #footer-menu {
     font-size: 11px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #e6e6e6;
     white-space: nowrap;
     padding: 6px;
     text-align: left;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }
  .tagstable, .tagstable td {
     border: 1px solid #635a48;
     }
  .tagstable { width: 500px; }

Flat | Top-Level Comments Only

I really like this one. I'm awful tempted to load this one, even though I just put up that new one on Sunday. :)

It's such a wonderful manip. That made it easy to make a good layout.

Wow, I LOVE this one!

I knew you'd like this one.

This is my favorite. I could probably use a new layout, but I suck at figuring out how to do new things. Might try and experiment later.

I tried to make my instructions super easy. If you need help, though, let me know.

What a neat idea! I'm sorely tempted to take one. 8 ]

Go right ahead. That's what they're there for.

love the middle one! darn it...why did i have to change my layout recently...now i want to change layouts AGAIN! XD

I'll save the file and the code for next time. layout 2 is so going to be my next layout!

oops...wrong post...i meant this to be in your other post!

LOL.

That's okay. I knew which one you meant.

Well done! it's a beautiful setting for a beautiful manip lady!

Thanks!

Splendid layout :)

Ok my English is bad. Sorry!!! I really like this layout. May I snagg it? 1 year after publishing????
I´ll credit you and the manip-maker? Is that allright??? Pleaaaase say that I can snagg it :DDD!????? Or I´am to late??? *siiigh*
*hugs*

Edited 2008-07-22 09:24 (UTC)

Yes. You can take it and use it. Enjoy it.

Thaaaaaaaank you :))))))!

LJ Layout

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject