Commits

Stuart Rackham  committed 949f642

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

  • Participants
  • Parent commits 4a64e0c

Comments (0)

Files changed (4)

File CHANGELOG.txt

 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

File doc/asciidoc.txt

 '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

File stylesheets/docbook-xsl.css

 @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; }

File stylesheets/xhtml11.css

   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; }