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 b76183a..2aacc69 100644 (file)
--- a/default.css
+++ b/default.css
@@ -2,9 +2,24 @@
 body 
 { 
   font-family: serif;
-  background-color: #D9D9D9;
-  color: #222222; 
-  max-width: 8in;
+}
+
+@media screen
+{ 
+  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
@@ -14,9 +29,6 @@ body
 
 .src
 { 
-  color: #e3e3e3;
-  background-color: #444444;
-
   margin-right: auto;
   margin-left: auto;
   width: 95%;
@@ -27,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;
@@ -34,8 +64,6 @@ p
 
 .verse
 {
-  background-color: #BBBBBB;
-  color: #111111;
   padding: 1em;
   border: 2px solid #999999;
   width: 60%;
@@ -44,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%;
@@ -55,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;
@@ -62,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;
@@ -78,6 +143,14 @@ a:visited
   color: #DA3333;
 }
 
+@media print
+{ 
+  a[href]:after
+  {
+    content: " <" attr(href) "> ";
+  }
+}
+
 h1,h2,h3,h4,h5
 { 
   font-variant: small-caps;
@@ -110,17 +183,45 @@ div.contents dl
   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
 {
@@ -168,6 +269,19 @@ img.latex-inline
   letter-spacing: 0.2em;
 }
 
+@media print
+{ 
+  .rating-good
+  { 
+    color: #000000;
+  }
+
+  .rating-bad
+  {
+    color: #CCCCCC;
+  }
+}
+
 /* Footer template */
 p.cke-footer
 {  
@@ -186,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