Some more pretentious quotes
[clinton/website/src/unknownlamer.org.git] / default.css
index 8dbf518..45594af 100644 (file)
@@ -1,16 +1,34 @@
+/* General Styling */
 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%;
@@ -21,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;
@@ -28,8 +64,6 @@ p
 
 .verse
 {
-  background-color: #BBBBBB;
-  color: #111111;
   padding: 1em;
   border: 2px solid #999999;
   width: 60%;
@@ -38,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%;
@@ -49,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;
@@ -56,9 +115,22 @@ code
   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
@@ -76,6 +148,7 @@ h1,h2,h3,h4,h5
   font-variant: small-caps;
 }
 
+/* Table of Contents */
 div.contents
 { 
   border: 2px solid #222222;
@@ -83,6 +156,7 @@ div.contents
   width: 40%;
   padding: 0.5em;
   margin-left: 2em;
+  margin-bottom: 1em;
   float: right;
 }
 
@@ -94,16 +168,58 @@ 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.5em;
+  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;
@@ -114,6 +230,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;
@@ -131,4 +292,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