texinfo/texi2html/examples/texinfo-bright-colors.css

/* === === === === === === === === === === === === === === === === ===

   This file: texinfo-bright-colors.css
   Version:   1.01
   Date:      September 17, 2010
   Author:    Jaakko Hollmén, e-mail: Jaakko.Hollmen@tkk.fi

   The purpose of this cascading style sheet (CSS) style file named
   "texinfo-bright-colors.css" is to introduce several bright and
   contrasting colors for the structural elements of an HTML file.
   The primary focus of the CSS style is to observe the sturucture
   of HTML files created with Texinfo documentation system, more
   specifically texi2html.

   This is NOT a presentation style but a visualization of the
   structure of an HTML file through coloring of the elements. The
   style file may turn out to be useful for both developers of the
   HTML outputting tools and the Texinfo documentation writers who
   are interested in the outputted HTML structure.

   The coloring has been achieved by associating a background-color
   defined in the CSS file to important HTML elements. Minimal
   formatting has been done, except some expanded space has been
   introduced to horizontal rulers hr in order to make them more
   visible. There are margins around the document resembling a
   book-like presentation in the browser.

   This Cascading Style Sheet (CSS) file confroms to the CSS
   standard, level 2.1. You can validate the correctness of your
   own CSS style file or modification of the current CSS style file
   at the Web address: http://jigsaw.w3.org/css-validator/ by one
   the three input methods available.

   If you edit your already produced HTML file generated by hand,
   change the <style> .... </style> section in the header part of
   the HTML file with the following line:

   <link rel="stylesheet" href="texinfo-bright-colors.css"> 

   This line must be contained in the <header> ... </header>
   section of the HTML file. Alternatively, you can include the CSS
   style file when compiling as follows:

   texi2dvi --css-include=texinfo-bright-colors.css my-doc.texi

   Note: The output will be very colorful (!), you have been warned.

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

   (c) Copyright, Jaakko Hollmén, Finland, Jaakko.Hollmen@tkk.fi
       September, 2010

   The current file "texinfo-bright-colors.css" is free software:
   you can redistribute it and/or modify it under the terms of the
   GNU General Public License as published by the Free Software
   Foundation, either version 3 of the License, or (at your option)
   any later version.

   The current file "texinfo-bright-colors.css" is distributed in
   the hope that it will be useful, but WITHOUT ANY WARRANTY;
   without even the implied warranty of MERCHANTABILITY or FITNESS
   FOR A PARTICULAR PURPOSE.  See the GNU General Public License
   for more details.

   === === === === === === === === === === === === === === === === */

body {
margin: 30px 10% 30px 10%;
background-color: white;
}

h1 {
  background-color: #FF0000;
}

h2 {
  background-color: #FF0066;
}

h3 {
  background-color: #FF00CC;
}

h4 {
  background-color: #FF33FF;
}

h5 {
  background-color: #FF99FF;
}

p {
  background-color: #B0B0B0; 
}

blockquote {
  background-color: #FFCCFF;
}

div.shortcontents { 
  background-color: #FF9900;
} 

div.contents {
  background-color: #FF9900;
} 

div.defun { 
  background-color: #FF9900;
} 

div.float { 
  background-color: #FF9900; 
} 

div.footnote { 
  background-color: #FF9900; 
} 

div.node {
  background-color: #FF9900; 
}

ul { 
  background-color: #FF9900; 
} 

ol { 
  background-color: #CCFF33; 
}

table {
  background-color: #FFFF00;
}

tr {
  background-color: #66FF00;
}

td {
  background-color: #66CC00;
}

dl { 
  background-color: #00FF00;
} 

dt { 
  background-color: #66CC00;
}

dd { 
  background-color: #00FFFF;
}

pre.display {
  background-color: #33CCFF;
}

pre.smalldisplay {
  background-color: #33CCFF;
}

pre.example {
  background-color: #33CCFF;
}

pre.smallexample {
  background-color: #33CCFF;
}

pre.format {
  background-color: #33CCFF;
}

pre.smallformat {
  background-color: #33CCFF;
}

pre.lisp {
  background-color: #33CCFF;
}

pre.smalllisp {
  background-color: #33CCFF;
}

pre.sp {
  background-color: #33CCFF;
}

pre.verbatim {
  background-color: #33CCFF;
}

code {
  background-color: #00FF00;
}

hr {
  background-color: #000000;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}