this is just me futzing around with the great work that ama did on his quoting style. i'm trying to emulate, or at least get close to, a vbulletin style quoting system. what i came up with is close but also better in some ways. forgive me if the php is messy, i'm new at playing around with this stuff.
/* A quote, perhaps from another post. */
.quote
{
width: 95%;
background-color: #dcd8eb;
border-left: #808080 0px solid;
border-right: #808080 0px solid;
border-bottom: #808080 1px solid;
padding: 4px;
margin: 0px auto 8px;
color: #000000;
font-weight: bold;
}
/* Nested quotes alternating color. */
.quote .quote, .quote .quote .quote .quote, .quote .quote .quote .quote .quote .quote
{
background-color: #EBEBEB;
}
.quote .quote .quote, .quote .quote .quote .quote .quote
{
background-color: #dcd8eb;
}
/* The "Quote:" header parts... */
.quoteheader
{
width: 95%;
border-left: 0;
border-right: 0;
border-top: #808080 1px solid;
padding: 3px;
font-style: italic;
font-weight: bold;
font-size: x-small;
font-color: #4D4D4D;
margin: 8px auto 0px;
background-position: center right;
background-image: url(images/quote1.gif);
background-repeat: no-repeat;
background-color: #C5BEE3;
}
/* Nested quoteheaders alternating color. */
.quote .quoteheader, .quote .quote .quote .quoteheader, .quote .quote .quote .quote .quote .quoteheader
{
background-color: #B9B9BA;
background-position: center right;
background-image: url(images/quote2.gif);
background-repeat: no-repeat;
}
.quote .quote .quoteheader, .quote .quote .quote .quote .quoteheader
{
background-color: #C5BEE3;
}
it ends up looking like this:

with these images being uploaded into your themename/image/ folder:


any comments are appreciated.