"Bren.." wrote:
>
> i'm testing it on mozillazine.org so i'm guessing there's no
> problem there :)
>
> userContent.css:
> ---------
> body {
> background-color: black ! important;
> }
> p {
> color: #ffffff ! important;
> font-family: serif;
> }
> pre {
> color: #ffffff ! important;
> font-family: monospace;
> }
> .highlight {
> background-color: #666666 ! important;
> }
> ----------
>
> okay, so i don't really understand this so i need a little help. what are
> the words infront of the "{" ?
The words in front of the { select what elements to apply the
styles (within the {}) to. "body" selects the <body> element,
"p" selects the <p> element, etc. ".highlight" specifies an
element with a class of 'highlight' (e.g. <p class="highlight">
or <i class="note highlight">)
The reason not all text gets affected is because not all text
is within paragraphs [<p>] or <pre>. (For example, some text might
be within a table cell [<td>])
If you want to have a black background and white text, put
* {
background: black !important;
color: white !important;
}
"*" selects _every_ element;
"background" sets the background color, and "color" sets the
text color. !important causes user rules to override author
rules. (Normally, the author's rules get precedence.)
There are a handful of CSS guides and stuff here:
http://www.w3.org/Style/CSS/
Haven't really looked at any of them, so I can't give any
recommendations...
