summer_of_giles | Layout: Giles - I'll be your Watcher

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! 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

- click "Text" and change Link text to leave a comment to "Comment?" and Link text to read comments to "1 // #"
- click "Sidebar". Make sure Show the sidebar? is set to Yes and Set sidebar position to Right.
- 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. click "Custom CSS" and 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: #e4e4e4;
color: #585858;
margin-top: 0px;
}

a, a:link, a:visited, a:active {
color: #5d1111;
text-decoration: none;
}
	
a:hover, a:hover b, a:hover strong {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
}

strong, b {
color: #76060e;
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: right;
width: 165px;
background-color: transparent;
margin-right: 7px;
margin-top: 1px;
border-width: 0px;
}

#maincontent {
float: left;
width: 525px;
margin: 0;
padding: 0px;
border: none;
background-color: transparent;
}

#header {
width: auto;
padding-top: 0px;
line-height: 30px;
background-color: transparent;
font-family: "century gothic", arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #4B7A8B;
text-align: center;
border-width: 0px;
padding-bottom: 5px;
}

#footer {
clear: both;
width: auto;
padding: 3px;
text-align: center;
background-color: transparent;
border: none;
}

.entry {
padding-top: 4px;
padding-left: 0px;
background-color: transparent;
color: #585858;
line-height: 12pt;
font-family: tahoma, arial;
font-size: 7pt;
text-align: justify;
border-width: 0px;
}

.defaultuserpic img {
padding: 5px;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #814f26;
}

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

.userpicfriends {
margin-right: 10px;
padding: 5px;
background-color: #ffffff !important;
border-style: solid;
border-width: 1px;
border-color: #814f26;
}

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

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

.datesubjectcomment {
color: #76060e;
background-color: transparent;
border-width: 0px;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 7.5pt;
margin-left: 10px;
border-bottom: 1px #814f26 solid;
border-right: 0px;
border-left: 0px;
border-top: 0px;
}

.subject {
color: #C0C0C0;
font-weight: normal;
background-color: transparent;
border: none;
font-family: "courier new", tahoma, sans-serif;
font-size: 22px;
font-weight: normal;
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: "century gothic", arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #ffffff;
text-align: center;
background-color: #76060e;
}

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

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

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

.title, .subtitle{
display: none;
}

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

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

.ljtags {
margin-top: 10px;
font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 6pt;
color: #76060e;
font-weight: bold;
text-transform: uppercase;
}

.ljtags a:link, .ljtags a:visited, .ljtags a:active {
color: #c0c0c0;
font-weight: normal;
text-transform: uppercase;
}

.ljtags a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
font-weight: normal;
text-transform: uppercase;
}

.currentlocation a:link, .ljtags a:visited, .ljtags a:active {
color: #c0c0c0;
font-weight: normal;
text-transform: uppercase;
}

.currentlocation a:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px #814f26 solid;
font-weight: normal;
text-transform: uppercase;
}

.currents, .currentmusic, .currentmood, .currentlocation {
color: #c0c0c0;
background-color: transparent;
border-width: 0px;
font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 6pt;
text-transform: uppercase;
}

.comments {
text-transform: uppercase;
font-family: "century gothic", verdana, sans-serif;
font-size: 10pt;
color: #76060e;
font-weight: normal;
text-align: right;
background-color: transparent;
border: none;
}

div.comments a, div.comments a:link, div.comments a:visited, div.comments a:active {
color: #76060e;
}

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 {
color: #76060e;
}

div#sidebar a:hover {
color: #BDE0ED;
}

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

li.sbaritem a:link, li.sbaritem a:visited, li.sbaritem a:active {
font-family: tahoma, verdana, sans-serif;
font-size: 8pt;
color: #814f26;
line-height: 24px;
text-transform: lowercase;
border-bottom: 1px dotted #814f26;
display: block;
}

li.sbaritem a:hover, a:hover visited, a:hover b {
color: #BDE0ED;
text-decoration: none;
background-color: #ffffff;
border-bottom: 1px #814f26 dotted;
}

li.sbartitle {
background-color: #ffffff;
border: none;
padding: 4px;
margin-left: 5px;
font-family: "century gothic", verdana, sans-serif;
text-transform: uppercase;
font-size: 14px;
text-align: left;
color: #76060e;
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: #814f26;
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: #814f26;
background-color: transparent;
border-width: 0px;
font-family: tahoma, verdana, sans-serif;
font-size: 7pt;
border-width: 0px;
}

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

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

.commentbox {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
font-face: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 8pt;
}

.commentreply {
color: #585858;
font-face: "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 8pt;
}

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

input {
background-color: #ffffff;
border: 1px #e5e5e5 solid;
color: #814f26;
font-size: 9pt;
font-face: "trebuchet ms", Tahoma, verdana, sans-serif;
}

.commentboxpartial {
background-color: #ffffff;
color: #585858;
border: 1px #e5e5e5 solid;
margin-left: 30px;
font-size: 8pt;
font-family: "trebuchet ms", tahoma, verdana, sans-serif;
color: #76060e;
}

.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/00585bqt");
}

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