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