Home | History | Annotate | Download | only in assets
      1 /* file: doclava-developer-core.css
      2    info: core developer styles
      3 */
      4 
      5 /* RESET STYLES */
      6 
      7 html,body,div,h1,h2,h3,h4,h5,h6,p,img,
      8 dl,dt,dd,ol,ul,li,table,caption,tbody,
      9 tfoot,thead,tr,th,td,form,fieldset,
     10 embed,object,applet {
     11   margin: 0;
     12   padding: 0;
     13   border: 0;
     14 }
     15 
     16 /* BASICS */
     17 
     18 html, body {
     19   overflow:hidden; /* keeps scrollbar off IE */
     20   background-color:#fff;
     21 }
     22 
     23 body {
     24   font-family:arial,sans-serif;
     25   color:#000;
     26   font-size:13px;
     27   color:#333;
     28   background-image:url(images/bg_fade.jpg);
     29   background-repeat:repeat-x;
     30 }
     31 
     32 a, a code {
     33   color:#006699;
     34 }
     35 
     36 a:active,
     37 a:active code {
     38   color:#f00;
     39 }
     40 
     41 a:visited,
     42 a:visited code {
     43   color:#006699;
     44 }
     45 
     46 input, select,
     47 textarea, option, label {
     48   font-family:inherit;
     49   font-size:inherit;
     50   padding:0;
     51   margin:0;
     52   vertical-align:middle;
     53 }
     54 
     55 option {
     56   padding:0 4px;
     57 }
     58 
     59 p {
     60   padding:0;
     61   margin:0 0 1em;
     62 }
     63 
     64 code, pre {
     65   color:#007000;
     66   font-family:monospace;
     67   line-height:1em;
     68 }
     69 
     70 var {
     71   color:#007000;
     72   font-style:italic;
     73 }
     74 
     75 pre {
     76   border:1px solid #ccc;
     77   background-color:#fafafa;
     78   padding:10px;
     79   margin:0 0 1em 1em;
     80   overflow:auto;
     81   line-height:inherit; /* fixes vertical scrolling in webkit */
     82 }
     83 
     84 h1,h2,h3,h4,h5 {
     85   margin:1em 0;
     86   padding:0;
     87 }
     88 
     89 p,ul,ol,dl,dd,dt,li {
     90   line-height:1.3em;
     91 }
     92 
     93 ul,ol {
     94   margin:0 0 .8em;
     95   padding:0 0 0 2em;
     96 }
     97 
     98 li {
     99   padding:0 0 .5em;
    100 }
    101 
    102 dl {
    103   margin:0 0 1em 0;
    104   padding:0;
    105 }
    106 
    107 dt {
    108   margin:0;
    109   padding:0;
    110 }
    111 
    112 dd {
    113   margin:0 0 1em;
    114   padding:0 0 0 2em;
    115 }
    116 
    117 li p {
    118   margin:.5em 0 0;
    119 }
    120 
    121 dd p {
    122   margin:1em 0 0;
    123 }
    124 
    125 li pre, li table, li img {
    126   margin:.5em 0 0 1em;
    127 }
    128 
    129 dd pre,
    130 #jd-content dd table,
    131 #jd-content dd img {
    132   margin:1em 0 0 1em;
    133 }
    134 
    135 li ul,
    136 li ol,
    137 dd ul,
    138 dd ol {
    139   margin:0;
    140   padding: 0 0 0 2em;
    141 }
    142 
    143 li li,
    144 dd li {
    145   margin:0;
    146   padding:.5em 0 0;
    147 }
    148 
    149 dl dl,
    150 ol dl,
    151 ul dl {
    152   margin:0 0 1em;
    153   padding:0;
    154 }
    155 
    156 table {
    157   font-size:1em;
    158   margin:0 0 1em;
    159   padding:0;
    160   border-collapse:collapse;
    161   border-width:0;
    162   empty-cells:show;
    163 }
    164 
    165 td,th {
    166   border:1px solid #ccc;
    167   padding:6px 12px;
    168   text-align:left;
    169   vertical-align:top;
    170   background-color:inherit;
    171 }
    172 
    173 th {
    174   background-color:#dee8f1;
    175 }
    176 
    177 td > p:last-child {
    178   margin:0;
    179 }
    180 
    181 hr.blue {
    182   background-color:#DDF0F2;
    183   border:none;
    184   height:5px;
    185   margin:20px 0 10px;
    186 }
    187 
    188 blockquote {
    189   margin: 0 0 1em 1em;
    190   padding: 0 4em 0 1em;
    191   border-left:2px solid #eee;
    192 }
    193 /* LAYOUT */
    194 
    195 #body-content {
    196   /* "Preliminary" watermark for draft documentation.
    197   background:transparent url(images/preliminary.png) repeat scroll 0 0;  */
    198   margin:0;
    199   position:relative;
    200   width:100%;
    201 }
    202 
    203 #header {
    204   height: 34px;
    205   position:relative;
    206   z-index:100;
    207   min-width:675px; /* min width for the tabs, before they wrap */
    208   padding:0 10px;
    209   border-bottom:3px solid #94b922;
    210 }
    211 
    212 #headerLeft{
    213   padding: 10px 0 0;
    214 }
    215 /*
    216 #headerLeft img{
    217   height:50px;
    218   width:180px;
    219 }
    220 */
    221 #headerRight {
    222   position:absolute;
    223   right:0;
    224   top:0;
    225   text-align:right;
    226 }
    227 
    228 /* Tabs in the header */
    229 
    230 #header ul {
    231   list-style: none;
    232   margin: 7px 0 0;
    233   padding: 0;
    234   height: 29px;
    235 }
    236 
    237 #header li {
    238   float: left;
    239   margin: 0px 2px 0px 0px;
    240   padding:0;
    241 }
    242 
    243 #header li a {
    244   text-decoration: none;
    245   display: block;
    246   background-image: url(images/bg_images_sprite.png);
    247   background-position: 0 -58px;
    248   background-repeat: no-repeat;
    249   color: #666;
    250   font-size: 13px;
    251   font-weight: bold;
    252   width: 94px;
    253   height: 29px;
    254   text-align: center;
    255   margin: 0px;
    256 }
    257 
    258 #header li a:hover {
    259   background-image: url(images/bg_images_sprite.png);
    260   background-position: 0 -29px;
    261   background-repeat: no-repeat;
    262 }
    263 
    264 #header li a span {
    265   position:relative;
    266   top:7px;
    267 }
    268 
    269 #header li a span+span {
    270   display:none;
    271 }
    272 
    273 /* tab highlighting */
    274 
    275 .home #home-link a,
    276 .guide #guide-link a,
    277 .reference #reference-link a,
    278 .sdk #sdk-link a,
    279 .resources #resources-link a,
    280 .videos #videos-link a {
    281   background-image: url(images/bg_images_sprite.png);
    282   background-position: 0 0;
    283   background-repeat: no-repeat;
    284   color: #fff;
    285   font-weight: bold;
    286   cursor:default;
    287 }
    288 
    289 .home #home-link a:hover,
    290 .guide #guide-link a:hover,
    291 .reference #reference-link a:hover,
    292 .sdk #sdk-link a:hover,
    293 .resources #resources-link a:hover,
    294 .videos #videos-link  a:hover {
    295   background-image: url(images/bg_images_sprite.png);
    296   background-position: 0 0;
    297 }
    298 
    299 #headerLinks {
    300   margin:10px 10px 0 0;
    301   height:13px;
    302   font-size: 11px;
    303   vertical-align: top;
    304 }
    305 
    306 #headerLinks a {
    307   color: #7FA9B5;
    308 }
    309 
    310 #headerLinks img {
    311   vertical-align:middle;
    312 }
    313 
    314 #language {
    315   margin:0 10px 0 4px;
    316 }
    317 
    318 #search {
    319   height:45px;
    320   margin:8px 10px 0 0;
    321 }
    322 
    323 /* MAIN BODY */
    324 
    325 #mainBodyFluid {
    326   margin: 20px 10px;
    327   color:#333;
    328 }
    329 
    330 #mainBodyFixed {
    331   margin: 20px 10px;
    332   color: #333;
    333   width:930px;
    334   position:relative;
    335 }
    336 
    337 #mainBodyFixed h3,
    338 #mainBodyFluid h3 {
    339   color:#336666;
    340   font-size:1.25em;
    341   margin: 0em 0em 0em 0em;
    342   padding-bottom:.5em;
    343 }
    344 
    345 #mainBodyFixed h2,
    346 #mainBodyFluid h2 {
    347   color:#336666;
    348   font-size:1.25em;
    349   margin: 0;
    350   padding-bottom:.5em;
    351 }
    352 
    353 #mainBodyFixed h1,
    354 #mainBodyFluid h1 {
    355   color:#435A6E;
    356   font-size:1.7em;
    357   margin: 1em 0;
    358 }
    359 
    360 #mainBodyFixed .green,
    361 #mainBodyFluid .green,
    362 #jd-content .green {
    363   color:#7BB026;
    364   background-color:none;
    365 }
    366 
    367 #mainBodyLeft {
    368   float: left;
    369   width: 600px;
    370   margin-right: 20px;
    371   color: #333;
    372   position:relative;
    373 }
    374 
    375 div.indent {
    376   margin-left: 40px;
    377   margin-right: 70px;
    378 }
    379 
    380 #mainBodyLeft p {
    381   color: #333;
    382   font-size: 13px;
    383 }
    384 
    385 #mainBodyLeft p.blue {
    386   color: #669999;
    387 }
    388 
    389 #mainBodyLeft #communityDiv {
    390   float: left;
    391   background-image:url(images/bg_community_leftDiv.jpg);
    392   background-repeat: no-repeat;
    393   width: 581px;
    394   height: 347px;
    395   padding: 20px 0px 0px 20px;
    396 }
    397 
    398 #mainBodyRight {
    399   float: left;
    400   width: 300px;
    401   color: #333;
    402 }
    403 
    404 #mainBodyRight p {
    405   padding-right: 50px;
    406   color: #333;
    407 }
    408 
    409 #mainBodyRight table {
    410   width: 100%;
    411 }
    412 
    413 #mainBodyRight td {
    414   border:0px solid #666;
    415   padding:0px 5px;
    416   text-align:left;
    417 }
    418 
    419 #mainBodyRight td p {
    420   margin:0 0 1em 0;
    421 }
    422 
    423 #mainBodyRight .blueBorderBox {
    424   border:5px solid #ddf0f2;
    425   padding:18px 18px 18px 18px;
    426   text-align:left;
    427 }
    428 
    429 #mainBodyFixed .seperator {
    430   background-image:url(images/hr_gray_side.jpg);
    431   background-repeat:no-repeat;
    432   width: 100%;
    433   float: left;
    434   clear: both;
    435 }
    436 
    437 #mainBodyBottom {
    438   float: left;
    439   width: 100%;
    440   clear:both;
    441   color: #333;
    442 }
    443 
    444 #mainBodyBottom .seperator {
    445   background-image:url(images/hr_gray_main.jpg);
    446   background-repeat:no-repeat;
    447   width: 100%;
    448   float: left;
    449   clear: both;
    450 }
    451 
    452 /* FOOTER */
    453 
    454 #footer {
    455   float: left;
    456   width:90%;
    457   margin: 20px;
    458   color: #aaa;
    459   font-size: 11px;
    460 }
    461 
    462 #footer a {
    463   color: #aaa;
    464   font-size: 11px;
    465 }
    466 
    467 #footer a:hover {
    468   text-decoration: underline;
    469   color:#aaa;
    470 }
    471 
    472 #footerlinks {
    473   margin-top:2px;
    474 }
    475 
    476 #footerlinks a,
    477 #footerlinks a:visited {
    478   color:#006699;
    479 }
    480 
    481 /* SEARCH FILTER */
    482 
    483 #search_autocomplete {
    484   color:#aaa;
    485 }
    486 
    487 #search-button {
    488   display:inline;
    489 }
    490 
    491 #search_filtered_div {
    492   position:absolute;
    493   margin-top:-1px;
    494   z-index:101;
    495   border:1px solid #BCCDF0;
    496   background-color:#fff;
    497 }
    498 
    499 #search_filtered {
    500   min-width:100%;
    501 }
    502 #search_filtered td{
    503   background-color:#fff;
    504   border-bottom: 1px solid #669999;
    505   line-height:1.5em;
    506 }
    507 
    508 #search_filtered .jd-selected {
    509   background-color: #94b922;
    510   cursor:pointer;
    511 }
    512 #search_filtered .jd-selected,
    513 #search_filtered .jd-selected a {
    514   color:#fff;
    515 }
    516 
    517 .no-display {
    518   display: none;
    519 }
    520 
    521 .jd-autocomplete {
    522   font-family: Arial, sans-serif;
    523   padding-left: 6px;
    524   padding-right: 6px;
    525   padding-top: 1px;
    526   padding-bottom: 1px;
    527   font-size: 0.81em;
    528   border: none;
    529   margin: 0;
    530   line-height: 1.05em;
    531 }
    532 
    533 .show-row {
    534   display: table-row;
    535 }
    536 .hide-row {
    537   display: hidden;
    538 }
    539 
    540 /* SEARCH */
    541 
    542 /* restrict global search form width */
    543 #searchForm {
    544   width:350px;
    545 }
    546 
    547 #searchTxt {
    548   width:200px;
    549 }
    550 
    551 /* disable twiddle and size selectors for left column */
    552 #leftSearchControl div {
    553   width: 100%;
    554 }
    555 
    556 #leftSearchControl .gsc-twiddle {
    557   background-image : none;
    558 }
    559 
    560 #leftSearchControl td, #searchForm td {
    561   border: 0px solid #000;
    562 }
    563 
    564 #leftSearchControl .gsc-resultsHeader .gsc-title {
    565   padding-left : 0px;
    566   font-weight : bold;
    567   font-size : 13px;
    568   color:#006699;
    569   display : none;
    570 }
    571 
    572 #leftSearchControl .gsc-resultsHeader div.gsc-results-selector {
    573   display : none;
    574 }
    575 
    576 #leftSearchControl .gsc-resultsRoot {
    577   padding-top : 6px;
    578 }
    579 
    580 #leftSearchControl div.gs-visibleUrl-long {
    581   display : block;
    582   color:#006699;
    583 }
    584 
    585 .gsc-webResult div.gs-visibleUrl-short,
    586 table.gsc-branding,
    587 .gsc-clear-button {
    588   display : none;
    589 }
    590 
    591 .gsc-cursor-box .gsc-cursor div.gsc-cursor-page,
    592 .gsc-cursor-box .gsc-trailing-more-results a.gsc-trailing-more-results,
    593 #leftSearchControl a,
    594 #leftSearchControl a b {
    595   color:#006699;
    596 }
    597 
    598 .gsc-resultsHeader {
    599   display: none;
    600 }
    601 
    602 /* Disable built in search forms */
    603 .gsc-control form.gsc-search-box {
    604   display : none;
    605 }
    606 table.gsc-search-box {
    607   margin:6px 0 0 0;
    608   border-collapse:collapse;
    609 }
    610 
    611 td.gsc-input {
    612   padding:0 2px;
    613   width:100%;
    614   vertical-align:middle;
    615 }
    616 
    617 input.gsc-input {
    618   border:1px solid #BCCDF0;
    619   width:99%;
    620   padding-left:2px;
    621   font-size:.95em;
    622 }
    623 
    624 td.gsc-search-button {
    625   text-align: right;
    626   padding:0;
    627   vertical-align:top;
    628 }
    629 
    630 #search-button {
    631   margin:0 0 0 2px;
    632   font-size:11px;
    633 }
    634 
    635 /* search result tabs */
    636 
    637 #doc-content .gsc-control {
    638   position:relative;
    639 }
    640 
    641 #doc-content .gsc-tabsArea {
    642   position:relative;
    643   white-space:nowrap;
    644 }
    645 
    646 #doc-content .gsc-tabHeader {
    647   padding: 3px 6px;
    648   position:relative;
    649 }
    650 
    651 #doc-content .gsc-tabHeader.gsc-tabhActive {
    652   border-top: 2px solid #94B922;
    653 }
    654 
    655 #doc-content h2#searchTitle {
    656   padding:0;
    657 }
    658 
    659 #doc-content .gsc-resultsbox-visible {
    660   padding:1em 0 0 6px;
    661 }
    662 
    663 /* Pretty printing styles. Used with prettify.js. */
    664 
    665 .str { color: #080; }
    666 .kwd { color: #008; }
    667 .com { color: #800; }
    668 .typ { color: #606; }
    669 .lit { color: #066; }
    670 .pun { color: #660; }
    671 .pln { color: #000; }
    672 dl.tag-list dt code,
    673 .tag { color: #008; }
    674 dl.atn-list dt code,
    675 .atn { color: #828; }
    676 .atv { color: #080; }
    677 .dec { color: #606; }
    678 
    679 @media print {
    680   .str { color: #060; }
    681   .kwd { color: #006; font-weight: bold; }
    682   .com { color: #600; font-style: italic; }
    683   .typ { color: #404; font-weight: bold; }
    684   .lit { color: #044; }
    685   .pun { color: #440; }
    686   .pln { color: #000; }
    687   .tag { color: #006; font-weight: bold; }
    688   .atn { color: #404; }
    689   .atv { color: #060; }
    690 }
    691