summer_of_giles | Art Layout: Introspective Watcher (worksafe)

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.

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

3. At the top right of the page there will be a box that says "Current Theme" and underneath is a link titled "Customize Options" (click this link)

- 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

minty_peach, Artwork and Customizations by

katekat1010

You're done!

body {
background-color: #d0c7c2;
color: #313131;
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 #cdaa68 solid;
}

strong, b {
color: #415e50;
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: 8pt;
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: 20px;
background-color: transparent;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #e3c490;
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: 8.5pt;
text-align: justify;
border-width: 0px;
}

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

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

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

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

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

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

.subject {
color: #C0C0C0;
font-weight: normal;
background-color: transparent;
border: none;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 15px;
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: 15px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
color: #ffffff;
text-align: center;
background-color: #415e50;
}

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

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

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

.title, .subtitle{
display: none;
}

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

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

.ljtags {
margin-top: 10px;
font-family: tahoma, "trebuchet ms", tahoma, verdana, sans-serif;
font-size: 6pt;
color: #415e50;
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 #cdaa68 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 #cdaa68 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: #415e50;
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: #415e50;
}

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: #415e50;
}

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: #cdaa68;
line-height: 24px;
text-transform: lowercase;
border-bottom: 1px dotted #cdaa68;
display: block;
}

li.sbaritem a:hover, a:hover visited, a:hover b {
color: #BDE0ED;
text-decoration: none;
background-color: #ffffff;
border-bottom: 1px #cdaa68 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: #415e50;
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: #cdaa68;
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: #cdaa68;
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: #cdaa68;
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: #415e50;
}

.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/009dqr4t");
}

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

Flat | Top-Level Comments Only

Oooh, I really like this one too!

YAY thank you! i'm so glad you like!

Well damn. That's beautiful.

thanks so much lady!! it's the subject matter - brings out the best in all of us.

Ooh! Pretty! I love the colors you chose and the quote is so perfect. Lovely!

~e!

thank you darlingest! i love that quote - it makes me happy and reminds me of Giles all at the same time. thanks so much for the comment darlingest!

Wow. All the other graphics you've done for the comm this year have been lovely, but this one just... it's beautiful. The colors are fantastic, and I love the way everything blends together.

Art Layout: Introspective Watcher (worksafe)

no subject

no subject

no subject

no subject

no subject

no subject

no subject