diff options
author | Stuart Rackham <srackham@methods.co.nz> | 2011-02-19 13:43:09 +1300 |
---|---|---|
committer | Stuart Rackham <srackham@methods.co.nz> | 2011-02-19 13:43:09 +1300 |
commit | d04e0ab1b30d83df9a638e818505ac55397d53d1 (patch) | |
tree | bb734d85029a38aeaaa0799f2e0455410cbd2200 | |
parent | efc63e277c3375dce1fc6459edb584569584c4a3 (diff) | |
download | asciidoc-d04e0ab1b30d83df9a638e818505ac55397d53d1.tar.gz |
Added text foreground and background color and text size CSS styles for XHTML
outputs.
-rw-r--r-- | CHANGELOG.txt | 2 | ||||
-rw-r--r-- | doc/asciidoc.txt | 26 | ||||
-rw-r--r-- | stylesheets/docbook-xsl.css | 37 | ||||
-rw-r--r-- | stylesheets/xhtml11.css | 36 |
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; } |