Add print/screen differentiation in stylesheet

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

/* General Styling */
body 
{ 
  font-family: serif;
  max-width: 8in;
}

@media screen
{ 
  body
  { 
    background-color: #D9D9D9;
    color: #222222;
  }
}

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

.src
{ 
  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: #535353;
    background-color: #888888;
  }
}

p
{ 
  text-align: justify;
}

.verse
{
  padding: 1em;
  border: 2px solid #999999;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  font-size: smaller;
}

@media screen
{ 
  .verse
  {
    background-color: #BBBBBB;
    color: #111111;
  }
}

blockquote
{ 
  padding: 1em;
  border: 2px solid black;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

@media screen
{ 
  blockquote
  {
    background-color: #AAAAAA;
    color: #111111;
  }
}

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

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

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

a:link
{ 
  color: #3333FF;
}

a:visited
{ 
  color: #DA3333;
}

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

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

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-top: 0.2em;
  margin-bottom: 0.2em;
}

@media print
{ 
  div.contents
  {
    background-color: #CCCCCC;
  }

  div.contents dt
  {
    font-size: 6pt;
  }
}

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

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

@media print
{ 
  table.image, p.image
  {
    background-color: #CCCCCC;
  }
}

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

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

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

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
  {
    color: #CCCCCC;
  }
}

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