Merge changes from CUPS trunk, r7566.

[thirdparty/cups.git] / doc / cups.css

diff --git a/doc/cups.css b/doc/cups.css
index 0e37f456f63eb548b9466ba183e7fd8d507de7c7..637f3d885beacd4d24e9ad6af405e756e069877e 100644 (file)
--- a/doc/cups.css
+++ b/doc/cups.css
@@ -1,21 +1,21 @@
 BODY {
-  background: #cccc99;
-  color: #000000;
-  font-family: sans-serif;
+  background: white;
+  color: black;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 }
 
 H1, H2, H3, H4, H5, H6, P, TD, TH {
-  font-family: sans-serif;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 }
 
 KBD {
   color: #006600;
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
   font-weight: bold;
 }
 
 PRE {
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
 }
 
 PRE.command {
@@ -23,13 +23,21 @@ PRE.command {
   margin-left: 36pt;
 }
 
-PRE.command EM {
+PRE.example {
+  background: white;
+  border: dotted thin #999999;
+  margin-left: 36pt;
+  padding: 10px;
+}
+
+PRE.command EM, PRE.example EM {
   color: #3f0000;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 }
 
 P.command {
   color: #7f0000;
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
   margin-left: 36pt;
 }
 
@@ -39,44 +47,90 @@ P.formula {
 }
 
 BLOCKQUOTE {
-  background: #bbbb88;
-  border: solid thin #999966;
-  padding: 10pt;
+  background: #f0f0f0;
+  border: inset 1px #eeeeee;
+  padding: 10px;
+  /* These are not implemented by all browsers, but that's OK */
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+}
+
+A IMG {
+  border: none;
+}
+
+A:link:hover IMG {
+  background: #f0f0f0;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
 }
 
 A:link, A:visited {
+  font-weight: normal;
   text-decoration: none;
-  font-weight: bold;
-  color: #993300;
+  color: #000099;
 }
 
 A:link:hover, A:visited:hover, A:active {
   text-decoration: underline;
-  font-weight: bold;
-  color: #bb5500;
+  color: #990099;
 }
 
-A.sel, TR.sel {
-  background-color: #eeeebb;
-  color: #993300;
+TABLE.page {
+  border: none;
+  border-collapse: collapse;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 100%;
 }
 
-TR.sel TD {
-  padding: 4pt;
+TD.body {
+  height: 100%;
+  vertical-align: top;
 }
 
-A.unsel, A.unsel:visited {
-  background-color: #666633;
-  color: #e8e8b8;
+TD.sel, TD.unsel {
+  border-left: thin solid #cccccc;
+  padding: 0px 5px;
+  text-align: center;
+  vertical-align: middle;
+  width: 14%;
 }
 
-A.unsel:link:hover, A.unsel:visited:hover, A.unsel:active {
-  background-color: #999966;
-  color: #663300;
+TD.sel {
+  background: url(images/sel.gif);
+}
+
+TD.unsel {
+  background: url(images/unsel.gif);
+}
+
+TD.sel A, TD.sel A:hover, TD.unsel A:link:hover, TD.unsel A:visited:hover,
+TD.unsel A:active, TD.unsel A, TD.unsel A:visited {
+  color: #666666;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+TD.trailer {
+  background: #f0f0f0;
+  border: solid thin #e0e0e0;
+  color: #666666;
+  font-size: 80%;
+  padding: 5px;
+}
+
+TD.trailer A {
+  color: #666699;
+}
+
+FORM {
+  display: inline;
 }
 
 INPUT[TYPE="TEXT"], TEXTAREA {
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
 }
 
 INPUT[TYPE="IMAGE"] {
@@ -89,31 +143,21 @@ SUB, SUP {
   font-size: 50%;
 }
 
-TR.header, TR.header TH, TH.header, TR.trailer, TR.trailer TH, TH.trailer {
-  background-color: #bbbb88;
-}
-
-TR.page, TD.page {
-  background-color: #eeeebb;
-  height: 100%;
-  padding-top: 20pt;
-  padding-bottom: 20pt;
-}
-
 TR.data, TD.data, TR.data TD {
   padding: 5;
-  border-bottom: solid 2pt #000000;
+  border-bottom: solid 1pt #999999;
 }
 
 TR.data TH {
-  border-bottom: solid 2pt #000000;
+  border-bottom: solid 1pt #999999;
   padding-top: 10pt;
   padding-left: 5pt;
   text-align: left;
 }
 
 DIV.table TABLE {
-  border: solid thin #999966;
+  border: solid thin #999999;
+  border-collapse: collapse;
   border-spacing: 0;
   margin-left: auto;
   margin-right: auto;
@@ -129,14 +173,15 @@ DIV.table CAPTION {
 }
 
 DIV.table TABLE TD {
-  border: solid thin #bbbb88;
+  background: white;
+  border: solid thin #bbbbbb;
   padding-top: 5pt;
 }
 
 DIV.table TABLE TH {
-  background: #bbbb88;
+  background: #f0f0f0;
   border: none;
-  border-bottom: solid thin #999966;
+  border-bottom: solid thin #999999;
 }
 
 DIV.figure TABLE {
@@ -164,16 +209,16 @@ HR {
 }
 
 SPAN.info {
-  background: #000000;
-  border: thin solid #000000;
-  color: #ffffff;
+  background: black;
+  border: thin solid black;
+  color: white;
   font-size: 80%;
   font-style: italic;
   font-weight: bold;
   white-space: nowrap;
 }
 
-H2 SPAN.info, H3 SPAN.info {
+H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
   float: right;
   font-size: 100%;
 }
@@ -183,22 +228,14 @@ H2 SPAN.info, H3 SPAN.info {
 }
 
 H2.title, H3.title {
-  border-bottom: solid 2pt #000000;
-}
-
-IMG.button {
-  border: none;
-  padding: 2pt;
-  vertical-align: middle;
+  border-bottom: solid 1pt #999999;
 }
 
 DIV.sidebar {
-  background: #ddddaa;
-  border: solid 2px #cccc99;
   float: right;
-  margin-left: 10pt;
-  padding: 5pt;
-  width: 25%;
+  min-width: 25%;
+  margin-left: 10px;
+  max-width: 33%;
 }
 
 DIV.sidebar P.l0 {
@@ -225,11 +262,26 @@ DIV.sidebar P.l2 {
   text-indent: -18pt;
 }
 
-TABLE.pager {
-  background: #cccc99;
-  border: solid thin #999966;
-  margin-top: 10pt;
-  padding: 2pt;
+TABLE.inset {
+  background: #f0f0f0;
+  border: thin solid #e0e0e0;
+  padding: 0;
+  /* These are not implemented by all browsers, but that's OK */
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+}
+
+TABLE.inset CAPTION {
+  caption-side: top;
+  color: #666666;
+  font-size: 80%;
+  margin-left: 10px;
+  margin-bottom: 2px;
+  text-align: left;
+}
+
+TABLE.inset TD {
+  padding: 5px;
 }
 
 DT {
@@ -246,11 +298,76 @@ DL.category DT {
 }
 
 P.summary {
-  margin-left: 54pt;
-  font-family: monospace;
+  margin-left: 36pt;
+  font-family: monaco, courier, monospace;
 }
 
-SPAN.message {
+DIV.summary TABLE {
+  border: solid thin #999999;
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin: 10px;
+}
+
+DIV.summary TABLE TD, DIV.summary TABLE TH {
+  background: white;
+  border: solid thin #999999;
+  border-spacing: 0;
+  padding: 5px;
+  text-align: left;
+  vertical-align: top;
+}
+
+DIV.summary TABLE THEAD TH {
+  background: #f0f0f0;
+}
+
+/* API documentation styles... */
+div.body h1 {
+  margin: 0;
+}
+div.body h2 {
+  margin-top: 1.5em;
+}
+div.body h3, div.body h4, div.body h5 {
+  margin-bottom: 0.5em;
+  margin-top: 1.5em;
+}
+.class, .enumeration, .function, .struct, .typedef, .union {
+  border-bottom: solid thin #999999;
+  margin-bottom: 0;
+  margin-top: 2em;
+}
+.description {
+  margin-top: 0.5em;
+}
+code, p.code, pre, ul.code li {
+  font-family: monaco, courier, monospace;
+  font-size: 90%;
+}
+ul.code, ul.contents, ul.subcontents {
+  list-style-type: none;
+  margin: 0;
+  padding-left: 0;
+}
+ul.code li {
+  margin: 0;
+}
+ul.contents > li {
+  margin-top: 1em;
+}
+ul.contents li ul.code, ul.contents li ul.subcontents {
+  padding-left: 2em;
+}
+div.body dl {
+  margin-left: 0;
+  margin-top: 0;
+}
+div.body dt {
   font-style: italic;
-  font-size: smaller;
+  margin-left: 0;
+  margin-top: 0;
+}
+div.body dd {
+  margin-bottom: 0.5em;
 }