]> git.ipfire.org Git - thirdparty/cups.git/blobdiff - doc/cups.css
Fix lpadmin error reporting for IPP Everywhere printers (Issue #5370)
[thirdparty/cups.git] / doc / cups.css
index 8c522609e3eab440896e35247225be8fc8d89c01..6c437db091a60dc40a1304ccd4368544b7525cc7 100644 (file)
@@ -1,7 +1,112 @@
+/* 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: #e8e8e8;
-  color: #000000;
+  background: white;
+  color: black;
   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
+  margin: 0;
 }
 
 H1, H2, H3, H4, H5, H6, P, TD, TH {
@@ -18,18 +123,39 @@ PRE {
   font-family: monaco, courier, monospace;
 }
 
-PRE.command {
-  color: #7f0000;
-  margin-left: 36pt;
+BLOCKQUOTE {
+  border-left: solid 2px #777;
+  margin: 1em 0;
+  padding: 10px;
 }
 
-PRE.example {
-  background: white;
-  border: dotted thin #999999;
-  margin-left: 36pt;
+BLOCKQUOTE OL LI {
+  margin-left: -1em;
+}
+
+PRE.command, PRE.example {
+  background: #eee;
+  margin: 0 36pt;
   padding: 10px;
 }
 
+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;
@@ -46,26 +172,18 @@ P.formula {
   margin-left: 36pt;
 }
 
-BLOCKQUOTE {
-  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;
+  background: #f0f0f0;
   border-radius: 10px;
   -moz-border-radius: 10px;
 }
 
 A:link, A:visited {
+  font-weight: inherit;
   text-decoration: none;
   color: #000099;
 }
@@ -90,8 +208,7 @@ TD.body {
 }
 
 TD.sel, TD.unsel {
-  border-left: thin solid #aaaaaa;
-  font-size: 120%;
+  border-left: thin solid #cccccc;
   padding: 0px 5px;
   text-align: center;
   vertical-align: middle;
@@ -106,31 +223,18 @@ TD.unsel {
   background: url(images/unsel.gif);
 }
 
-TD.sel A, TD.sel A:hover {
-  color: #ffffff;
-  font-weight: normal;
-  text-decoration: none;
-}
-
-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;
+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: #e1e1e1;
-  border: solid thin #cccccc;
+  background: #f0f0f0;
+  border: solid thin #e0e0e0;
   color: #666666;
   font-size: 80%;
   padding: 5px;
@@ -159,7 +263,8 @@ SUB, SUP {
 }
 
 TR.data, TD.data, TR.data TD {
-  padding: 5;
+  margin-top: 10pt;
+  padding: 5pt;
   border-bottom: solid 1pt #999999;
 }
 
@@ -190,11 +295,11 @@ DIV.table CAPTION {
 DIV.table TABLE TD {
   background: white;
   border: solid thin #bbbbbb;
-  padding-top: 5pt;
+  padding: 5pt 10pt 0;
 }
 
 DIV.table TABLE TH {
-  background: #eeeeee;
+  background: #f0f0f0;
   border: none;
   border-bottom: solid thin #999999;
 }
@@ -214,19 +319,23 @@ DIV.figure CAPTION {
 }
 
 TH.label {
-  padding-top: 5pt;
   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;
@@ -239,11 +348,71 @@ H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
 }
 
 .conflict {
-  color: red;
+  background: red;
+  color: white;
 }
 
-H2.title, H3.title {
-  border-bottom: solid 1pt #999999;
+TH.conflict {
+  text-align: right;
+}
+
+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 {
@@ -278,9 +447,11 @@ DIV.sidebar P.l2 {
 }
 
 TABLE.inset {
-  background: #e1e1e1;
-  border: inset 1px #dddddd;
+  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;
@@ -296,7 +467,7 @@ TABLE.inset CAPTION {
 }
 
 TABLE.inset TD {
-  padding: 5px;
+  padding: 2px;
 }
 
 DT {
@@ -334,31 +505,115 @@ DIV.summary TABLE TD, DIV.summary TABLE TH {
 }
 
 DIV.summary TABLE THEAD TH {
-  background: #eeeeee;
+  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 {
-  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;
+div.body h3 {
 }
-.class, .enumeration, .function, .struct, .typedef, .union {
-  border-bottom: solid thin #999999;
-  margin-bottom: 0;
-  margin-top: 2em;
+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;
 }
-code, p.code, pre, ul.code li {
-  font-family: monaco, courier, monospace;
+.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;
@@ -374,15 +629,88 @@ ul.contents > li {
 ul.contents li ul.code, ul.contents li ul.subcontents {
   padding-left: 2em;
 }
-div.body dl {
-  margin-left: 0;
-  margin-top: 0;
+table.list {
+  border-collapse: collapse;
+  width: 100%;
 }
-div.body dt {
-  font-style: italic;
-  margin-left: 0;
-  margin-top: 0;
+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;
 }
-div.body dd {
-  margin-bottom: 0.5em;
+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;
+  }
 }