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