CSS Visualizer

CSS Visualizer

The Mercury template provides supports a "CSS selectors" setting on many element formatters. This page shows several wrapper classes which are part of the default CSS and frequently used in this demo. The Mercury template sources are available on GitHub, so with a little effort you can create your own customized Mercury CSS version.

CSS Color Classes

color-$(name)

CSS Background Classes

box box-$(name)
$(value)

CSS Text and Link Classes

text-$(name)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. $(value)

text-$(name)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. $(value)