I decided I wanted to make blockquotes a different color. I also decided that I wanted to accent the colored box they would be in, with a border. Prior to doing this, I had to do some research. I went to the World Wide Consortium or W3C where I found this tutorial. I also found a bunch of free tutorials at W3C Schools. After being loaded with just enough knowledge to do some damage, I went to my file folder under the Control Panels tab at Typepad.
I found the styles.css file in the folder and copied it. After doing a search for blockquote, I found this bit of information:
.content blockquote { line-height: 150%; }
So all I had to do, to style my blockquotes would be to work with this bit of code. First thing I did was make a back up copy of the original file. Then I started work on the dupe. I wanted to add color to the blockquote so I added this:
.content blockquote { line-height: 150%; background-color: #E8CD8C; }
Next, I wanted to alter the text style (to distinguish it even more). After reading the tutorials, I discovered that padding would also help, and for the final touch I thought I would add a border, but rather than border the entire quote, just on the left side. All of this lead to this final bit of code:
.content blockquote {
- line-height: 150%;
background-color: #E8CD8C;
font-style: italic;
padding: 1em 1em 1em 1em;
border-left: solid border;
}pre>
Here is what it
should look like:

However, I found out that for some reason, Firefox and Internet Explorer display it like this:


Apparently, they don't display borders... oh well, for now.