Slight improvements to links with the print style and a typo fix

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

diff --git a/default.css b/default.css
index 0d43f1b..2aacc69 100644 (file)
--- a/default.css
+++ b/default.css
@@ -2,16 +2,33 @@
 body 
 { 
   font-family: serif;
-  background-color: #D9D9D9;
-  color: #222222; 
-  max-width: 8in;
 }
 
-.src
+@media screen
 { 
-  color: #e3e3e3;
-  background-color: #444444;
+  body
+  { 
+    background-color: #D9D9D9;
+    color: #222222;
+    max-width: 8in;
+  }
+}
+
+@media print
+{ 
+  p, table, blockquote, code, dt, dd, li
+  {
+    font-size: 10pt;
+  }
+}
 
+.verse, .src, .image, blockquote
+{
+  clear: right; /* Clear the contents box usually */
+}
+
+.src
+{ 
   margin-right: auto;
   margin-left: auto;
   width: 95%;
@@ -22,6 +39,24 @@ body
   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;
@@ -29,8 +64,6 @@ p
 
 .verse
 {
-  background-color: #BBBBBB;
-  color: #111111;
   padding: 1em;
   border: 2px solid #999999;
   width: 60%;
@@ -39,10 +72,17 @@ p
   font-size: smaller;
 }
 
+@media screen
+{ 
+  .verse
+  {
+    background-color: #BBBBBB;
+    color: #111111;
+  }
+}
+
 blockquote
 { 
-  background-color: #AAAAAA;
-  color: #111111;
   padding: 1em;
   border: 2px solid black;
   width: 80%;
@@ -50,6 +90,24 @@ blockquote
   margin-left: auto;
 }
 
+@media screen
+{ 
+  blockquote
+  {
+    background-color: #AAAAAA;
+    color: #111111;
+  }
+}
+
+@media print
+{ 
+  blockquote
+  {
+    background-color: #DDDDDD;
+    color: #000000;
+  }
+}
+
 code
 { 
   white-space: pre;
@@ -57,6 +115,18 @@ code
   color: #000000;
 }
 
+table
+{ 
+  margin: 1ex 1em;
+}
+
+table, td, tr
+{ 
+  border: 1px solid black;
+  border-collapse: collapse;
+  background-color: #CFCFCF;
+}
+
 a
 { 
   font-style: italic;
@@ -73,6 +143,14 @@ a:visited
   color: #DA3333;
 }
 
+@media print
+{ 
+  a[href]:after
+  {
+    content: " <" attr(href) "> ";
+  }
+}
+
 h1,h2,h3,h4,h5
 { 
   font-variant: small-caps;
@@ -86,6 +164,7 @@ div.contents
   width: 40%;
   padding: 0.5em;
   margin-left: 2em;
+  margin-bottom: 1em;
   float: right;
 }
 
@@ -97,16 +176,52 @@ div.contents:before
   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;
-  background-color: #999999;
   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
 {
@@ -123,6 +238,51 @@ 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;
@@ -140,4 +300,12 @@ p.cke-timestamp
 p.cke-buttons img
 { 
   border: 0px;
+}
+
+@media print
+{ 
+  p.cke-buttons, p.cke-footer
+  {
+    display: none;
+  }
 }
\ No newline at end of file