summer_of_giles | Layout: Seduction (G/X worksafe) (Reply)

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

refuted, Artwork and Customizations by

katekat1010

You're done!

body {
background-color: #e8e8e8;
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: #5d2f17;
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: #5d2f17;
background-color: transparent;
border-width: 0px;
font-family: "trebuchet ms", verdana, sans-serif;
font-size: 7pt;
margin-left: 10px;
}

.datesubjectcomment {
color: #5d2f17;
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: #5d2f17;
}

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: #5d2f17;
font-weight: normal;
}

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

.title, .subtitle{
display: none;
}

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

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

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

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: #5d2f17;
}

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: #5d2f17;
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: #5d2f17;
}

.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/0096d0eb");
}

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

Layout: Seduction (G/X worksafe)

Post a comment in response: