bright-colors.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. /* === === === === === === === === === === === === === === === === ===
  2. This file: texinfo_bright_colors.css
  3. Version: 1.0
  4. Date: September 13, 2010
  5. Author: Jaakko Hollm@'en, e-mail: Jaakko.Hollmen@tkk.fi
  6. The purpose of this cascading style sheet (CSS) style file named
  7. "texinfo_bright_colors.css" is to introduce several bright and
  8. contrasting colors for the structural elements of an HTML file.
  9. The primary focus of the CSS style is to observe the sturucture
  10. of HTML files created with Texinfo documentation system, more
  11. specifically texi2html.
  12. This is NOT a presentation style but a visualization of the
  13. structure of an HTML file through coloring of the elements.
  14. The style file may turn out to be useful for both developers of the
  15. HTML outputting tools and the Texinfo documentation writers who
  16. are interested to observe the outputted HTML structure.
  17. The coloring has been achieved by associating a background-color
  18. to important HTML elements. Minimal formatting has been done,
  19. although the body font and the headers h1 to h5 have been given
  20. absolute sizes, and some expanded space has been introduced to
  21. horizontal rulers hr in order to make them more visible. There
  22. are margins around the document resembling a book-like presentation
  23. in the browser.
  24. This Cascading Style Sheet (CSS) confroms to the CSS standard,
  25. level 2.1. You can validate the correctness of your own
  26. creation or modification of the current CSS style at the Web
  27. address: http://jigsaw.w3.org/css-validator/ by one the three
  28. input methods available.
  29. If you edit your already produced HTML file generated by hand,
  30. change the section <style>...</style> with
  31. <link rel="stylesheet" href="./texinfo_bright_colors.css">
  32. and put the CSS file in the same directory, or simply by
  33. inclusion of the css file when compiling:
  34. texi2dvi --css-include=texinfo_bright_colors.css my_doc.texi
  35. Note: The output will be very "colorful", with very, very bright
  36. colors. You have been warned.
  37. --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- ---
  38. (c) Copyright, Jaakko Hollm@'en, Finland, Jaakko.Hollmen@tkk.fi
  39. September, 2010
  40. The current file "texinfo_bright_colors.css" is free software:
  41. you can redistribute it and/or modify it under the terms of the
  42. GNU General Public License as published by the Free Software
  43. Foundation, either version 3 of the License, or (at your option)
  44. any later version.
  45. The current file "texinfo_bright_colors.css" is distributed in
  46. the hope that it will be useful, but WITHOUT ANY WARRANTY;
  47. without even the implied warranty of MERCHANTABILITY or FITNESS
  48. FOR A PARTICULAR PURPOSE. See the GNU General Public License for
  49. more details.
  50. === === === === === === === === === === === === === === === === */
  51. body {
  52. margin: 30px 10% 30px 8%;
  53. background-color: white;
  54. font-family: serif;
  55. font-size: 1.0em;
  56. }
  57. h1 {
  58. font-size: 2.4em;
  59. background-color: #FF0000;
  60. }
  61. h2 {
  62. font-size: 2.0em;
  63. background-color: #FF0066;
  64. }
  65. h3 {
  66. font-size: 1.8em;
  67. background-color: #FF00CC;
  68. }
  69. h4 {
  70. font-size: 1.6em;
  71. background-color: #FF33FF;
  72. ;
  73. }
  74. h5 {
  75. font-size: 1.4em;
  76. background-color: #FF99FF;
  77. }
  78. p {
  79. background-color: #B0B0B0;
  80. }
  81. blockquote {
  82. background-color: #FFCCFF;
  83. }
  84. div.shortcontents {
  85. background-color: #FF9900;
  86. }
  87. div.contents {
  88. background-color: #FF9900;
  89. }
  90. div.defun {
  91. background-color: #FF9900;
  92. }
  93. div.float {
  94. background-color: #FF9900;
  95. }
  96. div.footnote {
  97. background-color: #FF9900;
  98. }
  99. div.node {
  100. background-color: #FF9900;
  101. }
  102. ul {
  103. background-color: #FF9900;
  104. }
  105. ol {
  106. background-color: #CCFF33;
  107. }
  108. table {
  109. background-color: #FFFF00;
  110. }
  111. tr {
  112. background-color: #66FF00;
  113. }
  114. td {
  115. background-color: #66CC00;
  116. }
  117. dl {
  118. background-color: #00FF00;
  119. }
  120. dt {
  121. background-color: #66CC00;
  122. }
  123. dd {
  124. background-color: #00FFFF;
  125. }
  126. pre.display {
  127. background-color: #33CCFF;
  128. }
  129. pre.smalldisplay {
  130. background-color: #33CCFF;
  131. }
  132. pre.example {
  133. background-color: #33CCFF;
  134. }
  135. pre.smallexample {
  136. background-color: #33CCFF;
  137. }
  138. pre.format {
  139. background-color: #33CCFF;
  140. }
  141. pre.smallformat {
  142. background-color: #33CCFF;
  143. }
  144. pre.lisp {
  145. background-color: #33CCFF;
  146. }
  147. pre.smalllisp {
  148. background-color: #33CCFF;
  149. }
  150. pre.sp {
  151. background-color: #33CCFF;
  152. }
  153. pre.verbatim {
  154. background-color: #33CCFF;
  155. }
  156. code {
  157. background-color: #00FF00;
  158. }
  159. hr {
  160. background-color: #0000FF;
  161. margin: 0.5em;
  162. padding: 0.5em;
  163. }