Hello, Thank you for the response! That sort of CSS code is exactly the sort of code I am looking for, except for the block equations instead of the inline equations, but yes your code works great.
Do you know what the automatically assigned class is for the display equations? Display is a class I assigned and I have to write before every block equation like I did in the code above. It is not an automatically assigned class like .inline appears to be.
I am not sure what you mean by
I am still having trouble with some of the items in the bulleted list turning the color of the list numerals and I cannot figure out why. I am pretty sure it is not my code so I might file a bug, just as an update to everyone.
Update: If I explicitly style the list items using the "<li>" tag, then the issue goes away!
Update Actually the above post solves the issue if you combine it with this CSS code:
" .math:not([inline]) {
background-color: #f7f7f7;
}"