]> git.ipfire.org Git - thirdparty/cups.git/blobdiff - doc/cups.css
Import CUPS 1.4svn r7023 into easysw/current.
[thirdparty/cups.git] / doc / cups.css
index c33a47c7bbe6e48a532c81aa70673a53f051dcd0..6d356f6d051d345d337e87ea25342cec4d6aade1 100644 (file)
@@ -1,5 +1,5 @@
 BODY {
-  background: #cccc99;
+  background: #e8e8e8;
   color: #000000;
   font-family: sans-serif;
 }
@@ -15,59 +15,125 @@ KBD {
 }
 
 PRE {
-  color: #7f0000;
   font-family: monospace;
 }
 
 PRE.command {
-  margin-left: 3em;
+  color: #7f0000;
+  margin-left: 36pt;
 }
 
-PRE EM {
+PRE.command EM {
   color: #3f0000;
 }
 
 P.command {
   color: #7f0000;
   font-family: monospace;
-  margin-left: 3em;
+  margin-left: 36pt;
+}
+
+P.formula {
+  font-style: italic;
+  margin-left: 36pt;
 }
 
 BLOCKQUOTE {
-  background: #cccc99;
-  border: solid thin #999966;
+  background: #e1e1e1;
+  border: inset 1px #dddddd;
   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: #e0e0e0;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
 }
 
 A:link, A:visited {
   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;
+}
+
+TABLE.page {
+  border: none;
+  border-collapse: collapse;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+
+TD.body {
+  height: 100%;
+  vertical-align: top;
+}
+
+TD.sel, TD.unsel {
+  border-left: thin solid #aaaaaa;
+  font-size: 120%;
+  padding: 0px 5px;
+  text-align: center;
+  vertical-align: middle;
+  width: 14%;
 }
 
-A.sel, TR.sel {
-  background-color: #eeeebb;
-  color: #993300;
+TD.sel {
+  background: url(images/sel.gif);
 }
 
-TR.sel TD {
-  padding: 4;
+TD.unsel {
+  background: url(images/unsel.gif);
 }
 
-A.unsel {
-  background-color: #666633;
-  color: #e8e8b8;
+TD.sel A, TD.sel A:hover {
+  color: #ffffff;
+  font-weight: normal;
+  text-decoration: none;
 }
 
-A.unsel:link:hover, A.unsel:visited:hover, A.unsel:active {
-  background-color: #999966;
-  color: #663300;
+TD.unsel A, TD.unsel A:visited {
+  color: #333333;
+  font-weight: normal;
+}
+
+TD.unsel:hover {
+  background: url(images/unsel-hover.gif);
+  color: #ffffff;
+}
+
+TD.unsel A:link:hover, TD.unsel A:visited:hover, TD.unsel A:active {
+  color: #ffffff;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+TD.trailer {
+  background: #e1e1e1;
+  border: solid thin #cccccc;
+  color: #666666;
+  font-size: 80%;
+  padding: 5px;
+}
+
+TD.trailer A {
+  color: #666699;
+}
+
+FORM {
+  display: inline;
 }
 
 INPUT[TYPE="TEXT"], TEXTAREA {
@@ -76,7 +142,7 @@ INPUT[TYPE="TEXT"], TEXTAREA {
 
 INPUT[TYPE="IMAGE"] {
   border: none;
-  padding: 2;
+  padding: 2pt;
   vertical-align: bottom;
 }
 
@@ -84,32 +150,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: 20px;
-  padding-bottom: 20px;
-}
-
 TR.data, TD.data, TR.data TD {
   padding: 5;
-  border-bottom: solid 2px #000000;
+  border-bottom: solid 1pt #999999;
 }
 
 TR.data TH {
-  border-bottom: solid 2px #000000;
-  padding-top: 10;
-  padding-left: 5;
+  border-bottom: solid 1pt #999999;
+  padding-top: 10pt;
+  padding-left: 5pt;
   text-align: left;
 }
 
 DIV.table TABLE {
-  border: solid thin #999966;
-  border-spacing: 0px;
+  border: solid thin #999999;
+  border-spacing: 0;
   margin-left: auto;
   margin-right: auto;
 }
@@ -124,18 +179,32 @@ DIV.table CAPTION {
 }
 
 DIV.table TABLE TD {
-  border: solid thin #bbbb88;
-  padding-top: 5px;
+  border: solid thin #bbbbbb;
+  padding-top: 5pt;
 }
 
 DIV.table TABLE TH {
-  background: #bbbb88;
+  background: #bbbbbb;
   border: none;
-  border-bottom: solid thin #999966;
+  border-bottom: solid thin #999999;
+}
+
+DIV.figure TABLE {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+DIV.figure CAPTION {
+  caption-side: bottom;
+  font-size: 120%;
+  font-style: italic;
+  font-weight: bold;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 TH.label {
-  padding-top: 10;
+  padding-top: 5pt;
   text-align: right;
   vertical-align: top;
 }
@@ -154,7 +223,7 @@ SPAN.info {
   white-space: nowrap;
 }
 
-H3 SPAN.info {
+H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
   float: right;
   font-size: 100%;
 }
@@ -164,44 +233,81 @@ H3 SPAN.info {
 }
 
 H2.title, H3.title {
-  border-bottom: solid 2px #000000;
-}
-
-IMG.button {
-  border: none;
-  padding: 2;
-  vertical-align: middle;
+  border-bottom: solid 1pt #999999;
 }
 
 DIV.sidebar {
-  background: #ddddaa;
-  border: solid 2px #cccc99;
   float: right;
+  min-width: 25%;
   margin-left: 10px;
-  padding: 5;
-  width: 25%;
+  max-width: 33%;
 }
 
 DIV.sidebar P.l0 {
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
-  margin-top: 1em;
+  margin-top: 12pt;
 }
 
 DIV.sidebar P.l1 {
   margin-bottom: 0;
-  margin-left: 3em;
+  margin-left: 36pt;
   margin-right: 0;
   margin-top: 0;
-  text-indent: -2em;
+  text-indent: -18pt;
 }
 
 DIV.sidebar P.l2 {
   font-style: italic;
   margin-bottom: 0;
-  margin-left: 4em;
+  margin-left: 54pt;
   margin-right: 0;
   margin-top: 0;
-  text-indent: -2em;
+  text-indent: -18pt;
+}
+
+TABLE.inset {
+  background: #e1e1e1;
+  border: inset 1px #dddddd;
+  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 {
+  margin-left: 36pt;
+  margin-top: 12pt;
+}
+
+DD {
+  margin-left: 54pt;
+}
+
+DL.category DT {
+  font-weight: bold;
+}
+
+P.summary {
+  margin-left: 36pt;
+  font-family: monospace;
+}
+
+SPAN.message {
+  font-style: italic;
+  font-size: smaller;
 }