doc/cups.css

   1 /* Layout CSS */
   2 .header {
   3   background: rgba(46,46,46,.9);
   4   box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
   5   color: white;
   6   left: 0;
   7   margin-bottom: 20px;
   8   padding: 0px;
   9   position: fixed;
  10   right: 0;
  11   top: 0;
  12   width: 100%;
  13 }
  14 .header ul {
  15   list-style: none;
  16   margin: 0px;
  17   -webkit-margin-before: 0;
  18   -webkit-margin-after: 0;
  19   -webkit-margin-start: 0;
  20   -webkit-margin-end: 5px;
  21   -webkit-padding-start: 0;
  22 }
  23 .header ul li {
  24   float: left;
  25 }
  26 .header a {
  27   display: block;
  28   padding: 5px 10px !important;
  29 }
  30 .header a:link, .header a:visited {
  31   color: white !important;
  32   text-decoration: none !important;
  33 }
  34 .header a:hover {
  35   background: #cccccc !important;
  36   color: #333333 !important;
  37   text-decoration: none !important;
  38 }
  39 .header a.active {
  40   background: white !important;
  41   box-shadow: rgba(0,0,0,0.1) 0px 0px 10px 0px inset;
  42   color: black !important;
  43   text-decoration: none !important;
  44 }
  45
  46 .body {
  47   padding: 40px 20px;
  48 }
  49 .row .body {
  50   padding: 0px;
  51 }
  52
  53 .footer {
  54   background: rgba(46,46,46,.9);
  55   bottom: 0;
  56   box-shadow: 0px -2px 5px rgba(0,0,0,0.25);
  57   color: #cccccc;
  58   font-size: 10px;
  59   height: 20px;
  60   left: 0;
  61   padding: 10px 10px 3px;
  62   position: fixed;
  63   width: 100%;
  64 }
  65 .footer a:link, footer a:hover, .footer a:visited {
  66   color: white !important;
  67   text-decoration: none !important;
  68 }
  69
  70 .row {
  71   width: 100%;
  72   *zoom: 1;
  73 }
  74 .row:after {
  75   clear: both;
  76 }
  77
  78 .row .thirds {
  79   float: left;
  80   margin-left: 0.5%;
  81   margin-right: 0;
  82   width: 33%;
  83 }
  84 .row .thirds:first-child {
  85   margin-left: 0;
  86 }
  87
  88 .row .halves {
  89   float: left;
  90   margin-left: 0.5%;
  91   margin-right: 0;
  92   width: 49.75%;
  93 }
  94 .row .halves:first-child {
  95   margin-left: 0;
  96 }
  97 .mobile {
  98   display: none;
  99 }
 100 .no-mobile {
 101   display: inherit;
 102 }
 103
 104 /* Appearance CSS */
 105 BODY {
 106   background: white;
 107   color: black;
 108   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 109   margin: 0;
 110 }
 111
 112 H1, H2, H3, H4, H5, H6, P, TD, TH {
 113   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 114 }
 115
 116 KBD {
 117   color: #006600;
 118   font-family: monaco, courier, monospace;
 119   font-weight: bold;
 120 }
 121
 122 PRE {
 123   font-family: monaco, courier, monospace;
 124 }
 125
 126 BLOCKQUOTE {
 127   border-left: solid 2px #777;
 128   margin: 1em 0;
 129   padding: 10px;
 130 }
 131
 132 BLOCKQUOTE OL LI {
 133   margin-left: -1em;
 134 }
 135
 136 PRE.command, PRE.example {
 137   background: #eee;
 138   margin: 0 36pt;
 139   padding: 10px;
 140 }
 141
 142 P.example {
 143   font-style: italic;
 144   margin-left: 36pt;
 145 }
 146
 147 DL.man DD {
 148   margin-left: 5em;
 149 }
 150
 151 DL.man DT {
 152   margin-left: 0;
 153 }
 154
 155 PRE.man {
 156   margin: 0;
 157 }
 158
 159 PRE.command EM, PRE.example EM {
 160   color: #3f0000;
 161   font-family: lucida grande, geneva, helvetica, arial, sans-serif;
 162 }
 163
 164 P.command {
 165   color: #7f0000;
 166   font-family: monaco, courier, monospace;
 167   margin-left: 36pt;
 168 }
 169
 170 P.formula {
 171   font-style: italic;
 172   margin-left: 36pt;
 173 }
 174
 175 A IMG {
 176   border: none;
 177 }
 178
 179 A:link:hover IMG {
 180   background: #f0f0f0;
 181   border-radius: 10px;
 182   -moz-border-radius: 10px;
 183 }
 184
 185 A:link, A:visited {
 186   font-weight: inherit;
 187   text-decoration: none;
 188   color: #000099;
 189 }
 190
 191 A:link:hover, A:visited:hover, A:active {
 192   text-decoration: underline;
 193   color: #990099;
 194 }
 195
 196 TABLE.page {
 197   border: none;
 198   border-collapse: collapse;
 199   height: 100%;
 200   margin: 0;
 201   padding: 0;
 202   width: 100%;
 203 }
 204
 205 TD.body {
 206   height: 100%;
 207   vertical-align: top;
 208 }
 209
 210 TD.sel, TD.unsel {
 211   border-left: thin solid #cccccc;
 212   padding: 0px 5px;
 213   text-align: center;
 214   vertical-align: middle;
 215   width: 14%;
 216 }
 217
 218 TD.sel {
 219   background: url(images/sel.gif);
 220 }
 221
 222 TD.unsel {
 223   background: url(images/unsel.gif);
 224 }
 225
 226 TD.sel A, TD.sel A:hover, TD.unsel A:link:hover, TD.unsel A:visited:hover,
 227 TD.unsel A:active, TD.unsel A, TD.unsel A:visited {
 228   color: #666666;
 229   display: block;
 230   font-weight: normal;
 231   padding: 8px;
 232   text-decoration: none;
 233 }
 234
 235 TD.trailer {
 236   background: #f0f0f0;
 237   border: solid thin #e0e0e0;
 238   color: #666666;
 239   font-size: 80%;
 240   padding: 5px;
 241 }
 242
 243 TD.trailer A {
 244   color: #666699;
 245 }
 246
 247 FORM {
 248   display: inline;
 249 }
 250
 251 INPUT[TYPE="TEXT"], TEXTAREA {
 252   font-family: monaco, courier, monospace;
 253 }
 254
 255 INPUT[TYPE="IMAGE"] {
 256   border: none;
 257   padding: 2pt;
 258   vertical-align: bottom;
 259 }
 260
 261 SUB, SUP {
 262   font-size: 50%;
 263 }
 264
 265 TR.data, TD.data, TR.data TD {
 266   margin-top: 10pt;
 267   padding: 5pt;
 268   border-bottom: solid 1pt #999999;
 269 }
 270
 271 TR.data TH {
 272   border-bottom: solid 1pt #999999;
 273   padding-top: 10pt;
 274   padding-left: 5pt;
 275   text-align: left;
 276 }
 277
 278 DIV.table TABLE {
 279   border: solid thin #999999;
 280   border-collapse: collapse;
 281   border-spacing: 0;
 282   margin-left: auto;
 283   margin-right: auto;
 284 }
 285
 286 DIV.table CAPTION {
 287   caption-side: top;
 288   font-size: 120%;
 289   font-style: italic;
 290   font-weight: bold;
 291   margin-left: auto;
 292   margin-right: auto;
 293 }
 294
 295 DIV.table TABLE TD {
 296   background: white;
 297   border: solid thin #bbbbbb;
 298   padding: 5pt 10pt 0;
 299 }
 300
 301 DIV.table TABLE TH {
 302   background: #f0f0f0;
 303   border: none;
 304   border-bottom: solid thin #999999;
 305 }
 306
 307 DIV.figure TABLE {
 308   margin-left: auto;
 309   margin-right: auto;
 310 }
 311
 312 DIV.figure CAPTION {
 313   caption-side: bottom;
 314   font-size: 120%;
 315   font-style: italic;
 316   font-weight: bold;
 317   margin-left: auto;
 318   margin-right: auto;
 319 }
 320
 321 TH.label {
 322   text-align: right;
 323   vertical-align: top;
 324 }
 325
 326 TH.sublabel {
 327   text-align: right;
 328   font-weight: normal;
 329 }
 330
 331 HR {
 332   border: solid thin;
 333 }
 334
 335 SPAN.info {
 336   background: black;
 337   border: thin solid black;
 338   color: white;
 339   font-size: 80%;
 340   font-style: italic;
 341   font-weight: bold;
 342   white-space: nowrap;
 343 }
 344
 345 H2 SPAN.info, H3 SPAN.info, H4 SPAN.info {
 346   float: right;
 347   font-size: 100%;
 348 }
 349
 350 .conflict {
 351   background: red;
 352   color: white;
 353 }
 354
 355 TH.conflict {
 356   text-align: right;
 357 }
 358
 359 H1.title {
 360   display: none;
 361 }
 362
 363 H2.title, H3.title, .row .body H2, .row .body H3 {
 364   border-bottom: solid 2pt black;
 365 }
 366
 367 TABLE.indent {
 368   margin-top: 2em;
 369   margin-left: auto;
 370   margin-right: auto;
 371   width: 90%;
 372 }
 373
 374 TABLE.indent {
 375   border-collapse: collapse;
 376 }
 377
 378 TABLE.indent TD, TABLE.indent TH {
 379   padding: 0;
 380 }
 381
 382 TABLE.list {
 383   border-collapse: collapse;
 384   margin-left: auto;
 385   margin-right: auto;
 386   width: 90%;
 387 }
 388
 389 TABLE.list TH {
 390   background: white;
 391   border-bottom: solid thin #cccccc;
 392   color: #444444;
 393   padding-top: 10pt;
 394   padding-left: 5pt;
 395   text-align: left;
 396   vertical-align: bottom;
 397   white-space: nowrap;
 398 }
 399
 400 TABLE.list TH A {
 401   color: #4444cc;
 402 }
 403
 404 TABLE.list TD {
 405   border-bottom: solid thin #eeeeee;
 406   padding-top: 5pt;
 407   padding-left: 5pt;
 408 }
 409
 410 TABLE.list TR:nth-child(even) {
 411   background: #f8f8f8;
 412 }
 413
 414 TABLE.list TR:nth-child(odd) {
 415   background: #f4f4f4;
 416 }
 417
 418 DIV.sidebar {
 419   float: right;
 420   min-width: 25%;
 421   margin-left: 10px;
 422   max-width: 33%;
 423 }
 424
 425 DIV.sidebar P.l0 {
 426   margin-bottom: 0;
 427   margin-left: 0;
 428   margin-right: 0;
 429   margin-top: 12pt;
 430 }
 431
 432 DIV.sidebar P.l1 {
 433   margin-bottom: 0;
 434   margin-left: 36pt;
 435   margin-right: 0;
 436   margin-top: 0;
 437   text-indent: -18pt;
 438 }
 439
 440 DIV.sidebar P.l2 {
 441   font-style: italic;
 442   margin-bottom: 0;
 443   margin-left: 54pt;
 444   margin-right: 0;
 445   margin-top: 0;
 446   text-indent: -18pt;
 447 }
 448
 449 TABLE.inset {
 450   background: #f0f0f0;
 451   border: thin solid #e0e0e0;
 452   margin-top: 1em;
 453   padding: 0;
 454   width: 100%;
 455   /* These are not implemented by all browsers, but that's OK */
 456   border-radius: 5px;
 457   -moz-border-radius: 5px;
 458 }
 459
 460 TABLE.inset CAPTION {
 461   caption-side: top;
 462   color: #666666;
 463   font-size: 80%;
 464   margin-left: 10px;
 465   margin-bottom: 2px;
 466   text-align: left;
 467 }
 468
 469 TABLE.inset TD {
 470   padding: 2px;
 471 }
 472
 473 DT {
 474   margin-left: 36pt;
 475   margin-top: 12pt;
 476 }
 477
 478 DD {
 479   margin-left: 54pt;
 480 }
 481
 482 DL.category DT {
 483   font-weight: bold;
 484 }
 485
 486 P.summary {
 487   margin-left: 36pt;
 488   font-family: monaco, courier, monospace;
 489 }
 490
 491 DIV.summary TABLE {
 492   border: solid thin #999999;
 493   border-collapse: collapse;
 494   border-spacing: 0;
 495   margin: 10px;
 496 }
 497
 498 DIV.summary TABLE TD, DIV.summary TABLE TH {
 499   background: white;
 500   border: solid thin #999999;
 501   border-spacing: 0;
 502   padding: 5px;
 503   text-align: left;
 504   vertical-align: top;
 505 }
 506
 507 DIV.summary TABLE THEAD TH {
 508   background: #f0f0f0;
 509 }
 510
 511 DIV.tabs {
 512   height: 480px;
 513   overflow: hidden;
 514 }
 515
 516 DIV.tab {
 517   float: left;
 518   height: 100%;
 519   overflow-y: auto;
 520   width: 100%;
 521 }
 522
 523 /* API documentation styles... */
 524 div.body h1 {
 525 }
 526 div.body h2 {
 527 }
 528 div.body h3 {
 529 }
 530 div.body h4 {
 531 }
 532 div.body h5 {
 533 }
 534 div.contents {
 535 }
 536 div.contents h1 {
 537 }
 538 div.contents h2 {
 539 }
 540 div.contents ul.contents {
 541 }
 542 div.contents ul.contents li ul {
 543   display: none;
 544 }
 545
 546 .class {
 547   border-bottom: solid 2px gray;
 548 }
 549 .constants {
 550 }
 551 .description {
 552   margin-top: 0.5em;
 553 }
 554 .discussion {
 555 }
 556 .enumeration {
 557   border-bottom: solid 2px gray;
 558 }
 559 .function {
 560   border-bottom: solid 2px gray;
 561   margin-bottom: 0;
 562 }
 563 .members {
 564 }
 565 .method {
 566 }
 567 .parameters {
 568 }
 569 .returnvalue {
 570 }
 571 .struct {
 572   border-bottom: solid 2px gray;
 573 }
 574 .typedef {
 575   border-bottom: solid 2px gray;
 576 }
 577 .union {
 578   border-bottom: solid 2px gray;
 579 }
 580 .variable {
 581 }
 582 h1, h2, h3, h4, h5, h6 {
 583   page-break-inside: avoid;
 584 }
 585 blockquote {
 586   page-break-inside: avoid;
 587 }
 588 p code, li code, p.code, pre, ul.code li {
 589   background: rgba(127,127,127,0.1);
 590   border: thin dotted gray;
 591   font-family: monospace;
 592   font-size: 90%;
 593   hyphens: manual;
 594   -webkit-hyphens: manual;
 595   page-break-inside: avoid;
 596 }
 597 p.code, pre, ul.code li {
 598   padding: 10px;
 599 }
 600 p code, li code {
 601   padding: 2px 5px;
 602 }
 603 span.info {
 604   background: black;
 605   border: solid thin black;
 606   color: white;
 607   font-size: 80%;
 608   font-style: italic;
 609   font-weight: bold;
 610   white-space: nowrap;
 611 }
 612 h3 span.info, h4 span.info {
 613   border-top-left-radius: 10px;
 614   border-top-right-radius: 10px;
 615   float: right;
 616   padding: 3px 6px;
 617 }
 618 ul.code, ul.contents, ul.subcontents {
 619   list-style-type: none;
 620   margin: 0;
 621   padding-left: 0;
 622 }
 623 ul.code li {
 624   margin: 0;
 625 }
 626 ul.contents > li {
 627   margin-top: 1em;
 628 }
 629 ul.contents li ul.code, ul.contents li ul.subcontents {
 630   padding-left: 2em;
 631 }
 632 table.list {
 633   border-collapse: collapse;
 634   width: 100%;
 635 }
 636 table.list tr:nth-child(even) {
 637   background: rgba(127,127,127,0.1);]n}
 638 table.list th {
 639   border-right: 2px solid gray;
 640   font-family: monospace;
 641   padding: 5px 10px 5px 2px;
 642   text-align: right;
 643   vertical-align: top;
 644 }
 645 table.list td {
 646   padding: 5px 2px 5px 10px;
 647   text-align: left;
 648   vertical-align: top;
 649 }
 650
 651 /* iPhone/iPod touch overrides */
 652 @media only screen and (min-device-width: 320px) and (max-device-width: 480px),
 653        only screen and (min-device-width: 320px) and (max-device-width: 568px) {
 654   .mobile {
 655     display: inherit;
 656   }
 657   .no-mobile {
 658     display: none;
 659   }
 660
 661   .header {
 662     margin: 0;
 663     position: relative;
 664   }
 665   .header ul li {
 666     float: none;
 667   }
 668
 669   .body {
 670     paddng: 0px;
 671   }
 672
 673   .footer {
 674     font-size: 10px;
 675     height: auto;
 676     position: relative;
 677   }
 678
 679   .row .thirds, .row .halves {
 680     float: none;
 681     margin: 0;
 682     width: 100%;
 683   }
 684
 685   DIV.sidebar {
 686     float: none;
 687     margin-left: 0;
 688     max-width: 100%;
 689     min-width: 100%;
 690     width: 100%;
 691   }
 692
 693   BLOCKQUOTE {
 694     margin: 0;
 695   }
 696
 697   P.example {
 698     margin-left: 0;
 699   }
 700
 701   PRE.command, PRE.example, PRE.man {
 702     margin-left: 0;
 703     white-space: pre-wrap;
 704   }
 705 }
 706
 707 /* iPad overrides */
 708 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 709
 710   .mobile {
 711     display: inherit;
 712   }
 713   .no-mobile {
 714     display: none;
 715   }
 716 }