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