plugins/dali-script-v8/docs/dali-theme/assets/css/main.css

   1 /*
   2 Font sizes for all selectors other than the body are given in percentages,
   3 with 100% equal to 13px. To calculate a font size percentage, multiply the
   4 desired size in pixels by 7.6923076923.
   5
   6 Here's a quick lookup table:
   7
   8 10px - 76.923%
   9 11px - 84.615%
  10 12px - 92.308%
  11 13px - 100%
  12 14px - 107.692%
  13 15px - 115.385%
  14 16px - 123.077%
  15 17px - 130.769%
  16 18px - 138.462%
  17 19px - 146.154%
  18 20px - 153.846%
  19 */
  20
  21 html {
  22     background: #fff;
  23     color: #333;
  24     overflow-y: scroll;
  25 }
  26
  27 body {
  28     /*font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif;*/
  29     font: 13px/1.4 'Helvetica', 'Arial', sans-serif;
  30     margin: 0;
  31     padding: 0;
  32 }
  33
  34 /* -- Links ----------------------------------------------------------------- */
  35 a {
  36     color: #356de4;
  37     text-decoration: none;
  38 }
  39
  40 .hidden {
  41     display: none;
  42 }
  43
  44 a:hover { text-decoration: underline; }
  45
  46 /* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
  47    sight until it's focused. */
  48 .jump {
  49     position: absolute;
  50     padding: 3px 6px;
  51     left: -99999px;
  52     top: 0;
  53 }
  54
  55 .jump:focus { left: 40%; }
  56
  57 /* -- Paragraphs ------------------------------------------------------------ */
  58 p { margin: 1.3em 0; }
  59 dd p, td p { margin-bottom: 0; }
  60 dd p:first-child, td p:first-child { margin-top: 0; }
  61
  62 /* -- Headings -------------------------------------------------------------- */
  63 h1, h2, h3, h4, h5, h6 {
  64     color: #D98527;/*was #f80*/
  65     font-family: 'Trebuchet MS', sans-serif;
  66     font-weight: bold;
  67     line-height: 1.1;
  68     margin: 1.1em 0 0.5em;
  69 }
  70
  71 h1 {
  72     font-size: 184.6%;
  73     color: #30418C;
  74     margin: 0.75em 0 0.5em;
  75 }
  76
  77 h2 {
  78     font-size: 153.846%;
  79     color: #E48A2B;
  80 }
  81
  82 h3 { font-size: 138.462%; }
  83
  84 h4 {
  85     border-bottom: 1px solid #DBDFEA;
  86     color: #E48A2B;
  87     font-size: 115.385%;
  88     font-weight: normal;
  89     padding-bottom: 2px;
  90 }
  91
  92 h5, h6 { font-size: 107.692%; }
  93
  94 /* -- Code and examples ----------------------------------------------------- */
  95 code, kbd, pre, samp {
  96     font-family: Menlo, Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
  97     font-size: 92.308%;
  98     line-height: 1.35;
  99 }
 100
 101 p code, p kbd, p samp, li code {
 102     background: #FCFBFA;
 103     border: 1px solid #EFEEED;
 104     padding: 0 3px;
 105 }
 106
 107 a code, a kbd, a samp,
 108 pre code, pre kbd, pre samp,
 109 table code, table kbd, table samp,
 110 .intro code, .intro kbd, .intro samp,
 111 .toc code, .toc kbd, .toc samp {
 112     background: none;
 113     border: none;
 114     padding: 0;
 115 }
 116
 117 pre.code, pre.terminal, pre.cmd {
 118     overflow-x: auto;
 119     *overflow-x: scroll;
 120     padding: 0.3em 0.6em;
 121 }
 122
 123 pre.code {
 124     background: #FCFBFA;
 125     border: 1px solid #EFEEED;
 126     border-left-width: 5px;
 127 }
 128
 129 pre.terminal, pre.cmd {
 130     background: #F0EFFC;
 131     border: 1px solid #D0CBFB;
 132     border-left: 5px solid #D0CBFB;
 133 }
 134
 135 /* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
 136    blocks. */
 137 pre code, pre kbd, pre samp { font-size: 100%; }
 138
 139 /* Used to denote text that shouldn't be selectable, such as line numbers or
 140    shell prompts. Guess which browser this doesn't work in. */
 141 .noselect {
 142     -moz-user-select: -moz-none;
 143     -khtml-user-select: none;
 144     -webkit-user-select: none;
 145     -o-user-select: none;
 146     user-select: none;
 147 }
 148
 149 /* -- Lists ----------------------------------------------------------------- */
 150 dd { margin: 0.2em 0 0.7em 1em; }
 151 dl { margin: 1em 0; }
 152 dt { font-weight: bold; }
 153
 154 /* -- Tables ---------------------------------------------------------------- */
 155 caption, th { text-align: left; }
 156
 157 table {
 158     border-collapse: collapse;
 159     width: 100%;
 160 }
 161
 162 td, th {
 163     border: 1px solid #fff;
 164     padding: 5px 12px;
 165     vertical-align: top;
 166 }
 167
 168 td { background: #E6E9F5; }
 169 td dl { margin: 0; }
 170 td dl dl { margin: 1em 0; }
 171 td pre:first-child { margin-top: 0; }
 172
 173 th {
 174     background: #D2D7E6;/*#97A0BF*/
 175     border-bottom: none;
 176     border-top: none;
 177     color: #000;/*#FFF1D5*/
 178     font-family: 'Trebuchet MS', sans-serif;
 179     font-weight: bold;
 180     line-height: 1.3;
 181     white-space: nowrap;
 182 }
 183
 184
 185 /* -- Layout and Content ---------------------------------------------------- */
 186 #doc {
 187     margin: auto;
 188     min-width: 1024px;
 189 }
 190
 191 .content { padding: 0 20px 0 25px; }
 192
 193 .sidebar {
 194     padding: 0 15px 0 10px;
 195 }
 196 #bd {
 197     padding: 7px 0 130px;
 198     position: relative;
 199     width: 99%;
 200 }
 201
 202 /* -- Table of Contents ----------------------------------------------------- */
 203
 204 /* The #toc id refers to the single global table of contents, while the .toc
 205    class refers to generic TOC lists that could be used throughout the page. */
 206
 207 .toc code, .toc kbd, .toc samp { font-size: 100%; }
 208 .toc li { font-weight: bold; }
 209 .toc li li { font-weight: normal; }
 210
 211 /* -- Intro and Example Boxes ----------------------------------------------- */
 212 /*
 213 .intro, .example { margin-bottom: 2em; }
 214 .example {
 215     -moz-border-radius: 4px;
 216     -webkit-border-radius: 4px;
 217     border-radius: 4px;
 218     -moz-box-shadow: 0 0 5px #bfbfbf;
 219     -webkit-box-shadow: 0 0 5px #bfbfbf;
 220     box-shadow: 0 0 5px #bfbfbf;
 221     padding: 1em;
 222 }
 223 .intro {
 224     background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
 225 }
 226 */
 227
 228 /* -- Other Styles ---------------------------------------------------------- */
 229
 230 /* These are probably YUI-specific, and should be moved out of Selleck's default
 231    theme. */
 232
 233 .button {
 234     border: 1px solid #dadada;
 235     -moz-border-radius: 3px;
 236     -webkit-border-radius: 3px;
 237     border-radius: 3px;
 238     color: #444;
 239     display: inline-block;
 240     font-family: Helvetica, Arial, sans-serif;
 241     font-size: 92.308%;
 242     font-weight: bold;
 243     padding: 4px 13px 3px;
 244     -moz-text-shadow: 1px 1px 0 #fff;
 245     -webkit-text-shadow: 1px 1px 0 #fff;
 246     text-shadow: 1px 1px 0 #fff;
 247     white-space: nowrap;
 248
 249     background: #EFEFEF; /* old browsers */
 250     background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */
 251     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#efefef), color-stop(51%,#e5e5e5), color-stop(100%,#dfdfdf)); /* webkit */
 252     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */
 253 }
 254
 255 .button:hover {
 256     border-color: #466899;
 257     color: #fff;
 258     text-decoration: none;
 259     -moz-text-shadow: 1px 1px 0 #222;
 260     -webkit-text-shadow: 1px 1px 0 #222;
 261     text-shadow: 1px 1px 0 #222;
 262
 263     background: #6396D8; /* old browsers */
 264     background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */
 265     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6396D8), color-stop(50%,#5A83BC), color-stop(51%,#547AB7), color-stop(100%,#466899)); /* webkit */
 266     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */
 267 }
 268
 269 .newwindow { text-align: center; }
 270
 271 .header .version em {
 272     display: block;
 273     text-align: right;
 274 }
 275
 276
 277 #classdocs .item {
 278     border-bottom: 1px solid #466899;
 279     margin: 1em 0;
 280     padding: 1.5em;
 281 }
 282
 283 #classdocs .item .params p,
 284     #classdocs .item .returns p,{
 285     display: inline;
 286 }
 287
 288 #classdocs .item em code, #classdocs .item em.comment {
 289     color: green;
 290 }
 291
 292 #classdocs .item em.comment a {
 293     color: green;
 294     text-decoration: underline;
 295 }
 296
 297 #classdocs .foundat {
 298     font-size: 11px;
 299     font-style: normal;
 300 }
 301
 302 .attrs .emits {
 303     margin-left: 2em;
 304     padding: .5em;
 305     border-left: 1px dashed #ccc;
 306 }
 307
 308 abbr {
 309     border-bottom: 1px dashed #ccc;
 310     font-size: 80%;
 311     cursor: help;
 312 }
 313
 314 .prettyprint li.L0,
 315 .prettyprint li.L1,
 316 .prettyprint li.L2,
 317 .prettyprint li.L3,
 318 .prettyprint li.L5,
 319 .prettyprint li.L6,
 320 .prettyprint li.L7,
 321 .prettyprint li.L8 {
 322     list-style: decimal;
 323 }
 324
 325 ul li p {
 326     margin-top: 0;
 327 }
 328
 329 .method .name {
 330     font-size: 110%;
 331 }
 332
 333 .apidocs .methods .extends .method,
 334 .apidocs .properties .extends .property,
 335 .apidocs .attrs .extends .attr,
 336 .apidocs .events .extends .event {
 337     font-weight: bold;
 338 }
 339
 340 .apidocs .methods .extends .inherited,
 341 .apidocs .properties .extends .inherited,
 342 .apidocs .attrs .extends .inherited,
 343 .apidocs .events .extends .inherited {
 344     font-weight: normal;
 345 }
 346
 347 #hd {
 348     background: whiteSmoke;
 349     background: -moz-linear-gradient(top,#DCDBD9 0,#F6F5F3 100%);
 350     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DCDBD9),color-stop(100%,#F6F5F3));
 351     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdbd9',endColorstr='#F6F5F3',GradientType=0);
 352     border-bottom: 1px solid #DFDFDF;
 353     padding: 0 15px 1px 20px;
 354     margin-bottom: 15px;
 355 }
 356
 357 #hd img {
 358     margin-right: 10px;
 359     vertical-align: middle;
 360 }
 361
 362
 363 /* -- API Docs CSS ---------------------------------------------------------- */
 364
 365 /*
 366 This file is organized so that more generic styles are nearer the top, and more
 367 specific styles are nearer the bottom of the file. This allows us to take full
 368 advantage of the cascade to avoid redundant style rules. Please respect this
 369 convention when making changes.
 370 */
 371
 372 /* -- Generic TabView styles ------------------------------------------------ */
 373
 374 /*
 375 These styles apply to all API doc tabviews. To change styles only for a
 376 specific tabview, see the other sections below.
 377 */
 378
 379 .yui3-js-enabled .apidocs .tabview {
 380     visibility: hidden; /* Hide until the TabView finishes rendering. */
 381     _visibility: visible;
 382 }
 383
 384 .apidocs .tabview.yui3-tabview-content { visibility: visible; }
 385 .apidocs .tabview .yui3-tabview-panel { background: #fff; }
 386
 387 /* -- Generic Content Styles ------------------------------------------------ */
 388
 389 /* Headings */
 390 h2, h3, h4, h5, h6 {
 391     border: none;
 392     color: #30418C;
 393     font-weight: bold;
 394     text-decoration: none;
 395 }
 396
 397 .link-docs {
 398     float: right;
 399     font-size: 15px;
 400     margin: 4px 4px 6px;
 401     padding: 6px 30px 5px;
 402 }
 403
 404 .apidocs { zoom: 1; }
 405
 406 /* Generic box styles. */
 407 .apidocs .box {
 408     border: 1px solid;
 409     border-radius: 3px;
 410     margin: 1em 0;
 411     padding: 0 1em;
 412 }
 413
 414 /* A flag is a compact, capsule-like indicator of some kind. It's used to
 415    indicate private and protected items, item return types, etc. in an
 416    attractive and unobtrusive way. */
 417 .apidocs .flag {
 418     background: #bababa;
 419     border-radius: 3px;
 420     color: #fff;
 421     font-size: 11px;
 422     margin: 0 0.5em;
 423     padding: 2px 4px 1px;
 424 }
 425
 426 /* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
 427 .apidocs .meta {
 428     background: #f9f9f9;
 429     border-color: #efefef;
 430     color: #555;
 431     font-size: 11px;
 432     padding: 3px 6px;
 433 }
 434
 435 .apidocs .meta p { margin: 0; }
 436
 437 /* Deprecation warning. */
 438 .apidocs .box.deprecated,
 439 .apidocs .flag.deprecated {
 440     background: #fdac9f;
 441     border: 1px solid #fd7775;
 442 }
 443
 444 .apidocs .box.deprecated p { margin: 0.5em 0; }
 445 .apidocs .flag.deprecated { color: #333; }
 446
 447 /* Module/Class intro description. */
 448 .apidocs .intro {
 449     background: #f0f1f8;
 450     border-color: #d4d8eb;
 451 }
 452
 453 /* Loading spinners. */
 454 #bd.loading .apidocs,
 455 #api-list.loading .yui3-tabview-panel {
 456     background: #fff url(../img/spinner.gif) no-repeat center 70px;
 457     min-height: 150px;
 458 }
 459
 460 #bd.loading .apidocs .content,
 461 #api-list.loading .yui3-tabview-panel .apis {
 462     display: none;
 463 }
 464
 465 .apidocs .no-visible-items { color: #666; }
 466
 467 /* Generic inline list. */
 468 .apidocs ul.inline {
 469     display: inline;
 470     list-style: none;
 471     margin: 0;
 472     padding: 0;
 473 }
 474
 475 .apidocs ul.inline li { display: inline; }
 476
 477 /* Comma-separated list. */
 478 .apidocs ul.commas li:after { content: ','; }
 479 .apidocs ul.commas li:last-child:after { content: ''; }
 480
 481 /* Keyboard shortcuts. */
 482 kbd .cmd { font-family: Monaco, Helvetica; }
 483
 484 /* -- Generic Access Level styles ------------------------------------------- */
 485 .apidocs .item.protected,
 486 .apidocs .item.private,
 487 .apidocs .index-item.protected,
 488 .apidocs .index-item.deprecated,
 489 .apidocs .index-item.private {
 490     display: none;
 491 }
 492
 493 .show-deprecated .item.deprecated,
 494 .show-deprecated .index-item.deprecated,
 495 .show-protected .item.protected,
 496 .show-protected .index-item.protected,
 497 .show-private .item.private,
 498 .show-private .index-item.private {
 499     display: block;
 500 }
 501
 502 .hide-inherited .item.inherited,
 503 .hide-inherited .index-item.inherited {
 504     display: none;
 505 }
 506
 507 /* -- Generic Item Index styles --------------------------------------------- */
 508 .apidocs .index { margin: 1.5em 0 3em; }
 509
 510 .apidocs .index h3 {
 511     border-bottom: 1px solid #efefef;
 512     color: #333;
 513     font-size: 13px;
 514     margin: 2em 0 0.6em;
 515     padding-bottom: 2px;
 516 }
 517
 518 .apidocs .index .no-visible-items { margin-top: 2em; }
 519
 520 .apidocs .index-list {
 521     border-color: #efefef;
 522     font-size: 12px;
 523     list-style: none;
 524     margin: 0;
 525     padding: 0;
 526     -moz-column-count: 4;
 527     -moz-column-gap: 10px;
 528     -moz-column-width: 170px;
 529     -ms-column-count: 4;
 530     -ms-column-gap: 10px;
 531     -ms-column-width: 170px;
 532     -o-column-count: 4;
 533     -o-column-gap: 10px;
 534     -o-column-width: 170px;
 535     -webkit-column-count: 4;
 536     -webkit-column-gap: 10px;
 537     -webkit-column-width: 170px;
 538     column-count: 4;
 539     column-gap: 10px;
 540     column-width: 170px;
 541 }
 542
 543 .apidocs .no-columns .index-list {
 544     -moz-column-count: 1;
 545     -ms-column-count: 1;
 546     -o-column-count: 1;
 547     -webkit-column-count: 1;
 548     column-count: 1;
 549 }
 550
 551 .apidocs .index-item { white-space: nowrap; }
 552
 553 .apidocs .index-item .flag {
 554     background: none;
 555     border: none;
 556     color: #afafaf;
 557     display: inline;
 558     margin: 0 0 0 0.2em;
 559     padding: 0;
 560 }
 561
 562 /* -- Generic API item styles ----------------------------------------------- */
 563 .apidocs .args {
 564     display: inline;
 565     margin: 0 0.5em;
 566 }
 567
 568 .apidocs .flag.chainable { background: #46ca3b; }
 569 .apidocs .flag.protected { background: #9b86fc; }
 570 .apidocs .flag.private { background: #fd6b1b; }
 571 .apidocs .flag.async { background: #356de4; }
 572 .apidocs .flag.required { background: #e60923; }
 573
 574 .apidocs .item {
 575     border-bottom: 1px solid #efefef;
 576     margin: 1.5em 0 2em;
 577     padding-bottom: 2em;
 578 }
 579
 580 .apidocs .item h4,
 581 .apidocs .item h5,
 582 .apidocs .item h6 {
 583     color: #333;
 584     font-family: inherit;
 585     font-size: 100%;
 586 }
 587
 588 .apidocs .item .description p,
 589 .apidocs .item pre.code {
 590     margin: 1em 0 0;
 591 }
 592
 593 .apidocs .item .meta {
 594     background: none;
 595     border: none;
 596     padding: 0;
 597 }
 598
 599 .apidocs .item .name {
 600     display: inline;
 601     font-size: 14px;
 602 }
 603
 604 .apidocs .item .type,
 605 .apidocs .item .type a,
 606 .apidocs .returns-inline {
 607     color: #555;
 608 }
 609
 610 .apidocs .item .type,
 611 .apidocs .returns-inline {
 612     font-size: 11px;
 613     margin: 0 0 0 0;
 614 }
 615
 616 .apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
 617 .apidocs .item .type a:hover { border: none; }
 618
 619 /* -- Item Parameter List --------------------------------------------------- */
 620 .apidocs .params-list {
 621     list-style: square;
 622     margin: 1em 0 0 2em;
 623     padding: 0;
 624 }
 625
 626 .apidocs .param { margin-bottom: 1em; }
 627
 628 .apidocs .param .type,
 629 .apidocs .param .type a {
 630     color: #666;
 631 }
 632
 633 .apidocs .param .type {
 634     margin: 0 0 0 0.5em;
 635     *margin-left: 0.5em;
 636 }
 637
 638 .apidocs .param-name { font-weight: bold; }
 639
 640 /* -- Item "Emits" block ---------------------------------------------------- */
 641 .apidocs .item .emits {
 642     background: #f9f9f9;
 643     border-color: #eaeaea;
 644 }
 645
 646 /* -- Item "Returns" block -------------------------------------------------- */
 647 .apidocs .item .returns .type,
 648 .apidocs .item .returns .type a {
 649     font-size: 100%;
 650     margin: 0;
 651 }
 652
 653 /* -- Class Constructor block ----------------------------------------------- */
 654 .apidocs .constructor .item {
 655     border: none;
 656     padding-bottom: 0;
 657 }
 658
 659 /* -- File Source View ------------------------------------------------------ */
 660 .apidocs .file pre.code,
 661 #doc .apidocs .file pre.prettyprint {
 662     background: inherit;
 663     border: none;
 664     overflow: visible;
 665     padding: 0;
 666 }
 667
 668 .apidocs .L0,
 669 .apidocs .L1,
 670 .apidocs .L2,
 671 .apidocs .L3,
 672 .apidocs .L4,
 673 .apidocs .L5,
 674 .apidocs .L6,
 675 .apidocs .L7,
 676 .apidocs .L8,
 677 .apidocs .L9 {
 678     background: inherit;
 679 }
 680
 681 /* -- Submodule List -------------------------------------------------------- */
 682 .apidocs .module-submodule-description {
 683     font-size: 12px;
 684     margin: 0.3em 0 1em;
 685 }
 686
 687 .apidocs .module-submodule-description p:first-child { margin-top: 0; }
 688
 689 /* -- Sidebar TabView ------------------------------------------------------- */
 690 #api-tabview { margin-top: 0.6em; }
 691
 692 #api-tabview-filter,
 693 #api-tabview-panel {
 694     border: 1px solid #dfdfdf;
 695 }
 696
 697 #api-tabview-filter {
 698     border-bottom: none;
 699     border-top: none;
 700     padding: 0.6em 10px 0 10px;
 701 }
 702
 703 #api-tabview-panel { border-top: none; }
 704 #api-filter { width: 97%; }
 705
 706 /* -- Content TabView ------------------------------------------------------- */
 707 #classdocs .yui3-tabview-panel { border: none; }
 708
 709 /* -- Source File Contents -------------------------------------------------- */
 710 .prettyprint li.L0,
 711 .prettyprint li.L1,
 712 .prettyprint li.L2,
 713 .prettyprint li.L3,
 714 .prettyprint li.L5,
 715 .prettyprint li.L6,
 716 .prettyprint li.L7,
 717 .prettyprint li.L8 {
 718     list-style: decimal;
 719 }
 720
 721 /* -- API options ----------------------------------------------------------- */
 722 #api-options {
 723     font-size: 11px;
 724     margin-top: 2.2em;
 725     position: absolute;
 726     right: 1.5em;
 727 }
 728
 729 /*#api-options label { margin-right: 0.6em; }*/
 730
 731 /* -- API list -------------------------------------------------------------- */
 732 #api-list {
 733     margin-top: 1.5em;
 734     *zoom: 1;
 735 }
 736
 737 .apis {
 738     font-size: 12px;
 739     line-height: 1.4;
 740     list-style: none;
 741     margin: 0;
 742     padding: 0.5em 0 0.5em 0.4em;
 743 }
 744
 745 .apis a {
 746     border: 1px solid transparent;
 747     display: block;
 748     margin: 0 0 0 -4px;
 749     padding: 1px 4px 0;
 750     text-decoration: none;
 751     _border: none;
 752     _display: inline;
 753 }
 754
 755 .apis a:hover,
 756 .apis a:focus {
 757     background: #E8EDFC;
 758     background: -moz-linear-gradient(top, #e8edfc 0%, #becef7 100%);
 759     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8EDFC), color-stop(100%,#BECEF7));
 760     border-color: #AAC0FA;
 761     border-radius: 3px;
 762     color: #333;
 763     outline: none;
 764 }
 765
 766 .api-list-item a:hover,
 767 .api-list-item a:focus {
 768     font-weight: bold;
 769     text-shadow: 1px 1px 1px #fff;
 770 }
 771
 772 .apis .message { color: #888; }
 773 .apis .result a { padding: 3px 5px 2px; }
 774
 775 .apis .result .type {
 776     right: 4px;
 777     top: 7px;
 778 }
 779
 780 .api-list-item .yui3-highlight {
 781     font-weight: bold;
 782 }
 783