]>
git.ipfire.org Git - thirdparty/cups.git/blob - doc/cups.css
2 @import url
('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Source+Code+Pro&display=swap');
6 background: rgba
(46,46,46,.9);
7 box-shadow: 0 2px 5px rgba
(0,0,0,0.25);
21 -webkit-margin-before: 0;
22 -webkit-margin-after: 0;
23 -webkit-margin-start: 0;
24 -webkit-margin-end: 5px;
25 -webkit-padding-start: 0;
30 .cups-header ul li.right {
35 padding: 18px 30px !important
;
38 padding: 16px 24px 8px !important
;
40 .cups-header a:link, .cups-header a:visited {
41 color: white
!important
;
42 text-decoration: none
!important
;
44 .cups-header a:hover {
45 background: #cccccc !important
;
46 color: #333333 !important
;
47 text-decoration: none
!important
;
49 .cups-header a.active {
50 background: white
!important
;
51 box-shadow: rgba
(0,0,0,0.1) 0 0 10px 0 inset
;
52 color: black
!important
;
53 text-decoration: none
!important
;
57 padding: 15px 15px !important
;
59 .cups-header span.label {
63 padding: 15px 0 !important
;
76 background: rgba
(46,46,46,.9);
78 box-shadow: 0 -2px 5px rgba
(0,0,0,0.25);
83 padding: 10px 10px 3px;
87 .cups-footer a:link, footer a:hover, .cups-footer a:visited {
88 color: white
!important
;
89 text-decoration: none
!important
;
104 padding-bottom: 40px;
107 .row .thirds:first-child {
115 padding-bottom: 40px;
118 .row .halves:first-child {
122 .row .thirds h1, .row .halves h1, .row h1 {
137 font-family: 'Open Sans', sans-serif
;
142 h1
, h2
, h3
, h4
, h5
, h6
, p
, td
, th
{
143 font-family: 'Open Sans', sans-serif
;
146 h1
{ font-size: 2em; }
147 h2
{ font-size: 1.75em; }
148 h3
{ font-size: 1.5em; }
149 h4
{ font-size: 1.25em; }
151 code
, kbd
, pre
, tt
, input
[type
=text
], p
.command
, p
.summary
, p code
, li code
, p
.code
, ul
.code li
, textarea
{
152 font-family: 'Source Code Pro', monospace
;
161 white-space: pre-wrap
;
165 background: rgba
(191,191,191,0.1);
166 border-left: solid
2px #777;
175 pre
.command
, pre
.example
{
196 pre
.command EM
, pre
.example EM
{
217 -moz-border-radius: 10px;
221 font-weight: inherit
;
222 text-decoration: none
;
226 a:link:hover
, a:visited:hover
, a:active
{
227 text-decoration: underline
;
233 border-collapse: collapse
;
247 border: solid thin
#e0e0e0;
261 button
, input
[type
=button
], input
[type
=submit
], select
{
265 font-family: inherit
;
269 text-decoration: none
;
271 -moz-appearance: none
;
272 -webkit-appearance: none
;
274 button
, input
[type
=button
], input
[type
=file
], input
[type
=submit
] {
278 button:hover
, input
[type
=button
]:hover
, input
[type
=file
]:hover
, input
[type
=submit
]:hover
{
282 button:active
, input
[type
=button
]:active
, input
[type
=file
]:active
, input
[type
=submit
]:active
{
287 -webkit-appearance: textfield
;
289 input
[type
=search
], input
[type
=text
] {
293 background: #ccc url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
295 padding: 4px 32px 4px 8px;
298 background: #ddd url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23000000' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
304 input
[type
="image"] {
307 vertical-align: bottom
;
314 tr
.data
, td
.data
, tr
.data td
{
317 border-bottom: solid
1pt #999999;
321 border-bottom: solid
1pt #999999;
328 border: solid thin rgba
(191,191,191,.3);
329 border-collapse: collapse
;
346 border: solid thin rgba
(191,191,191,.45);
351 background: rgba
(191,191,191,.15);
353 border-bottom: solid thin rgba
(191,191,191,.3);
362 caption-side: bottom
;
386 border: thin solid black
;
394 h2 span
.info
, h3 span
.info
, h4 span
.info
{
408 h1
.title
, h2
.title
, h3
.title
, .row
.cups-body h2
, .row
.cups-body h3
{
409 border-bottom: solid
2pt black
;
420 border-collapse: collapse
;
423 table
.indent td
, table
.indent th
{
428 border-collapse: collapse
;
436 border-bottom: solid thin
#cccccc;
437 border-right: 2px solid rgba
(191,191,191,.45);
439 padding: 5px 10px 5px 12px;
441 vertical-align: bottom
;
450 border-bottom: solid thin rgba
(191,191,191,.45);
451 padding: 5px 2px 5px 10px;
454 table
.list
tr:nth-child
(even
) {
455 background: rgba
(191,191,191,0.15);
458 table
.list
tr:nth-child
(odd
) {
459 background: rgba
(191,191,191,0.3);
495 border: thin solid rgba
(191,191,191,0.5);
499 /* these are not implemented by all browsers, but that's ok */
501 -moz-border-radius: 5px;
504 table
.inset caption
{
535 border: solid thin
#999999;
536 border-collapse: collapse
;
541 div
.summary table td
, div
.summary table th
{
543 border: solid thin
#999999;
550 div
.summary table thead th
{
566 /* API documentation styles... */
583 div
.contents ul
.contents
{
585 div
.contents ul
.contents li ul
{
590 border-bottom: solid
2px gray
;
600 border-bottom: solid
2px gray
;
603 border-bottom: solid
2px gray
;
615 border-bottom: solid
2px gray
;
618 border-bottom: solid
2px gray
;
621 border-bottom: solid
2px gray
;
625 h1
, h2
, h3
, h4
, h5
, h6
{
626 page-break-inside: avoid
;
629 page-break-inside: avoid
;
631 p
.code
, pre
, ul
.code li
{
632 border-left: thin dotted gray
;
633 background: rgba
(191,191,191,0.1);
636 background: rgba
(191,191,191,0.3);
638 p code
, li code
, p
.code
, pre
, ul
.code li
{
641 -webkit-hyphens: manual
;
642 page-break-inside: avoid
;
644 p
.code
, pre
, ul
.code li
{
652 border: solid thin black
;
659 h3 span
.info
, h4 span
.info
{
660 border-top-left-radius: 10px;
661 border-top-right-radius: 10px;
665 ul
.code
, ul
.contents
, ul
.subcontents
{
666 list-style-type: none
;
676 ul
.contents li ul
.code
, ul
.contents li ul
.subcontents
{
680 /* iPhone/iPod touch overrides */
681 @media only screen and
(min-device-width: 320px) and
(max-device-width: 480px),
682 only screen and
(min-device-width: 320px) and
(max-device-width: 568px) {
708 .row .thirds, .row .halves {
730 pre
.command
, pre
.example
, pre
.man
{
732 white-space: pre-wrap
;
737 @media only screen and
(min-device-width: 768px) and
(max-device-width: 1024px) {
746 /* Dark mode overrides */
747 @media (prefers-color-scheme: dark
) {
752 a:link
, a:visited
, table
.list th a
{
755 a:link:hover
, a:visited:hover
, a:active
, table
.list th a
{
764 h2
.title
, h3
.title
, .row
.cups-body h2
, .row
.cups-body h3
{
765 border-bottom: solid
2pt #ccc;
767 div
.table table td
, table
.list th
{
773 button
, input
[type
=button
], input
[type
=file
], input
[type
=submit
] {
777 button:hover
, input
[type
=button
]:hover
, input
[type
=file
]:hover
, input
[type
=submit
]:hover
{
781 button:active
, input
[type
=button
]:active
, input
[type
=file
]:active
, input
[type
=submit
]:active
{
785 input
[type
=search
], input
[type
=text
], textarea
{
790 background: #333 url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23CCCCCC' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;
792 padding: 4px 32px 4px 8px;
795 background: #444 url
("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23DDDDDD' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right
0.75rem center
/8px 10px;