Documentation on CSS to customize revealjs slides for non-CSS experts

[rleyvasal]

It would be helpful to have documentation on how to target the different elements of a slide for people not experts on CSS.

For example if I want change the color (or shape) of the controls on the lower right side of the slide, or change the color on the progress bar, the documentation or a CSS file with examples, should be available.

To customize an element on the slides, the common approach is to identify the element such as controls on the html and target that element with CSS; however the process is not clear and inefficient - especially for non-CSS experts. For example, inspecting html for controls one may come to the conclusion that .reveal .controls {color: #fff;} would work.