Added text foreground and background color and text size CSS styles for XHTML

outputs.

4 files changed, 87 insertions, 14 deletions

diff --git a/CHANGELOG.txt b/CHANGELOG.txt
index c3634ad..f711a77 100644
--- a/CHANGELOG.txt
+++ b/CHANGELOG.txt
@@ -7,6 +7,8 @@ AsciiDoc ChangeLog
 Version 8.6.4 (2010-02-20)

 --------------------------

 .Additions and changes

+- Added text foreground and background color along with text size CSS

+  styles for XHTML outputs.

 - Vim syntax highlighter: highlight macros that start with an

   attribute reference (a common idiom).

 - Vim syntax highlighter: highlight attribute references in macro

diff --git a/doc/asciidoc.txt b/doc/asciidoc.txt
index 53049e0..016277b 100644
--- a/doc/asciidoc.txt
+++ b/doc/asciidoc.txt
@@ -713,22 +713,20 @@ DocBook XSL Stylesheets translate DocBook 'phrase' elements with
 'role' attributes to corresponding HTML 'span' elements with the same
 'class' attributes; CSS can then be used
 http://www.sagehill.net/docbookxsl/UsingCSS.html[to style the
-generated HTML].
-
-Thus CSS styling can be applied to both DocBook and AsciiDoc generated
-HTML outputs from the same AsciiDoc source.  You can also specify
-multiple class names separated by spaces. Examples:
+generated HTML].  Thus CSS styling can be applied to both DocBook and
+AsciiDoc generated XHTML outputs from the same AsciiDoc source.  You
+can also specify multiple class names separated by spaces.
+
+CSS rules for text color and size are included in the distributed
+AsciiDoc CSS files and are used in conjunction with AsciiDoc 'xhtml11'
+and 'docbook' outputs. The CSS class names are: '<color>' (text
+foreground color); '<color>-background' (text background color); 'big'
+and 'small' (large and small text).  Where '<color>' can be any of the
+http://en.wikipedia.org/wiki/Web_colors#HTML_color_names[sixteen HTML
+color names].  Examples:
 
   [red]#obvious#
-  [big red yellowback]*very obvious*
-
-The following CSS rules for 'big', 'red' and 'yellowback' class names
-could be used to style HTML outputs generated from the previous
-examples:
-
-  span.big { font-size: 2em; }
-  span.red { color: #e3372e; }
-  span.yellowback { background: #faf519; }
+  [big red yellow-background]*very obvious*
 
 [[X52]]
 Constrained and Unconstrained Quotes
diff --git a/stylesheets/docbook-xsl.css b/stylesheets/docbook-xsl.css
index 2d83d47..2841225 100644
--- a/stylesheets/docbook-xsl.css
+++ b/stylesheets/docbook-xsl.css
@@ -275,3 +275,40 @@ div.calloutlist p
 @media print {

   div.navheader, div.navfooter { display: none; }

 }

+

+span.aqua { color: aqua; }

+span.black { color: black; }

+span.blue { color: blue; }

+span.fuchsia { color: fuchsia; }

+span.gray { color: gray; }

+span.green { color: green; }

+span.lime { color: lime; }

+span.maroon { color: maroon; }

+span.navy { color: navy; }

+span.olive { color: olive; }

+span.purple { color: purple; }

+span.red { color: red; }

+span.silver { color: silver; }

+span.teal { color: teal; }

+span.white { color: white; }

+span.yellow { color: yellow; }

+

+span.aqua-background { background: aqua; }

+span.black-background { background: black; }

+span.blue-background { background: blue; }

+span.fuchsia-background { background: fuchsia; }

+span.gray-background { background: gray; }

+span.green-background { background: green; }

+span.lime-background { background: lime; }

+span.maroon-background { background: maroon; }

+span.navy-background { background: navy; }

+span.olive-background { background: olive; }

+span.purple-background { background: purple; }

+span.red-background { background: red; }

+span.silver-background { background: silver; }

+span.teal-background { background: teal; }

+span.white-background { background: white; }

+span.yellow-background { background: yellow; }

+

+span.big { font-size: 2em; }

+span.small { font-size: 0.6em; }

diff --git a/stylesheets/xhtml11.css b/stylesheets/xhtml11.css
index 9b732d8..af273ad 100644
--- a/stylesheets/xhtml11.css
+++ b/stylesheets/xhtml11.css
@@ -386,3 +386,39 @@ div.toclevel4 {
   font-size: 0.9em;
 }
 
+span.aqua { color: aqua; }
+span.black { color: black; }
+span.blue { color: blue; }
+span.fuchsia { color: fuchsia; }
+span.gray { color: gray; }
+span.green { color: green; }
+span.lime { color: lime; }
+span.maroon { color: maroon; }
+span.navy { color: navy; }
+span.olive { color: olive; }
+span.purple { color: purple; }
+span.red { color: red; }
+span.silver { color: silver; }
+span.teal { color: teal; }
+span.white { color: white; }
+span.yellow { color: yellow; }
+
+span.aqua-background { background: aqua; }
+span.black-background { background: black; }
+span.blue-background { background: blue; }
+span.fuchsia-background { background: fuchsia; }
+span.gray-background { background: gray; }
+span.green-background { background: green; }
+span.lime-background { background: lime; }
+span.maroon-background { background: maroon; }
+span.navy-background { background: navy; }
+span.olive-background { background: olive; }
+span.purple-background { background: purple; }
+span.red-background { background: red; }
+span.silver-background { background: silver; }
+span.teal-background { background: teal; }
+span.white-background { background: white; }
+span.yellow-background { background: yellow; }
+
+span.big { font-size: 2em; }
+span.small { font-size: 0.6em; }