X-Git-Url: https://git.hcoop.net/clinton/website/site/unknownlamer.org.git/blobdiff_plain/37636d3ba7f0ddab5c048eb217b9e344bcfed354..ced4f6a537775d0cfa79a5770b98ce77a30e1f02:/default.css

diff --git a/default.css b/default.css
index 47d2674..cd3acc1 100644
--- a/default.css
+++ b/default.css
@@ -2,62 +2,57 @@
 body 
 { 
   font-family: serif;
-  max-width: 8in;
 }
 
-@media screen
+p
 { 
-  body
-  { 
-    background-color: #D9D9D9;
-    color: #222222;
-  }
-}
-
-.verse, .src, .image, blockquote
-{
-  clear: right; /* Clear the contents box usually */
+  text-align: justify;
 }
 
-.src
+h1,h2,h3,h4,h5
 { 
-  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 */
+  font-variant: small-caps;
+  text-align: left;
 }
 
 @media screen
 { 
-  .src
-  {
-    color: #e3e3e3;
-    background-color: #444444;
+  body
+  { 
+    background-color: #D9D9D9;
+    color: #222222;
+    max-width: 8in;
   }
 }
 
 @media print
 { 
-  .src
+  p, table, blockquote, code, dt, dd, li
   {
-    color: #535353;
-    background-color: #888888;
+    font-size: 10pt;
   }
-}
 
-p
-{ 
-  text-align: justify;
+  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;
+  }
 }
 
 .verse
 {
   padding: 1em;
-  border: 2px solid #999999;
   width: 60%;
   margin-right: auto;
   margin-left: auto;
@@ -68,6 +63,7 @@ p
 { 
   .verse
   {
+    border: 2px solid #999999;
     background-color: #BBBBBB;
     color: #111111;
   }
@@ -76,7 +72,6 @@ p
 blockquote
 { 
   padding: 1em;
-  border: 2px solid black;
   width: 80%;
   margin-right: auto;
   margin-left: auto;
@@ -86,6 +81,7 @@ blockquote
 { 
   blockquote
   {
+    border: 2px solid black;
     background-color: #AAAAAA;
     color: #111111;
   }
@@ -102,11 +98,24 @@ blockquote
 
 code
 { 
-  white-space: pre;
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla */
   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;
@@ -123,21 +132,21 @@ a:visited
   color: #DA3333;
 }
 
-h1,h2,h3,h4,h5
+@media print
 { 
-  font-variant: small-caps;
+  a[href]:after
+  {
+    content: " <" attr(href) ">";
+  }
 }
 
 /* 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
@@ -151,25 +160,77 @@ div.contents:before
 /* control spacing of contents in konqueror */
 div.contents dl
 { 
-  margin-top: 0.2em;
-  margin-bottom: 0.2em;
+  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: #CCCCCC;
+    background-color: #DFDFDF;
+    border-width: 0.5mm;
+    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 */
-table.image, p.image
+.image
 { 
   border: 2px solid #222222;
   width: auto;
@@ -178,24 +239,8 @@ table.image, p.image
   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
+.image + .image
 {
   margin-top: 1em;
 }
@@ -203,6 +248,19 @@ table.image + table.image, p.image + p.image
 table.image tr td img
 { 
   border: 1px solid #111111;
+  max-width: 6in;
+}
+
+table.image tr td:hover
+{ 
+  max-width: 8in;
+}
+
+table.image tr td img:hover
+{
+    max-width: 24in;
+    width: 100%;
+    overflow: auto;
 }
 
 table.image tr td.image-caption
@@ -210,6 +268,33 @@ table.image tr td.image-caption
   font-style: italic;
 }
 
+@media screen
+{ 
+  .image
+  {
+    background-color: #999999;
+  }
+}
+
+@media print
+{ 
+  .image
+  {
+    background-color: #CCCCCC;
+    border-width: 0.5mm;
+    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;
@@ -245,19 +330,19 @@ img.latex-inline
 { 
   .rating-good
   { 
-    .color: #000000;
+    color: #000000;
   }
 
   .rating-bad
   {
-    color: #CCCCCC;
+    display: none;
   }
 }
 
 /* Footer template */
 p.cke-footer
 {  
-  white-space: pre;
+  white-space: pre-wrap;
   font-family: monospace;
   font-style: italic;
   font-size: small;
@@ -280,4 +365,74 @@ p.cke-buttons img
   {
     display: none;
   }
-}
\ No newline at end of file
+}
+
+.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.5mm;
+    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; }
+}