Improve layout and CSS

[infodrom.org/infocon.infodrom.org] / src / infocon.css

diff --git a/src/infocon.css b/src/infocon.css
index ee10014..57998db 100644 (file)
--- a/src/infocon.css
+++ b/src/infocon.css
@@ -5,7 +5,7 @@
 body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   background-color: #ffffff;
-  font-size: 13px;
+  font-size: 12px;
   line-height: 110%;
 }
 
@@ -49,7 +49,7 @@ div#content {
   padding-left: 50px;
   padding-right: 30px;
   margin-top: -1em;
-  font-size: 13px;
+  font-size: 12px;
   line-height: 110%;
 }
 
@@ -111,6 +111,31 @@ div.soclink {
   padding: 0px 2px 0px 2px;
 }
 
+pre {
+  border: 1pt solid #cfcfcf;
+  background-color: #F3F5F7;
+  padding: 2px;
+  padding-left: 2px;
+  font-family: courier, monospace;
+  white-space: pre;
+  /* begin css 3 or browser specific rules - do not remove!
+   * see: http://forums.techguy.org/archive/index.php/t-249849.html
+   */
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  /* end css 3 or browser specific rules */
+}
+
+p.img img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  border: 1px solid #cfcfcf;
+}
+
 .font {
   font-size: small;
 }
@@ -119,7 +144,7 @@ div.soclink {
  * Side menu
  */
 div.vmenu {
-  font-size: 13px;
+  font-size: 12px;
   font-weight: bold;
   padding: 0;
   margin-top: 10px;
@@ -161,6 +186,17 @@ html>body div.vmenu ul li a {
   width: auto;
 }
 
+table.teachings {
+  font-size: inherit;
+  border: 1px solid #aaa;
+}
+table.teachings tbody tr:nth-child(even) {
+  background: #d0d0d0;
+}
+table.teachings tbody tr:nth-child(odd) {
+  background: #eeeeee;
+}
+
 /*
  * Local variables:
  * mode: indented-text