summer_of_giles | Layout: Giles/Spike

Preview:

live preview l image preview

» works with -- Free, Paid & Sponsored
» comment pages -- paid/sponsored accounts only

instillation instructions

1. designate a website in your user profile (it will make the design look better). Then go to your Customize page and set your style to S2 & save changes.

2. go to Look And Feel and select Flexible Squares & then scroll down to Themes and select (Layout Default), then save changes

3. go to custom options and

- find "Set the user picture position for each entry" and change it to Right. You can keep it at left if you'd like, but to have it look like the preview this must be set to Right.
- click "Sidebar". Make sure "Show the sidebar?" is set to Yes and "Set sidebar position" to Left.
- under "Title of the blurb sidebar box" type "About Me", or whatever other title you would like. In the box below type about yourself.
- make sure "Show the link list in the sidebar?" is set to Yes if you would like the Links visible. To customize these, go here.
- set "Show the calendar in the sidebar?" to Yes if would like the Calendar to be visible. Change the order of the sidebar in the boxes below.

4. copy & paste the CSS text below into the giant box labled Custom stylesheet & save changes
Make sure "Use layout's stylesheet(s)" is set to Yes! This is very important.

5. choose which icon you'd like to have below and upload to your userpics

6. please put the following credits in your user info page:
Stylesheet by

refuted, Artwork and Customizations by

katekat1010

You're done!

body {
background-color: #e9ecb5;
color: #585858;
margin-top: 0px;
}

a, a:link, a:visited, a:active {
color: #2a6015;
text-decoration: none;
}
	
a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #c8d9c1 solid;
}

strong, b {
color: #2a6015;
font-weight: bold;
}

blockquote {
margin: 8px; 
padding: 8px;
background: #F6F7F8;
color: #808080;
line-height: 15px;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 7.5pt;
text-align: justify;
border: 1px solid #EAEAEA;
}
		
code, kbd, pre, tt {
font-family: monospace;
}

#content {
width: 700px;
background-color: #ffffff;
padding: 0px;
border-width: 0px;
margin-top: 0px;
}

#sidebar {
float: left;
width: 180px;
background-color: transparent;
margin-left: 3px;
margin-top: 1px;
border-width: 0px;
}

#maincontent {
float: right;
width: 510px;
margin: 0;
padding: 0px;
border-left: 1px #e5e5e5 solid;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
background-color: #ffffff;
}

#header {
width: auto;
padding-top: 0px;
padding-bottom: 5px;
line-height: 30px;
background-color: #ffffff;
font-family: "Lucida Sans Unicode", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #e9ecb5;
text-align: center;
letter-spacing: 1px;
border-width: 0px;
}

#footer {
clear: both;
width: auto;
padding: 6px;
text-align: center;
background-color: #ffffff;
border-top: 1px #e5e5e5 solid;
border-bottom: 0px;
border-right: 0px;
border-left: 0px;
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: #ffffff;
color: #585858;
line-height: 12pt;
font-family: Arial;
font-size: 8pt;
text-align: justify;
border-width: 0px;
}

.defaultuserpic img {
display: none;
}

.userpic {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
margin-left: 10px;
}

.userpicfriends {
margin-left: 10px;
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
}

.userpiccomment {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E5;
}

.date {
color: #2a6015;
background-color: #ffffff;
border-width: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
}

.datesubjectcomment {
color: #2a6015;
background-color: #ffffff;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
border-bottom: 1px #e5e5e5 solid;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}

.subject {
color: #999999;
font-weight: normal;
background-color: #ffffff;
border-bottom: 1px #e5e5e5 solid;
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: tahoma, sans-serif;
font-size: 16px;
text-transform: uppercase;
}

.datesubject {
background-color: transparent;
border-width: 0px;
}

.ljuser img {
width: 0px;
height: 0px;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/pp2r.gif);
background-repeat: no-repeat;
padding: 5px;
}

div#header a, div#header a:link, div#header a:visited, div#header a:active {
padding: 9px;
font-family: "Lucida Sans Unicode", arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #ffffff;
text-align: center;
letter-spacing: 1px;
background-color: #000000;
}

div#header a:hover {
padding: 9px;
color: #ffffff;
background-color: #2a6015;
border-bottom: 0px dotted;
}

div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active {
color: #000000;
font-weight: normal;
}

div#footer a:hover {
color: gray;
font-weight: normal;
}

.title, .subtitle{
display: none;
}

ul.navheader {
padding: 9px;
background-color: #000000;
border-width: 0px;
}

ul.navheader li  {
padding: 0px;
background-color: #000000;
border-width: 0px;
}

.ljtags {
margin-top: 10px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
color: #2a6015;
font-weight: bold;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #999999;
}

.ljtags a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #c4cfc9 solid;
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #999999;
background-color: #ffffff;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
}

.comments {
padding: 6px;
text-transform: uppercase;
font-family: "Lucida Sans Unicode", verdana, sans-serif;
font-size: 10pt;
color: #2a6015;
font-weight: normal;
text-align: right;
background-color: transparent;
border-top: 1px #e5e5e5 solid;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #2a6015;
}

div.comments a:hover {
color: #000000;
}

div#sidebar {
line-height: 15px;
font-family: Tahoma;
font-size: 7pt;
color: #585858;
padding: 1px;
}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:active, div#sidebar a:hover {
color: #2a6015;
}

li.sbaritem {
background-color: transparent;
border-width: 0px;
padding-left: 9px;
color: #2a6015;
}

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: "Lucida Sans Unicode", tahoma, verdana, sans-serif;
font-size: 10px;
color: #2a6015;
line-height: 24px;
text-transform: uppercase;
border-bottom: 1px dotted #e5e5e5;
display: block;
}

li.sbaritem a:hover {
color: #2a6015;
text-decoration: none;
background-color: #95b28f;
border-bottom: 1px #e9ecb5 solid;
}

li.sbartitle {
background-color: #ffffff;
border-bottom: 1px #e5e5e5 solid;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding: 4px;
margin-left: 5px;
font-family: "Lucida Sans Unicode", verdana, sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: left;
color: #2a6015;
font-weight: normal;
}

.sbarbody {
background-color: transparent;
border-width: 0px;
padding: 0px;
}

.sbarbody2 {
background-color: transparent;
border-width: 0px;
padding-top: 0px;
padding-left: 9px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #efefef;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
}

.sbarcalendarposts {
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #2a6015;
text-align: center;
font-family: Tahoma;
font-size: 10px;
padding: 4px;
color: #000000;
}

ul.sbarlist {
background-color: transparent;
border-width: 0px;
}

ul.navfooter {
background-color: transparent;
border-width: 0px;
}

ul.navfooter li {
color: #2a6015;
background-color: transparent;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
border-width: 0px;
}

.separator {
background-color: #ffffff;
border-width: 0px;
}

.clear {
background-color: #ffffff;
border-width: 0px;
}

.commentbox {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
}

.commentreply {
color: #585858;
font-face: tahoma, verdana, sans-serif;
font-size: 7pt;
}

.box {
border-width: 0px;
background-color: #ffffff;
font-family: tahoma, verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #585858;
}

input {
background-color: #ffffff;
border: 1px #e5e5e5 solid;
color: #2a6015;
font-size: 9pt;
font-face: Tahoma, verdana, sans-serif;
}

.commentboxpartial {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
margin-left: 30px;
font-size: 7pt;
font-family: tahoma, verdana, sans-serif;
color: #2a6015;
}
.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 700px;
height: 300px;
background-repeat: no-repeat;
background-image: url("http://pics.livejournal.com/katekat1010/pic/0057r74d");
}

seperate artwork
(you're free to use these even if you don't download the layout!)

Layout: Giles/Spike - Air Kisses