CSS reorganization and print style updates

[clinton/website/src/unknownlamer.org.git] / default.css

/* General Styling */
body 
{ 
  font-family: serif;
}

p
{ 
  text-align: justify;
}

h1,h2,h3,h4,h5
{ 
  font-variant: small-caps;
}

@media screen
{ 
  body
  { 
    background-color: #D9D9D9;
    color: #222222;
    max-width: 8in;
  }
}

@media print
{ 
  p, table, blockquote, code, dt, dd, li
  {
    font-size: 10pt;
  }

  dd, table, blockquote, code, .verse, .src, .image
  { 
    page-break-inside: avoid;
  }

  h1, h2, h3, h4, h5
  { 
    page-break-before: auto;
    page-break-after: avoid;
  }

  h1 + p, h2 + p, h3 + p, h4 + p, h5 + p
  { 
    page-break-before: avoid;
    page-break-after: auto;
  }

  @page
  { padding: 0.1in; margin: 1in 1.25in; }
}

.verse
{
  padding: 1em;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  font-size: smaller;
}

@media screen
{ 
  .verse
  {
    border: 2px solid #999999;
    background-color: #BBBBBB;
    color: #111111;
  }
}

blockquote
{ 
  padding: 1em;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media screen
{ 
  blockquote
  {
    border: 2px solid black;
    background-color: #AAAAAA;
    color: #111111;
  }
}

@media print
{ 
  blockquote
  {
    background-color: #DDDDDD;
    color: #000000;
  }
}

code
{ 
  white-space: pre;
  width: auto;
  color: #000000;
}

table
{ 
  margin: 1ex 1em;
}

table, td, tr
{ 
  border: 1px solid black;
  border-collapse: collapse;
  background-color: #CFCFCF;
}

a
{ 
  font-style: italic;
  text-decoration: none;
}

a:link
{ 
  color: #3333FF;
}

a:visited
{ 
  color: #DA3333;
}

@media print
{ 
  a[href]:after
  {
    content: " <" attr(href) ">";
  }
}

/* Table of Contents */
div.contents
{ 
  border: 2px solid #222222;
  width: 40%;
  padding: 0.5em;
  margin-bottom: 1em;
}

div.contents:before
{ 
  content: "Contents";
  font-size: x-large;
  font-weight: bold;
  font-variant: small-caps;
}

/* control spacing of contents in konqueror */
div.contents dl
{ 
  margin: 0.2em auto;
}

div.contents dl, div.contents dt
{ 
  margin-left: 0px;
}

div.contents dd
{
  margin-left: 1.5em;
}

@media screen
{ 
  div.contents
  {
    background-color: #999999;
    margin-left: 2em;
    float: right;
  }

  .verse, .src, .image, blockquote
  {
    clear: right; /* Clear the contents box  */
  }
}

@media print
{ 
  div.contents
  {
    background-color: #DFDFDF;
    border-width: 0.05mm;
    float: left;
    margin-right: 2em;
  }

 .verse, .src, .image, blockquote
  {
    clear: left; /* Clear the contents box  */
  } 

  div.contents dt
  {
    font-size: 6pt;
    page-break-after: avoid;
  }

  div.contents > dd
  { 
    page-break-inside: auto;
  }

  div.contents > dd > dl
  { 
    page-break-inside: avoid;
    page-break-before: auto;
    page-break-after: auto;
  }

  div.contents > dd > dl dl
  { 
    page-break-inside: avoid;
    page-break-before: avoid;
    page-break-after: avoid;
  }
}

/* Images */
.image
{ 
  border: 2px solid #222222;
  width: auto;
  padding: 0.1em;
  margin-left: auto;
  margin-right: auto;
}

/* Force spacing between image boxes */
.image + .image
{
  margin-top: 1em;
}

table.image tr td img
{ 
  border: 1px solid #111111;
}

table.image tr td.image-caption
{ 
  font-style: italic;
}

@media screen
{ 
  .image
  {
    background-color: #999999;
  }
}

@media print
{ 
  .image
  {
    background-color: #CCCCCC;
    border-width: 0.05mm;
    page-break-inside: avoid;
    page-break-after: auto;
    page-break-before: auto;
  }

  .image img
  {
    max-width: 80%;
    page-break-inside: avoid;
    page-break-after: auto;
  }
}

img.latex-display
{ 
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1ex;
  margin-bottom: 1ex;
}

img.latex-inline
{ 
  display: inline;
}

/* Ratings (Book List)*/
.rating-good
{ 
  color: #222222;
  font-weight: bold;
  font-size: larger;
  letter-spacing: 0.2em;
}

.rating-bad
{ 
  color: #FFFFFF;
  font-weight: bold;
  font-size: larger;
  letter-spacing: 0.2em;
}

@media print
{ 
  .rating-good
  { 
    color: #000000;
  }

  .rating-bad
  {
    display: none;
  }
}

/* Footer template */
p.cke-footer
{  
  white-space: pre;
  font-family: monospace;
  font-style: italic;
  font-size: small;
}

p.cke-timestamp
{ 
  font-family: monospace;
  font-size: x-small;
}

p.cke-buttons img
{ 
  border: 0px;
}

@media print
{ 
  p.cke-buttons, p.cke-footer
  {
    display: none;
  }
}

.src
{ 
  font-family: monospace;
  margin-right: auto;
  margin-left: auto;
  width: 95%;
  border: 2px solid black;
  padding: 1em;

  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla */
}

@media screen
{ 
  .src
  {
    color: #e3e3e3;
    background-color: #444444;
  }
}

@media print
{ 
  .src
  {
    color: #000000;
    background-color: #F5F5F5;
    border-width: 0.05mm;
    font-size: 8pt;
  }
}

/* emacs faces */
@media screen
{ 
  .emacs-face-builtin { color: #b0c4de; }
  .emacs-face-comment { color: #ff7f24;  }
  .emacs-face-comment-delimiter { color: #ff7f24; }
  .emacs-face-doc { color: #b3b3b3; }
  .emacs-face-function-name { color: #87cefa; }
  .emacs-face-keyword { color: #b9d3ee; }
  .emacs-face-negation-char { }
  .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
  .emacs-face-regexp-grouping-construct { font-weight: bold; }
  .emacs-face-string { color: #b3b3b3; }
  .emacs-face-type { color: #98fb98; }
  .emacs-face-variable-name { color: #eedd82; }
  .emacs-face-warning { color: #ffc0cb;
                        font-weight: bold; }
}

@media print
{ 
  .emacs-face-builtin { color: #0b4ced; }
  .emacs-face-comment { color: #ff7f24; font-style: italic; }
  .emacs-face-comment-delimiter { color: #ff7f24; }
  .emacs-face-doc { color: #5b5b5b; }
  .emacs-face-function-name { color: #34a8aa; font-style: italic; }
  .emacs-face-keyword { color: #0B0B0B; font-weight: bold; }
  .emacs-face-negation-char { }
  .emacs-face-regexp-grouping-backslash { font-weight: bold;  }
  .emacs-face-regexp-grouping-construct { font-weight: bold; }
  .emacs-face-string { color: #3b3b3b; font-style: italic; }
  .emacs-face-type { color: #579b57; font-variant: small-caps; }
  .emacs-face-variable-name { color: #554406; font-style: italic; }
  .emacs-face-warning { color: #990767;
                        font-weight: bold; }
}