Date: 02/02/07 (HTML Help)    Keywords: no keywords

I've been modifying a layout that someone sent me and finally got it to how I like it. There are only three things wrong.

1: When you click "post a new comment" or "reply", the page loads fine but then the box to reply in is WAY far down from the actual entry.

2: You know how when you post a comment, there is that bar above your comment that has your username/date in it? Is there a way to make that bar one color and the username another? Because right now, both the username and bar are white and it's annoying. I figured this part out.

3: I'm not sure why, but all of my icons are showing up so half of them are in the subject bar and the other half appears on the entry.

To see the things I'm talking about, go to gsr_rocks. For the comment parts, you can use my friends only entry to see what I'm talking about. And thanks a ton in advance for any help.



body {
background-color: #CECC9A;
text-align: center;
color: #445C66;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
background-image: url(http://img.photobucket.com/albums/v334/mariska_fan/bg.jpg);
background-repeat: repeat-y;
background-position: 114px 513px

}

a, a:link, a:visited {
color: #445C66;
text-decoration: none;
}

a:hover {
color: #8F4353;
text-decoration: underline;
}

p, td, blockquote {
font-size: 11px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content
{
width: 720px;
position: absolute; top: 465px; left: 152px;
}

#maincontent {
margin-top: 20px;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
color: #445C66;
margin-left: 206px;
text-align: left;
}

#sidebar {

padding-top: 0px;
margin-top: -35px;
font-size: 11px;
font-family: "Century Gothic", "Verdana", sans-serif;
color: #445C66;
width: 171px;
float: left;
text-align: left;
}

#header {
width: 514px;
padding: 10px 0px 0px 0px;
margin-left: 201px;
text-align: center;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
color: #445C66;
}

#footer {
width: 353px;
text-align: center;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #445C66;
z-index: 100;
clear: both;
margin-left: 206px;
}

/* header -- links to views; title of journal; subtitle of journal */

div#sidebar a:hover, div#sidebar a, div#sidebar a:link, div#sidebar a:visited, div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #CE2460;
}


div.comments a, div.comments a:link, div.comments a:visited, div.comments a:hover, .datesubjectcomment a:hover, .datesubjectcomment a:link, .datesubjectcomment a:visited { color: #F9FFEC;}



div#header a:hover, div#footer a:hover {
color: #AFBCBB;
text-decoration: none;
}

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

.title {
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}

.subtitle{
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}


/* sidebar */



.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

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

.sbarcalendar {
border-color: #C4D1D0;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #993333;
border-width: 1px;
border-style: solid;
background-color: #F9FFEC;
text-align: center;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;

}

li.sbartitle
{
padding-left: 15px;
list-style: none;
background-color: #96566D;
color: #F9FFEC;
margin-bottom: 10px;
margin-top: 10px;
}


/* maincontent */

.subcontent {
}

.entry {
margin: 0px 10px 10px 10px;
padding: 10px;
color: #445C66;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
text-align: left;

}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
float: left;
padding: 5px;
margin: 10px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

.date {
line-height: 200%;
top: 5px;
color: #F9FFEC;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #F9FFEC;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
}

.subject a, .subject a:link, .subject a:visited {
color: #F9FFEC;
}

.subject a:hover {
color: #F9FFEC;
}

.datesubject {
background-color: #96566D;
padding: 5px;
}

.currents, .currentmood, .currentmusic {
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
}

.comments {
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #96566D;
position: relative;
top: 15px;
}




/* maincontent -- entry, reply pages */

.datesubjectcomment {
background-color: #F9FFEC;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;

}

.box {
padding: 10px;
clear: left;

}

input, textarea {
background-color: #445C66;
color: ##96566D;
}

textarea.textbox {
width: 300px !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Century Gothic", "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
color: #445C66;
}

.replytosubject {
font-weight: bold;
}


.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Century Gothic", "Verdana", sans-serif;
color: #445C66;
}

.commentbox {

padding: 10px;
margin: 10px;

}


.commentboxpartial {
padding: 10px;
margin: 10px;
}

.commentinfo {
margin-top: 10px;
width: 100%;
}


/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #C4D1D0;
}

table.yeartable td.yearday {
background-color: #F9FFEC;
text-align: center;
}

td.yearmonth {
border-style: none;
}


/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
}


/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
}

.headerimage {
position: absolute; top: 0px; left: 114px;
width: 800px;
height: 513px;
margin-bottom: 0px;
background-image: url("http://img.photobucket.com/albums/v334/mariska_fan/juki5.jpg");
background-position: center;
background-repeat: no-repeat;
}

.separator{
height: 55px;
}

.ljtags{ margin-top: 25px;
font-weight: bold;
font-size: 8pts;

}

Source: http://community.livejournal.com/htmlhelp/2387312.html