X-Git-Url: http://git.ipfire.org/?a=blobdiff_plain;f=doc%2Fcups.css;h=7dd628040a6f6dbfb436b697e25138c0687cbb05;hb=2cb772b87fc9f20256a2839c3119be196bb8aa27;hp=a1981b58ae8a038f67218a6ff21493152477d2f7;hpb=a4d045870e17abe8840b77615c0d59f4b332ee31;p=thirdparty%2Fcups.git

diff --git a/doc/cups.css b/doc/cups.css
index a1981b58a..7dd628040 100644
--- a/doc/cups.css
+++ b/doc/cups.css
@@ -1,82 +1,265 @@
+/* Layout CSS */
+.header {
+  background: rgba(46,46,46,.9);
+  box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
+  color: white;
+  left: 0;
+  margin-bottom: 20px;
+  padding: 0px;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+}
+.header ul {
+  list-style: none;
+  margin: 0px;
+  -webkit-margin-before: 0;
+  -webkit-margin-after: 0;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 5px;
+  -webkit-padding-start: 0;
+}
+.header ul li {
+  float: left;
+}
+.header a {
+  display: block;
+  padding: 5px 10px !important;
+}
+.header a:link, .header a:visited {
+  color: white !important;
+  text-decoration: none !important;
+}
+.header a:hover {
+  background: #cccccc !important;
+  color: #333333 !important;
+  text-decoration: none !important;
+}
+.header a.active {
+  background: white !important;
+  box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px inset;
+  color: black !important;
+  text-decoration: none !important;
+}
+
+.body {
+  padding: 40px 20px;
+}
+.row .body {
+  padding: 0px;
+}
+
+.footer {
+  background: rgba(46,46,46,.9);
+  bottom: 0;
+  box-shadow: 0px -2px 5px rgba(0,0,0,0.25);
+  color: #cccccc;
+  font-size: 10px;
+  height: 20px;
+  left: 0;
+  padding: 10px 10px 3px;
+  position: fixed;
+  width: 100%;
+}
+.footer a:link, footer a:hover, .footer a:visited {
+  color: white !important;
+  text-decoration: none !important;
+}
+
+.row {
+  width: 100%;
+  *zoom: 1;
+}
+.row:after {
+  clear: both;
+}
+
+.row .thirds {
+  float: left;
+  margin-left: 0.5%;
+  margin-right: 0;
+  width: 33%;
+}
+.row .thirds:first-child {
+  margin-left: 0;
+}
+
+.row .halves {
+  float: left;
+  margin-left: 0.5%;
+  margin-right: 0;
+  width: 49.75%;
+}
+.row .halves:first-child {
+  margin-left: 0;
+}
+.mobile {
+  display: none;
+}
+.no-mobile {
+  display: inherit;
+}
+
+/* Appearance CSS */
 BODY {
-  background: #cccc99;
-  color: #000000;
-  font-family: sans-serif;
+  background: white;
+  color: black;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
+  margin: 0;
 }
 
 H1, H2, H3, H4, H5, H6, P, TD, TH {
-  font-family: sans-serif;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 }
 
+H1 { font-size: 2em; }
+H2 { font-size: 1.75em; }
+H3 { font-size: 1.5em; }
+H4 { font-size: 1.25em; }
+
 KBD {
   color: #006600;
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
   font-weight: bold;
 }
 
 PRE {
-  color: #7f0000;
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
+}
+
+BLOCKQUOTE {
+  border-left: solid 2px #777;
+  margin: 1em 0;
+  padding: 10px;
+}
+
+BLOCKQUOTE OL LI {
+  margin-left: -1em;
 }
 
-PRE.command {
-  margin-left: 3em;
+PRE.command, PRE.example {
+  background: #eee;
+  margin: 0 36pt;
+  padding: 10px;
 }
 
-PRE EM {
+P.example {
+  font-style: italic;
+  margin-left: 36pt;
+}
+
+DL.man DD {
+  margin-left: 5em;
+}
+
+DL.man DT {
+  margin-left: 0;
+}
+
+PRE.man {
+  margin: 0;
+}
+
+PRE.command EM, PRE.example EM {
   color: #3f0000;
+  font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 }
 
 P.command {
   color: #7f0000;
-  font-family: monospace;
-  margin-left: 3em;
+  font-family: monaco, courier, monospace;
+  margin-left: 36pt;
 }
 
-BLOCKQUOTE {
-  background: #cccc99;
-  border: solid thin #999966;
-  padding: 10px;
+P.formula {
+  font-style: italic;
+  margin-left: 36pt;
+}
+
+A IMG {
+  border: none;
+}
+
+A:link:hover IMG {
+  background: #f0f0f0;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
 }
 
 A:link, A:visited {
+  font-weight: inherit;
   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%;
 }
 
-A.sel, TR.sel {
-  background-color: #eeeebb;
-  color: #993300;
+TD.body {
+  height: 100%;
+  vertical-align: top;
+}
+
+TD.sel, TD.unsel {
+  border-left: thin solid #cccccc;
+  padding: 0px 5px;
+  text-align: center;
+  vertical-align: middle;
+  width: 14%;
+}
+
+TD.sel {
+  background: url(images/sel.gif);
 }
 
-TR.sel TD {
-  padding: 4;
+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;
+  display: block;
+  font-weight: normal;
+  padding: 8px;
+  text-decoration: none;
+}
+
+TD.trailer {
+  background: #f0f0f0;
+  border: solid thin #e0e0e0;
+  color: #666666;
+  font-size: 80%;
+  padding: 5px;
 }
 
-A.unsel {
-  background-color: #666633;
-  color: #e8e8b8;
+TD.trailer A {
+  color: #666699;
 }
 
-A.unsel:link:hover, A.unsel:visited:hover, A.unsel:active {
-  background-color: #999966;
-  color: #663300;
+FORM {
+  display: inline;
 }
 
 INPUT[TYPE="TEXT"], TEXTAREA {
-  font-family: monospace;
+  font-family: monaco, courier, monospace;
 }
 
 INPUT[TYPE="IMAGE"] {
   border: none;
-  padding: 2;
+  padding: 2pt;
   vertical-align: bottom;
 }
 
@@ -84,32 +267,23 @@ 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;
+  margin-top: 10pt;
+  padding: 5pt;
+  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-collapse: collapse;
+  border-spacing: 0;
   margin-left: auto;
   margin-right: auto;
 }
@@ -124,105 +298,424 @@ DIV.table CAPTION {
 }
 
 DIV.table TABLE TD {
-  border: solid thin #bbbb88;
-  padding-top: 5px;
+  background: white;
+  border: solid thin #bbbbbb;
+  padding: 5pt 10pt 0;
 }
 
 DIV.table TABLE TH {
-  background: #bbbb88;
+  background: #f0f0f0;
   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;
   text-align: right;
   vertical-align: top;
 }
 
+TH.sublabel {
+  text-align: right;
+  font-weight: normal;
+}
+
 HR {
   border: solid thin;
 }
 
 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;
 }
 
-H3 SPAN.info {
+H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
   float: right;
   font-size: 100%;
 }
 
 .conflict {
-  color: red;
+  background: red;
+  color: white;
 }
 
-H2.title, H3.title {
-  border-bottom: solid 2px #000000;
+TH.conflict {
+  text-align: right;
 }
 
-IMG.button {
-  border: none;
-  padding: 2;
-  vertical-align: middle;
+H1.title {
+  display: none;
+}
+
+H2.title, H3.title, .row .body H2, .row .body H3 {
+  border-bottom: solid 2pt black;
+}
+
+TABLE.indent {
+  margin-top: 2em;
+  margin-left: auto;
+  margin-right: auto;
+  width: 90%;
+}
+
+TABLE.indent {
+  border-collapse: collapse;
+}
+
+TABLE.indent TD, TABLE.indent TH {
+  padding: 0;
+}
+
+TABLE.list {
+  border-collapse: collapse;
+  margin-left: auto;
+  margin-right: auto;
+  width: 90%;
+}
+
+TABLE.list TH {
+  background: white;
+  border-bottom: solid thin #cccccc;
+  color: #444444;
+  padding-top: 10pt;
+  padding-left: 5pt;
+  text-align: left;
+  vertical-align: bottom;
+  white-space: nowrap;
+}
+
+TABLE.list TH A {
+  color: #4444cc;
+}
+
+TABLE.list TD {
+  border-bottom: solid thin #eeeeee;
+  padding-top: 5pt;
+  padding-left: 5pt;
+}
+
+TABLE.list TR:nth-child(even) {
+  background: #f8f8f8;
+}
+
+TABLE.list TR:nth-child(odd) {
+  background: #f4f4f4;
 }
 
 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: #f0f0f0;
+  border: thin solid #e0e0e0;
+  margin-top: 1em;
+  padding: 0;
+  width: 100%;
+  /* 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.pager {
-  background: #cccc99;
-  border: solid thin #999966;
-  margin-top: 10px;
+TABLE.inset TD {
   padding: 2px;
 }
 
 DT {
-  margin-left: 3em;
-  margin-top: 1em;
+  margin-left: 36pt;
+  margin-top: 12pt;
 }
 
 DD {
-  margin-left: 5em;
+  margin-left: 54pt;
+}
+
+DL.category DT {
+  font-weight: bold;
 }
 
 P.summary {
-  margin-left: 5em;
+  margin-left: 36pt;
+  font-family: monaco, courier, monospace;
+}
+
+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;
+}
+
+DIV.tabs {
+  height: 480px;
+  overflow: hidden;
+}
+
+DIV.tab {
+  float: left;
+  height: 100%;
+  overflow-y: auto;
+  width: 100%;
+}
+
+/* API documentation styles... */
+div.body h1 {
+}
+div.body h2 {
+}
+div.body h3 {
+}
+div.body h4 {
+}
+div.body h5 {
+}
+div.contents {
+}
+div.contents h1 {
+}
+div.contents h2 {
+}
+div.contents ul.contents {
+}
+div.contents ul.contents li ul {
+  display: none;
+}
+
+.class {
+  border-bottom: solid 2px gray;
+}
+.constants {
+}
+.description {
+  margin-top: 0.5em;
+}
+.discussion {
+}
+.enumeration {
+  border-bottom: solid 2px gray;
+}
+.function {
+  border-bottom: solid 2px gray;
+  margin-bottom: 0;
+}
+.members {
+}
+.method {
+}
+.parameters {
+}
+.returnvalue {
+}
+.struct {
+  border-bottom: solid 2px gray;
+}
+.typedef {
+  border-bottom: solid 2px gray;
+}
+.union {
+  border-bottom: solid 2px gray;
+}
+.variable {
+}
+h1, h2, h3, h4, h5, h6 {
+  page-break-inside: avoid;
+}
+blockquote {
+  page-break-inside: avoid;
+}
+p code, li code, p.code, pre, ul.code li {
+  background: rgba(127,127,127,0.1);
+  border: thin dotted gray;
   font-family: monospace;
+  font-size: 90%;
+  hyphens: manual;
+  -webkit-hyphens: manual;
+  page-break-inside: avoid;
+}
+p.code, pre, ul.code li {
+  padding: 10px;
+}
+p code, li code {
+  padding: 2px 5px;
+}
+span.info {
+  background: black;
+  border: solid thin black;
+  color: white;
+  font-size: 80%;
+  font-style: italic;
+  font-weight: bold;
+  white-space: nowrap;
+}
+h3 span.info, h4 span.info {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  float: right;
+  padding: 3px 6px;
+}
+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;
+}
+table.list {
+  border-collapse: collapse;
+  width: 100%;
+}
+table.list tr:nth-child(even) {
+  background: rgba(127,127,127,0.1);]n}
+table.list th {
+  border-right: 2px solid gray;
+  font-family: monospace;
+  padding: 5px 10px 5px 2px;
+  text-align: right;
+  vertical-align: top;
+}
+table.list td {
+  padding: 5px 2px 5px 10px;
+  text-align: left;
+  vertical-align: top;
+}
+
+/* iPhone/iPod touch overrides */
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
+       only screen and (min-device-width: 320px) and (max-device-width: 568px) {
+  .mobile {
+    display: inherit;
+  }
+  .no-mobile {
+    display: none;
+  }
+
+  .header {
+    margin: 0;
+    position: relative;
+  }
+  .header ul li {
+    float: none;
+  }
+
+  .body {
+    paddng: 0px;
+  }
+
+  .footer {
+    font-size: 10px;
+    height: auto;
+    position: relative;
+  }
+
+  .row .thirds, .row .halves {
+    float: none;
+    margin: 0;
+    width: 100%;
+  }
+
+  DIV.sidebar {
+    float: none;
+    margin-left: 0;
+    max-width: 100%;
+    min-width: 100%;
+    width: 100%;
+  }
+
+  BLOCKQUOTE {
+    margin: 0;
+  }
+
+  P.example {
+    margin-left: 0;
+  }
+
+  PRE.command, PRE.example, PRE.man {
+    margin-left: 0;
+    white-space: pre-wrap;
+  }
+}
+
+/* iPad overrides */
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+
+  .mobile {
+    display: inherit;
+  }
+  .no-mobile {
+    display: none;
+  }
 }