Add a little bit of color to the User Guide by supplying a CSS stylesheet,

which adds colored borders to notes and screen contents.

docs/lcdproc-user/Makefile.am

@@ -9,6 +9,7 @@ EXTRA_DIST =	bookinfo.docbook \
 		how-to-obtain.docbook \
 		installation.docbook \
 		introduction.docbook \
+		lcdproc-user.css \
 		lcdproc-user.docbook \
 		license.docbook \
 		parameters.ent \
@@ -17,13 +18,15 @@ EXTRA_DIST =	bookinfo.docbook \
 
 
 ## convenience targets
-xmlto = /usr/bin/xmlto
+xmlto ?= /usr/bin/xmlto
 userguidedir = $(DESTDIR)$(htmldir)/user-guide/
 
 .PHONY: install-html-userguide
 
-install-html-userguide: $(xmlto) lcdproc-user.docbook
+install-html-userguide: $(xmlto) lcdproc-user.docbook lcdproc-user.css
 	$(mkinstalldirs) $(userguidedir)
-	$(xmlto) html -o $(userguidedir) lcdproc-user.docbook
+	$(xmlto) html -o $(userguidedir) \
+	  --stringparam html.stylesheet=lcdproc-user.css lcdproc-user.docbook
+	cp lcdproc-user.css $(userguidedir)
 
 ## EOF

docs/lcdproc-user/lcdproc-user.css

@@ -0,0 +1,18 @@
+pre.screen {
+  background-color: #FFFF99 ;
+  border: 1px solid #006600 ;
+}
+
+div.note, div.tip, div.warning {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 5px;
+}
+
+div.note, div.tip {
+  border-left: solid palegreen 20px;
+}
+
+div.warning {
+  border-left: solid red 20px;
+}