Update stylesheet for docs: Indentation and style changes for tables and

example elements. Elements on a page can how be distinuished from normal
textual content by their background colour and/or borders.

Thom Brown

git-svn-id: file:///Users/dpage/pgweb/svn-repo/trunk@2730 8f5c7a92-453e-0410-a47f-ad33c8a6b003

diff --git a/portal/layout/css/blue/docs.css b/portal/layout/css/blue/docs.css
index c168795d4998bdc8abe9f088cd49617d36405124..5b3462a012b33bbc7fcf42aae17274bfd9d128e5 100644 (file)
--- a/portal/layout/css/blue/docs.css
+++ b/portal/layout/css/blue/docs.css
@@ -8,6 +8,10 @@ body {
   font-size: 76%;
 }
 
+div.NAVHEADER table {
+  margin-left: 0;
+}
+
 /* Container Definitions */
 
 #docContainerWrap {
@@ -36,11 +40,12 @@ body {
   height: 83px;
   border: 0px;
   padding: 0px;
-  margin: 0px;
-  margin-left: 20px;
+  margin: 0 0 0 20px;
 }
 
-#docHeaderLogo img { border: 0px; }
+#docHeaderLogo img {
+  border: 0px;
+}
 
 #docNavSearchContainer {
   padding-bottom: 2px;
@@ -71,35 +76,38 @@ body {
 }
 
 #docSearch form {
-       position: relative;
-       top: 5px;
-       right: 0;
-       margin: 0; /* need for IE Mac */
-       text-align: right; /* need for IE Mac */
-       white-space: nowrap; /* for Opera */
+  position: relative;
+  top: 5px;
+  right: 0;
+  margin: 0; /* need for IE 5.5 OSX */
+  text-align: right; /* need for IE 5.5 OSX */
+  white-space: nowrap; /* for Opera */
 }
 
-#docSearch form label { color: #666; font-size: 0.95em; }
-#docSearch form input { font-size: 0.95em; }
-       
+#docSearch form label {
+  color: #666;
+  font-size: 0.95em;
+}
+
+#docSearch form input {
+  font-size: 0.95em;
+}
+  
 #docSearch form #submit {
-       font-size: 0.95em;
-       background: #7A7A7A;
-       color: #fff;
-       border-right: 1px solid #7A7A7A;
-       border-bottom: 1px solid #7A7A7A;
-       border-top: 1px solid #7A7A7A;
-       border-left: 1px solid #7A7A7A;
-       padding: 1px 4px;
-}
-       
+  font-size: 0.95em;
+  background: #7A7A7A;
+  color: #fff;
+  border: 1px solid #7A7A7A;
+  padding: 1px 4px;
+}
+  
 #docSearch form #q {
-       width: 170px;
-       font-size: 0.95em;
-       border: 1px solid #7A7A7A;
-       background: #E1E1E1;
-        color: #000000;
-       padding: 2px;
+  width: 170px;
+  font-size: 0.95em;
+  border:  1px solid #7A7A7A;
+  background: #E1E1E1;
+  color: #000000;
+  padding: 2px;
 }
 
 .frmDocSearch {
@@ -142,26 +150,46 @@ body {
 
 /* Heading Definitions */
 
+h1, h2, h3 {
+  font-weight: bold;
+  margin-top: 2ex;
+}
+
 h1 {
-  font-weight: bold; 
-  color: #EC5800; 
   font-size: 1.4em;
 }
 
 h2 {
-  font-weight: bold; 
-  color: #666; 
-  font-size: 1.2em;
+  font-size: 1.2em !important;
 }
 
-h3 { 
-  font-weight: bold; 
-  color: #666; 
+h3 {
   font-size: 1.1em;
 }
 
+h1 a:hover {
+  color: #EC5800;
+  text-decoration: none;
+}
+
+h2 a:hover,
+h3 a:hover,
+h4 a:hover {
+  color: #666666;
+  text-decoration: none;
+}
+
 /* Text Styles */
 
+div.SECT2 {
+  margin-top: 4ex;
+}
+
+div.SECT3 {
+  margin-top: 3ex;
+  margin-left: 3ex;
+}
+
 .txtCurrentLocation {
   font-weight: bold;
 }
@@ -192,19 +220,224 @@ p, ol, ul, li {
   padding: 3px;
 }
 
+#docContainer pre code,
+#docContainer pre tt,
+#docContainer pre pre,
+#docContainer tt tt,
+#docContainer tt code,
+#docContainer tt pre {
+  font-size: 1em;
+}
+
+pre.LITERALLAYOUT,
+.SCREEN,
+.SYNOPSIS,
+.PROGRAMLISTING,
+.REFSYNOPSISDIV p,
+table.CAUTION,
+table.WARNING,
+blockquote.NOTE,
+blockquote.TIP,
+table.CALSTABLE {
+  -moz-box-shadow: 3px 3px 5px #DFDFDF;
+  -webkit-box-shadow: 3px 3px 5px #DFDFDF;
+  -khtml-box-shadow: 3px 3px 5px #DFDFDF;
+  -o-box-shadow: 3px 3px 5px #DFDFDF;
+  box-shadow: 3px 3px 5px #DFDFDF;
+}
+
+pre.LITERALLAYOUT,
+.SCREEN,
+.SYNOPSIS,
+.PROGRAMLISTING,
+.REFSYNOPSISDIV p,
+table.CAUTION,
+table.WARNING,
+blockquote.NOTE,
+blockquote.TIP {
+  color: black;
+  border-width: 1px;
+  border-style: solid;
+  padding: 2ex;
+  margin: 2ex 0 2ex 2ex;
+  overflow: auto;
+  -moz-border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -khtml-border-radius: 8px;
+  border-radius: 8px;
+}
+
+pre.LITERALLAYOUT,
+pre.SYNOPSIS,
+pre.PROGRAMLISTING,
+.REFSYNOPSISDIV p,
+.SCREEN {
+  border-color: #CFCFCF;
+  background-color: #F7F7F7;
+}
+
+blockquote.NOTE,
+blockquote.TIP {
+  border-color: #DBDBCC;
+  background-color: #EEEEDD;
+  padding: 14px;
+  width: 572px;
+}
+
+blockquote.NOTE,
+blockquote.TIP,
+table.CAUTION,
+table.WARNING {
+  margin: 4ex auto;
+}
+
+blockquote.NOTE p,
+blockquote.TIP p {
+  margin: 0;
+}
+
+blockquote.NOTE pre,
+blockquote.NOTE code,
+blockquote.TIP pre,
+blockquote.TIP code {
+  margin-left: 0;
+  margin-right: 0;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+  -khtml-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+}
+
+.emphasis {
+  font-weight: bold;
+}
+
+/* Table Styles */
+
+table {
+  margin-left: 2ex;
+}
+
+table.CALSTABLE td,
+table.CALSTABLE th,
+table.CAUTION td,
+table.CAUTION th,
+table.WARNING td,
+table.WARNING th {
+  border-style: solid;
+}
+
+table.CALSTABLE,
+table.CAUTION,
+table.WARNING {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+table.CALSTABLE
+{
+  margin: 2ex 0 2ex 2ex;
+  background-color: #E0ECEF;
+  border: 2px solid #A7C6DF;
+}
+
+table.CALSTABLE tr:hover td
+{
+  background-color: #EFEFEF;
+}
+
+table.CALSTABLE td {
+  background-color: #FFF;
+}
+
+table.CALSTABLE td,
+table.CALSTABLE th {
+  border: 1px solid #A7C6DF;
+  padding: 0.5ex 0.5ex;
+}
+
+table.CAUTION,
+table.WARNING {
+  border-collapse: separate;
+  display: block;
+  padding: 0;
+  max-width: 600px;
+}
+
+table.CAUTION {
+  background-color: #F5F5DC;
+  border-color: #DEDFA7;
+}
+
+table.WARNING {
+  background-color: #FFD7D7;
+  border-color: #DF421E;
+}
+
+table.CAUTION td,
+table.CAUTION th,
+table.WARNING td,
+table.WARNING th {
+  border-width: 0;
+  padding-left: 2ex;
+  padding-right: 2ex;
+}
+
+table.CAUTION td,
+table.CAUTION th {
+  border-color: #F3E4D5
+}
+
+table.WARNING td,
+table.WARNING th {
+  border-color: #FFD7D7;
+}
+
+td.c1,
+td.c2,
+td.c3,
+td.c4,
+td.c5,
+td.c6 {
+  font-size: 1.1em;
+  font-weight: bold;
+  border-bottom: 0px solid #FFEFEF;
+  padding: 1ex 2ex 0;
+}
+
 /* Link Styles */
 
 #docNav a {
   font-weight: bold;
 }
 
+a:link,
+a:visited,
+a:active,
+a:hover {
+  text-decoration: underline;
+}
+
+a:link,
+a:active {
+  color:#0066A2;
+}
 
-a:link                          { color:#0066A2; text-decoration: underline; }
-a:visited                       { color:#004E66; text-decoration: underline; }
-a:active                        { color:#0066A2; text-decoration: underline; }
-a:hover                         { color:#000000; text-decoration: underline; }
+a:visited {
+  color:#004E66;
+}
 
-#docFooter a:link                { color:#666; text-decoration: underline; }
-#docFooter a:visited             { color:#666; text-decoration: underline; }
-#docFooter a:active              { color:#666; text-decoration: underline; }
-#docFooter a:hover               { color:#000000; text-decoration: underline; }
+a:hover {
+  color:#000000;
+}
+
+#docFooter a:link,
+#docFooter a:visited,
+#docFooter a:active {
+  color:#666;
+}
+
+#docContainer code.FUNCTION tt {
+  font-size: 1em;
+}