Other reviewers have already covered the CSS well.
As for this HTML:
<h3>Color Reference</h3> <code class="pln ">Plain text</code><br /> <code class="str">"String content"</code><br /> <code class="kwd">Keyword</code><br />
I think <br/> is not a good practicenot a good practice in general.
I recommend to get rid of those,
and do something like this instead:
<h3>Color Reference</h3>
<ul class="examples">
<li><code class="pln ">Plain text</code></li>
<li><code class="str">"String content"</code></li>
<li><code class="kwd">Keyword</code></li>
</ul>
In the <head> of your tester page (decidedly not in the prettify CSS file),
add custom <style> to format examples.p appropriately.