tools/droiddoc/templates/assets/android-developer-docs.css

   1 /* file: android-developer-docs.css
   2    author: smain
   3    date: september 2008
   4    info: developer doc styles (developer.android.com)
   5 */
   6
   7 @import url("android-developer-core.css");
   8
   9 #title {
  10   border-bottom: 4px solid #ccc;
  11   display:none;
  12 }
  13
  14 #title h1 {
  15   color:#336666;
  16   margin:0;
  17   padding: 5px 10px;
  18   font-size: 1em;
  19   line-height: 15px;
  20 }
  21
  22 #title h1 .small{
  23   color:#000;
  24   margin:0;
  25   font-size: 13px;
  26   padding:0 0 0 15px;
  27 }
  28
  29 /* SIDE NAVIGATION */
  30
  31 #side-nav {
  32   padding:0 6px 0 0;
  33   background-color: #fff;
  34   font-size:12px;
  35 }
  36
  37 #side-nav.not-resizable {
  38   background:url('images/sidenav-rule.png') no-repeat 243px 0;
  39 }
  40
  41 #resize-packages-nav {
  42 /* keeps the resize handle below the h-scroll handle */
  43   height:270px;
  44   overflow:hidden;
  45   max-height:100%;
  46 }
  47
  48 #packages-nav {
  49   height:270px;
  50   max-height:inherit;
  51   position:relative;
  52   overflow:auto;
  53 }
  54
  55 #classes-nav,
  56 #devdoc-nav {
  57   overflow:auto;
  58   position:relative;
  59 }
  60
  61 #side-nav ul {
  62   list-style: none;
  63   margin: 0;
  64   padding:5px 0;
  65 }
  66
  67 #side-nav ul ul {
  68   margin: .35em 0 0 0;
  69   padding: 0;
  70 }
  71
  72 #side-nav li {
  73   padding:0;
  74   line-height:16px;
  75   white-space:nowrap;
  76   zoom:1;
  77 }
  78
  79 #side-nav li h2 {
  80   font-size:12px;
  81   font-weight: bold;
  82   margin:.5em 0 0 0;
  83   padding: 3px 0 1px 9px;
  84 }
  85
  86 #side-nav li a {
  87   text-decoration:none;
  88   padding: 0 0 0 18px;
  89   zoom:1;
  90 }
  91
  92 #side-nav li a span+span {
  93   display:none;
  94 }
  95
  96 #side-nav li a:hover {
  97   text-decoration:underline;
  98 }
  99
 100 #side-nav li a+a {
 101   padding: 0;
 102 }
 103
 104 #side-nav li li li a {
 105 /*sdk lists*/
 106   padding: 0 0 0 28px;
 107 }
 108
 109 #side-nav .selected {
 110   background-color: #435a6e;
 111   color: #fff;
 112   font-weight:bold;
 113 }
 114
 115 #side-nav .selected a {
 116   color: #fff;
 117   text-decoration:none;
 118 }
 119
 120 #side-nav strong {
 121   display:block;
 122 }
 123
 124 #side-nav .toggle-img {
 125   margin:0;
 126   padding:0;
 127   position:absolute;
 128   top:0;
 129   left:0;
 130   height:16px;
 131   width:15px;
 132   outline-style:none;
 133 }
 134
 135 #side-nav .closed .toggle-img {
 136   background:url('images/triangle-closed-small.png') 7px 4px no-repeat;
 137 }
 138 #side-nav .open .toggle-img {
 139   background:url('images/triangle-opened-small.png') 7px 4px no-repeat;
 140 }
 141
 142 #side-nav .toggle-list {
 143   position:relative;
 144 }
 145
 146 #side-nav .toggle-list ul {
 147   margin:0;
 148   display:none;
 149 }
 150
 151 #side-nav .toggle-list div {
 152   display:block;
 153 }
 154
 155 #index-links .selected {
 156   background-color: #fff;
 157   color: #000;
 158   font-weight:normal;
 159   text-decoration:none;
 160 }
 161
 162 #index-links {
 163   padding:7px 0 4px 10px;
 164 }
 165
 166 /* nav tree */
 167
 168 #nav-tree ul {
 169   padding:5px 0 1.5em;
 170 }
 171
 172 #side-nav #nav-tree ul li a,
 173 #side-nav #nav-tree ul li span.no-children {
 174   padding: 0 0 0 0;
 175   margin: 0;
 176 }
 177
 178 #nav-tree .plus {
 179   margin: 0 3px 0 0;
 180 }
 181
 182 #nav-tree ul ul {
 183   list-style: none;
 184   margin: 0;
 185   padding: 0 0 0 0;
 186 }
 187
 188 #nav-tree ul li {
 189   margin: 0;
 190   padding: 0 0 0 0;
 191   white-space: nowrap;
 192 }
 193
 194 #nav-tree .children_ul {
 195   margin:0;
 196 }
 197
 198 #nav-tree a.nolink {
 199   color: black;
 200   text-decoration: none;
 201 }
 202
 203 #nav-tree span.label {
 204   width: 100%;
 205 }
 206
 207 #nav-tree {
 208   overflow-x: auto;
 209   overflow-y: scroll;
 210 }
 211
 212 #nav-swap {
 213   font-size:10px;
 214   line-height:10px;
 215   margin-left:1em;
 216   text-decoration:none;
 217   display:block;
 218 }
 219
 220 #tree-link {
 221
 222 }
 223
 224 /* DOCUMENT BODY */
 225
 226 #doc-content {
 227   overflow:auto;
 228 }
 229
 230 #jd-header {
 231   background-color: #E2E2E2;
 232   padding: 7px 15px;
 233 }
 234
 235 #jd-header h1 {
 236   margin: 0 0 10px;
 237   font-size:1.7em;
 238 }
 239
 240 #jd-header .crumb {
 241   font-size:.9em;
 242   line-height:1em;
 243   color:#777;
 244 }
 245
 246 #jd-header .crumb a,
 247 #jd-header .crumb a:visited {
 248   text-decoration:none;
 249   color:#777;
 250 }
 251
 252 #jd-header .crumb a:hover {
 253   text-decoration:underline;
 254 }
 255
 256 #jd-header table {
 257   margin:0;
 258   padding:0;
 259 }
 260
 261 #jd-header td {
 262   border:none;
 263   padding:0;
 264   vertical-align:top;
 265 }
 266
 267 #jd-header.guide-header {
 268   background-color:#fff;
 269   color:#435a6e;
 270   height:50px;
 271 }
 272
 273 #jd-descr {
 274   position:relative;
 275 }
 276
 277 /* summary tables for reference pages */
 278 .jd-sumtable {
 279   margin: .5em 1em 1em 1em;
 280   width:95%; /* consistent table widths; within IE's quirks */
 281   font-size:.9em;
 282 }
 283
 284 .jd-sumtable a {
 285   text-decoration:none;
 286 }
 287
 288 .jd-sumtable a:hover {
 289   text-decoration:underline;
 290 }
 291
 292 /* the link inside a sumtable for "Show All/Hide All" */
 293 .toggle-all {
 294   display:block;
 295   float:right;
 296   font-weight:normal;
 297   font-size:0.9em;
 298 }
 299
 300 /* adjustments for in/direct subclasses tables */
 301 .jd-sumtable-subclasses {
 302   margin: 1em 0 0 0;
 303   max-width:968px;
 304 }
 305
 306 /* extra space between end of method name and open-paren */
 307 .sympad {
 308   margin-right: 2px;
 309 }
 310
 311 /* right alignment for the return type in sumtable */
 312 .jd-sumtable .jd-typecol {
 313   text-align:right;
 314 }
 315
 316 /* adjustments for the expando table-in-table */
 317 .jd-sumtable-expando {
 318   margin:.5em 0;
 319   padding:0;
 320 }
 321
 322 /* a div that holds a short description */
 323 .jd-descrdiv {
 324   padding:3px 1em 0 1em;
 325   margin:0;
 326   border:0;
 327 }
 328
 329 /* page-top-right container for reference pages (holds
 330 links to summary tables) */
 331 #api-info-block {
 332   font-size:.8em;
 333   padding:6px 10px;
 334   font-weight:normal;
 335   float:right;
 336   text-align:right;
 337   color:#999;
 338   max-width:70%;
 339 }
 340
 341 #api-level-toggle {
 342   padding:0 10px;
 343   font-size:11px;
 344   float:right;
 345 }
 346
 347 #api-level-toggle label.disabled {
 348   color:#999;
 349 }
 350
 351 div.api-level {
 352   font-size:.8em;
 353   font-weight:normal;
 354   color:#999;
 355   float:right;
 356   padding:0 7px 0;
 357   margin-top:-25px;
 358 }
 359
 360 #api-info-block div.api-level {
 361   font-size:1.3em;
 362   font-weight:bold;
 363   float:none;
 364   color:#444;
 365   padding:0;
 366   margin:0;
 367 }
 368
 369 /* Force link colors for IE6 */
 370 div.api-level a {
 371   color:#999;
 372 }
 373 #api-info-block div.api-level a:link {
 374   color:#444;
 375 }
 376 #api-level-toggle a {
 377   color:#999;
 378 }
 379
 380 div#naMessage {
 381   display:none;
 382   width:555px;
 383   height:0;
 384   margin:0 auto;
 385 }
 386
 387 div#naMessage div {
 388   width:450px;
 389   position:fixed;
 390   margin:50px 0;
 391   padding:4em 4em 3em;
 392   background:#FFF;
 393   background:rgba(255,255,255,0.7);
 394   border:1px solid #dddd00;
 395 }
 396 /* IE6 can't position fixed */
 397 * html div#naMessage div { position:absolute; }
 398
 399 div#naMessage strong {
 400   font-size:1.1em;
 401 }
 402
 403 .absent,
 404 .absent a:link,
 405 .absent a:visited,
 406 .absent a:hover,
 407 .absent * {
 408   color:#bbb !important;
 409   cursor:default !important;
 410   text-decoration:none !important;
 411 }
 412
 413 #api-level-toggle a,
 414 .api-level a {
 415   color:inherit;
 416   text-decoration:none;
 417 }
 418
 419 #api-level-toggle a:hover,
 420 .api-level a:hover {
 421   color:inherit;
 422   text-decoration:underline !important;
 423   cursor:pointer !important;
 424 }
 425
 426 #side-nav li.absent.selected,
 427 #side-nav li.absent.selected *,
 428 #side-nav div.label.absent.selected,
 429 #side-nav div.label.absent.selected * {
 430   background-color:#eaeaea !important;
 431 }
 432 /* IE6 quirk (won't chain classes, so just keep background blue) */
 433 * html #side-nav li.selected,
 434 * html #side-nav li.selected *,
 435 * html #side-nav div.label.selected,
 436 * html #side-nav div.label.selected * {
 437   background-color: #435a6e !important;
 438 }
 439
 440
 441 .absent h4.jd-details-title,
 442 .absent h4.jd-details-title * {
 443   background-color:#f6f6f6 !important;
 444 }
 445
 446 .absent img {
 447   opacity: .3;
 448   filter: alpha(opacity=30);
 449   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
 450 }
 451
 452
 453 /* applies to a div containing links to summary tables */
 454 .sum-details-links {
 455   padding:0;
 456   font-weight:normal;
 457 }
 458
 459 .sum-details-links a {
 460   text-decoration:none;
 461 }
 462
 463 .sum-details-links a:hover {
 464   text-decoration:underline;
 465 }
 466
 467
 468 /* inheritance table */
 469 .jd-inheritance-table {
 470   border-spacing:0;
 471   margin:0;
 472   padding:0;
 473   font-size:.9em;
 474 }
 475 .jd-inheritance-table td {
 476   border: none;
 477   margin: 0;
 478   padding: 0;
 479 }
 480 .jd-inheritance-table .jd-inheritance-space {
 481   font-weight:bold;
 482   width:1em;
 483 }
 484 .jd-inheritance-table .jd-inheritance-interface-cell {
 485   padding-left: 17px;
 486 }
 487
 488 #jd-content {
 489   padding: 18px 15px;
 490 }
 491
 492 hr {
 493   background-color:#ccc;
 494 }
 495
 496 /* DOC CLASSES */
 497
 498 #jd-content h1 {
 499 /*sdk page*/
 500   font-size:1.6em;
 501   color:#336666;
 502   margin:0 0 .5em;
 503 }
 504
 505 #jd-content h2 {
 506   font-size:1.45em;
 507   color:#111;
 508   border-top:2px solid #ccc;
 509   padding: .5em 0 0;
 510   margin: 1.5em 0 1em 0;
 511   max-width:968px;
 512 }
 513
 514 #jd-content h3 {
 515   font-size:1.2em;
 516   color:#222;
 517   padding: .75em 0 .65em 0;
 518   margin:0;
 519 }
 520
 521 #jd-content h4 {
 522   font-size:1.1em;
 523   margin-bottom:.5em;
 524   color:#222;
 525 }
 526
 527 #jd-content .small-header {
 528   font-size:1em;
 529   color:#000;
 530   font-weight:bold;
 531   border:none;
 532   padding:0;
 533   margin:1em 0 .5em;
 534   position:inherit;
 535 }
 536
 537 #jd-content img {
 538   margin: 0 0 1em 1em;
 539 }
 540
 541 #jd-content li img,
 542 #jd-content dd img {
 543   margin:.5em 0 0 1em;
 544 }
 545
 546 .nolist {
 547   list-style:none;
 548   padding:0;
 549   margin:0 0 1em 1em;
 550 }
 551
 552 .nolist li {
 553   padding:0 0 2px;
 554   margin:0;
 555 }
 556
 557 h4 .normal {
 558   font-size:.9em;
 559   font-weight:normal;
 560 }
 561
 562 .jd-details {
 563 /*  border:1px solid #669999;
 564   padding:4px; */
 565   margin:0 0 1em;
 566 }
 567
 568 /* API reference: a container for the
 569 .tagdata blocks that make up the detailed
 570 description */
 571 .jd-details-descr {
 572   padding:0;
 573   margin:.5em .25em;
 574 }
 575
 576 /* API reference: a block containing
 577 a detailed description, a params table,
 578 seealso list, etc */
 579 .jd-tagdata {
 580   margin:.5em 1em;
 581 }
 582
 583 .jd-tagdata p {
 584   margin:0 0 1em 1em;
 585 }
 586
 587 /* API reference: adjustments to
 588 the detailed description block */
 589 .jd-tagdescr {
 590   margin:.25em 0 .75em 0;
 591   line-height:1em;
 592 }
 593
 594 .jd-tagdescr p {
 595   margin:.5em 0;
 596   padding:0;
 597
 598 }
 599
 600 .jd-tagdescr ol,
 601 .jd-tagdescr ul {
 602   margin:0 2.5em;
 603   padding:0;
 604 }
 605
 606 .jd-tagdescr table,
 607 .jd-tagdescr img {
 608   margin:.25em 1em;
 609 }
 610
 611 .jd-tagdescr li {
 612 margin:0 0 .25em 0;
 613 padding:0;
 614 }
 615
 616 /* API reference: heading marking
 617 the details section for constants,
 618 attrs, methods, etc. */
 619 h4.jd-details-title {
 620   font-size:1.15em;
 621   background-color: #E2E2E2;
 622   margin:1.5em 0 .6em;
 623   padding:3px 95px 3px 3px; /* room for api-level */
 624 }
 625
 626 h4.jd-tagtitle {
 627   margin:0;
 628 }
 629
 630 /* API reference: heading for "Parameters", "See Also", etc.,
 631 in details sections */
 632 h5.jd-tagtitle {
 633   margin:0 0 .25em 0;
 634   font-size:1em;
 635 }
 636
 637 .jd-tagtable {
 638   margin:0;
 639 }
 640
 641 .jd-tagtable td,
 642 .jd-tagtable th {
 643   border:none;
 644   background-color:#fff;
 645   vertical-align:top;
 646   font-weight:normal;
 647   padding:2px 10px;
 648 }
 649
 650 .jd-tagtable th {
 651   font-style:italic;
 652 }
 653
 654 #jd-content table h2 {
 655   background-color: #d6d6d6;
 656   font-size: 1.1em;
 657   margin:0 0 10px;
 658   padding:5px;
 659   left:0;
 660   width:auto;
 661 }
 662
 663 div.special {
 664   padding: .5em 1em 1em 1em;
 665   margin: 0 0 1em;
 666   background-color: #DAF3FC;
 667   border:1px solid #d3ecf5;
 668   border-radius:5px;
 669   -moz-border-radius:5px;
 670   -webkit-border-radius:5px;
 671 }
 672
 673 .toggle-content-toggleme {
 674   display:none;
 675 }
 676
 677 .toggle-content-button {
 678   font-size:.9em;
 679   line-height:.9em;
 680   text-decoration:none;
 681   position:relative;
 682   top:5px;
 683 }
 684
 685 .toggle-content-button:hover {
 686   text-decoration:underline;
 687 }
 688
 689 div.special p {
 690   margin: .5em 0 0 0;
 691 }
 692
 693 div.special ol {
 694   margin: 0;
 695 }
 696
 697 div.special ol li {
 698   margin: 0;
 699   padding: 0;
 700 }
 701
 702 #jd-content div.special h2,
 703 #jd-content div.special h3 {
 704   color:#669999;
 705   font-size:1.2em;
 706   border:none;
 707   margin:0 0 .5em;
 708   padding:0;
 709 }
 710
 711 p.note, p.caution, p.warning {
 712   margin: 1em;
 713   padding: 0 0 0 .5em;
 714   border-left: 4px solid;
 715 }
 716
 717 p.special-note {
 718   background-color:#EBF3DB;
 719   padding:10px 20px;
 720   margin:0 0 1em;
 721 }
 722
 723 p.note {
 724  border-color: #99aacc;
 725 }
 726
 727 p.warning {
 728   border-color: #aa0033;
 729 }
 730
 731 p.caution {
 732   border-color: #ffcf00;
 733 }
 734
 735 p.warning b, p.warning strong {
 736   font-weight: bold;
 737 }
 738
 739 li p.note, li p.warning {
 740   margin: .5em 0 0 0;
 741   padding: .2em .5em .2em .9em;
 742 }
 743
 744 dl.xml dt {
 745   font-variant:small-caps;
 746   font-size:1.2em;
 747 }
 748
 749 dl.xml dl {
 750   padding:0;
 751 }
 752
 753 dl.xml dl dt {
 754   font-variant:normal;
 755   font-size:1em;
 756 }
 757
 758 .listhead li {
 759   font-weight: bold;
 760 }
 761
 762 .listhead li *, /*ie*/.listhead li li {
 763   font-weight: normal;
 764 }
 765
 766 ol.no-style,
 767 ul.no-style {
 768   list-style:none;
 769   padding-left:1em;
 770 }
 771
 772 .new {
 773   font-size: .78em;
 774   font-weight: bold;
 775   color: red;
 776   text-decoration: none;
 777   vertical-align:top;
 778   line-height:.9em;
 779 }
 780
 781 pre.classic {
 782   background-color:transparent;
 783   border:none;
 784   padding:0;
 785 }
 786
 787
 788 /* BEGIN quickview sidebar element styles */
 789
 790 #qv-wrapper {
 791   float: right;
 792   width:310px;
 793   background-color:#fff;
 794   margin:-48px 0 2px 0;
 795   padding:0 0 20px 35px;
 796 }
 797
 798 #qv {
 799   background-color:#fff;
 800   border:4px solid #dee8f1;
 801   margin:0;
 802   padding:0 6px 6px;
 803   width:270px;
 804   font-size:.9em;
 805 }
 806
 807 #qv ol {
 808   list-style:none;
 809   padding: 0;
 810 }
 811
 812 #qv ol ol{
 813   list-style:none;
 814   padding: 0 0 0 12px;
 815   margin:0;
 816 }
 817
 818 #qv ul {
 819   padding: 0 10px 0 2em;
 820 }
 821
 822 #qv li {
 823   padding: 0 10px 3px;
 824   line-height: 1.2em;
 825 }
 826
 827 #qv li li {
 828   padding: 3px 10px 0;
 829 }
 830
 831 #qv ul li {
 832   padding: 0 10px 0 0;
 833 }
 834
 835 #qv li.selected a {
 836   color:#555;
 837   text-decoration:none;
 838 }
 839
 840 #qv a {
 841   color:#cc6600;
 842 }
 843
 844 #qv p {
 845   margin:8px 0 0;
 846   padding:0 10px;
 847 }
 848
 849 #qv-extra #rule {
 850   padding: 0 10px;
 851   margin: 0;
 852 }
 853
 854 #qv-sub-rule {
 855   padding: 6px 20px;
 856   margin: 0;
 857 }
 858
 859 #qv-sub-rule p {
 860   margin: 0;
 861 }
 862
 863 #jd-content #qv h2 {
 864   font-size:1.05em;
 865   font-weight:bold;
 866   margin:12px 0 .25em 0;
 867   padding:0 10px;
 868   background-color:transparent;
 869   color:#7BB026;
 870   border:none;
 871   left:0;
 872   z-index:1;
 873 }
 874
 875 /* END quickview sidebar element styles */
 876
 877 /* Begin sidebox sidebar element styles */
 878
 879 .sidebox-wrapper {
 880   float: right;
 881   width:280px;
 882   background-color:#fff;
 883   margin: 0;
 884   padding: 20px 0 20px 20px;
 885 }
 886
 887 .sidebox-inner {
 888   border-left:1px solid #dee8f1;
 889   background-color:#ffffee;
 890   padding:5px 8px 5px 12px;
 891   font-size:90%;
 892   width:260px;
 893 }
 894
 895 .sidebox {
 896   float: right;
 897   width:260px;
 898   background-color:#ffffee;
 899   border-left:1px solid #dee8f1;
 900   margin: 12px 0 0 15px;
 901   padding:5px 8px 0 12px;
 902   font-size:90%;
 903 }
 904
 905 .sidebox p,
 906 .sidebox-inner p {
 907   margin-bottom: .25em;
 908 }
 909
 910 .sidebox ul,
 911 .sidebox-inner ul {
 912   padding: 0 0 0 1.5em;
 913 }
 914
 915 .sidebox li ul,
 916 .sidebox-inner li ul {
 917   margin-top:0;
 918   margin-bottom:.1em;
 919 }
 920
 921 .sidebox li,
 922 .sidebox-inner li {
 923 padding:0 0 0 0em;
 924 }
 925
 926 #jd-content .sidebox h2,
 927 #jd-content .sidebox h3,
 928 #jd-content .sidebox-inner h2,
 929 #jd-content .sidebox-inner h3 {
 930   border:none;
 931   font-size:1em;
 932   margin:0;
 933   padding:4px 0 4px;
 934   left:0;
 935   z-index:0;
 936 }
 937
 938 .sidebox hr,
 939 .sidebox-inner hr {
 940   background-color:#ccc;
 941   border:none;
 942 }
 943
 944 /* End sidebox sidebar element styles */
 945
 946 /* BEGIN image and caption styles (originally for UI Guidelines docs) */
 947
 948 table.image-caption {
 949   padding:0;
 950   margin:.5em 0;
 951   border:0;
 952 }
 953
 954 td.image-caption-i {
 955   font-size:92%;
 956   padding:0;
 957   margin:0;
 958   border:0;
 959 }
 960
 961 td.image-caption-i img {
 962   padding:0 1em;
 963   margin:0;
 964 }
 965
 966 .image-list {
 967   width:24px;
 968   text-align:center;
 969 }
 970
 971 .image-list .caption {
 972   margin:0 2px;
 973 }
 974
 975 td.image-caption-c {
 976   font-size:92%;
 977   padding:1em 2px 2px 2px;
 978   margin:0;
 979   border:0;
 980   width:350px;
 981 }
 982
 983 .grad-rule-top {
 984 background-image:url(images/grad-rule-qv.png);
 985 background-repeat:no-repeat;
 986 padding-top:1em;
 987 margin-top:0;
 988 }
 989
 990 .image-caption-nested {
 991   margin-top:0;
 992   padding:0 0 0 1em;
 993 }
 994
 995 .image-caption-nested td {
 996   padding:0 4px 2px 0;
 997   margin:0;
 998   border:0;
 999 }
1000
1001 /* END image and caption styles */
1002
1003 /* table of contents */
1004
1005 ol.toc {
1006   margin: 0 0 1em 0;
1007   padding: 0;
1008   list-style: none;
1009   font-size:95%;
1010 }
1011
1012 ol.toc li {
1013   font-weight: bold;
1014   margin: 0 0 .5em 1em;
1015   padding: 0;
1016 }
1017
1018 ol.toc li p {
1019   font-weight: normal;
1020 }
1021
1022 ol.toc li ol {
1023   margin: 0;
1024   padding: 0;
1025 }
1026
1027 ol.toc li li {
1028   padding: 0;
1029   margin: 0 0 0 1em;
1030   font-weight: normal;
1031   list-style: none;
1032 }
1033
1034 table ol.toc {
1035   margin-left: 0;
1036 }
1037
1038 .columns td {
1039   padding:0 5px;
1040   border:none;
1041 }
1042
1043 /* link table */
1044 .jd-linktable {
1045   margin: 0 0 1em;
1046   border-bottom: 1px solid #888;
1047 }
1048 .jd-linktable th,
1049 .jd-linktable td {
1050   padding: 3px 5px;
1051   vertical-align: top;
1052   text-align: left;
1053   border:none;
1054 }
1055 .jd-linktable tr {
1056   background-color: #fff;
1057 }
1058 .jd-linktable td {
1059   border-top: 1px solid #888;
1060   background-color: inherit;
1061 }
1062 .jd-linktable td  p {
1063   padding: 0 0 5px;
1064 }
1065 .jd-linktable .jd-linkcol {
1066 }
1067 .jd-linktable .jd-descrcol {
1068 }
1069 .jd-linktable .jd-typecol {
1070   text-align:right;
1071 }
1072 .jd-linktable .jd-valcol {
1073 }
1074 .jd-linktable .jd-commentrow {
1075   border-top:none;
1076   padding-left:25px;
1077 }
1078 .jd-deprecated-warning {
1079   margin-top: 0;
1080   margin-bottom: 10px;
1081 }
1082
1083 tr.alt-color {
1084   background-color: #f6f6f6;
1085 }
1086
1087 /* expando trigger */
1088 #jd-content .jd-expando-trigger-img {
1089   margin:0;
1090 }
1091
1092 /* jd-expando */
1093 .jd-inheritedlinks {
1094   padding:0 0 0 13px
1095 }
1096
1097 /* SDK PAGE */
1098 table.download tr {
1099   background-color:#d9d9d9;
1100 }
1101
1102 table.download tr.alt-color {
1103   background-color:#ededed;
1104 }
1105
1106 table.download td,
1107 table.download th {
1108   border:2px solid #fff;
1109   padding:10px 5px;
1110 }
1111
1112 table.download th {
1113   background-color:#6d8293;
1114   color:#fff;
1115 }
1116
1117 /* INLAY 180 COPY and 240PX EXTENSION */
1118 /* modified to 43px so that all browsers eliminate the package panel h-scroll */
1119 .g-tpl-240 .g-unit,
1120 .g-unit .g-tpl-240 .g-unit,
1121 .g-unit .g-unit .g-tpl-240 .g-unit {
1122   display: block;
1123   margin: 0 0 0 243px;
1124   width: auto;
1125   float: none;
1126 }
1127 .g-unit .g-unit .g-tpl-240 .g-first,
1128 .g-unit .g-tpl-240 .g-first,
1129 .g-tpl-240 .g-first {
1130   display: block;
1131   margin: 0;
1132   width: 243px;
1133   float: left;
1134 }
1135 /* 240px alt */
1136 .g-tpl-240-alt .g-unit,
1137 .g-unit .g-tpl-240-alt .g-unit,
1138 .g-unit .g-unit .g-tpl-240-alt .g-unit {
1139   display: block;
1140   margin: 0 243px 0 0;
1141   width: auto;
1142   float: none;
1143 }
1144 .g-unit .g-unit .g-tpl-240-alt .g-first,
1145 .g-unit .g-tpl-240-alt .g-first,
1146 .g-tpl-240-alt .g-first {
1147   display: block;
1148   margin: 0;
1149   width: 243px;
1150   float: right;
1151 }
1152
1153 /* 180px */
1154 .g-tpl-180 .g-unit,
1155 .g-unit .g-tpl-180 .g-unit,
1156 .g-unit .g-unit .g-tpl-180 .g-unit {
1157   display: block;
1158   margin: 0 0 0 180px;
1159   width: auto;
1160   float: none;
1161 }
1162 .g-unit .g-unit .g-tpl-180 .g-first,
1163 .g-unit .g-tpl-180 .g-first,
1164 .g-tpl-180 .g-first {
1165   display: block;
1166   margin: 0;
1167   width: 180px;
1168   float: left;
1169 }
1170 /* 180px alt */
1171 .g-tpl-180-alt .g-unit,
1172 .g-unit .g-tpl-180-alt .g-unit,
1173 .g-unit .g-unit .g-tpl-180-alt .g-unit {
1174   display: block;
1175   margin: 0 180px 0 0;
1176   width: auto;
1177   float: none;
1178 }
1179 .g-unit .g-unit .g-tpl-180-alt .g-first,
1180 .g-unit .g-tpl-180-alt .g-first,
1181 .g-tpl-180-alt .g-first {
1182   display: block;
1183   margin: 0;
1184   width: 180px;
1185   float: right;
1186 }
1187
1188
1189 /* JQUERY RESIZABLE STYLES */
1190 .ui-resizable { position: relative; }
1191 .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; z-index:1; }
1192 .ui-resizable .ui-resizable-handle { display: block; }
1193 body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1194 body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
1195 .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url("images/resizable-s2.gif") repeat scroll center top; }
1196 .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url("images/resizable-e2.gif") repeat scroll right center; }
1197
1198 @media print {
1199
1200   body {
1201     overflow:visible;
1202   }
1203
1204   #header {
1205     height:60px;
1206   }
1207
1208   #headerLeft {
1209     padding:0;
1210   }
1211
1212   #header-tabs,
1213   #headerRight,
1214   #side-nav,
1215   #api-info-block {
1216     display:none;
1217   }
1218
1219   #body-content {
1220     position:inherit;
1221   }
1222
1223   #doc-content {
1224     margin-left:0 !important;
1225     height:auto !important;
1226     width:auto !important;
1227     overflow:inherit;
1228     display:inline;
1229   }
1230
1231   #jd-header {
1232     padding:10px 0;
1233   }
1234
1235   #jd-content {
1236     padding:15px 0 0;
1237   }
1238
1239   #footer {
1240     float:none;
1241     margin:2em 0 0;
1242   }
1243
1244   h4.jd-details-title {
1245     border-bottom:1px solid #666;
1246   }
1247
1248   pre {
1249     /* these allow lines to break (if there's a white space) */
1250     overflow: visible;
1251     text-wrap: unrestricted;
1252     white-space: -moz-pre-wrap; /* Moz */
1253     white-space: -pre-wrap; /* Opera 4-6 */
1254     white-space: -o-pre-wrap; /* Opera 7 */
1255     white-space: pre-wrap; /* CSS3  */
1256     word-wrap: break-word; /* IE 5.5+ */
1257   }
1258
1259   h1, h2, h3, h4, h5, h6 {
1260     page-break-after: avoid;
1261   }
1262
1263   table, img {
1264     page-break-inside: avoid;
1265   }
1266
1267 /*  #qv,
1268   #qv-wrapper {
1269     display:none;
1270   }
1271 */
1272 }