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