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.
6 Here's a quick lookup table:
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;
34 /* -- Links ----------------------------------------------------------------- */
37 text-decoration: none;
44 a:hover { text-decoration: underline; }
46 /* "Jump to Table of Contents" link is shown to assistive tools, but hidden from
47 sight until it's focused. */
55 .jump:focus { left: 40%; }
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; }
62 /* -- Headings -------------------------------------------------------------- */
63 h1, h2, h3, h4, h5, h6 {
64 color: #D98527;/*was #f80*/
65 font-family: 'Trebuchet MS', sans-serif;
68 margin: 1.1em 0 0.5em;
74 margin: 0.75em 0 0.5em;
82 h3 { font-size: 138.462%; }
85 border-bottom: 1px solid #DBDFEA;
92 h5, h6 { font-size: 107.692%; }
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;
101 p code, p kbd, p samp, li code {
103 border: 1px solid #EFEEED;
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 {
117 pre.code, pre.terminal, pre.cmd {
120 padding: 0.3em 0.6em;
125 border: 1px solid #EFEEED;
126 border-left-width: 5px;
129 pre.terminal, pre.cmd {
131 border: 1px solid #D0CBFB;
132 border-left: 5px solid #D0CBFB;
135 /* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre>
137 pre code, pre kbd, pre samp { font-size: 100%; }
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. */
142 -moz-user-select: -moz-none;
143 -khtml-user-select: none;
144 -webkit-user-select: none;
145 -o-user-select: none;
149 /* -- Lists ----------------------------------------------------------------- */
150 dd { margin: 0.2em 0 0.7em 1em; }
151 dl { margin: 1em 0; }
152 dt { font-weight: bold; }
154 /* -- Tables ---------------------------------------------------------------- */
155 caption, th { text-align: left; }
158 border-collapse: collapse;
163 border: 1px solid #fff;
168 td { background: #E6E9F5; }
170 td dl dl { margin: 1em 0; }
171 td pre:first-child { margin-top: 0; }
174 background: #D2D7E6;/*#97A0BF*/
177 color: #000;/*#FFF1D5*/
178 font-family: 'Trebuchet MS', sans-serif;
185 /* -- Layout and Content ---------------------------------------------------- */
191 .content { padding: 0 20px 0 25px; }
194 padding: 0 15px 0 10px;
197 padding: 7px 0 130px;
202 /* -- Table of Contents ----------------------------------------------------- */
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. */
207 .toc code, .toc kbd, .toc samp { font-size: 100%; }
208 .toc li { font-weight: bold; }
209 .toc li li { font-weight: normal; }
211 /* -- Intro and Example Boxes ----------------------------------------------- */
213 .intro, .example { margin-bottom: 2em; }
215 -moz-border-radius: 4px;
216 -webkit-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;
224 background: none repeat scroll 0 0 #F0F1F8; border: 1px solid #D4D8EB; padding: 0 1em;
228 /* -- Other Styles ---------------------------------------------------------- */
230 /* These are probably YUI-specific, and should be moved out of Selleck's default
234 border: 1px solid #dadada;
235 -moz-border-radius: 3px;
236 -webkit-border-radius: 3px;
239 display: inline-block;
240 font-family: Helvetica, Arial, sans-serif;
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;
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 */
256 border-color: #466899;
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;
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 */
269 .newwindow { text-align: center; }
271 .header .version em {
278 border-bottom: 1px solid #466899;
283 #classdocs .item .params p,
284 #classdocs .item .returns p,{
288 #classdocs .item em code, #classdocs .item em.comment {
292 #classdocs .item em.comment a {
294 text-decoration: underline;
297 #classdocs .foundat {
305 border-left: 1px dashed #ccc;
309 border-bottom: 1px dashed #ccc;
333 .apidocs .methods .extends .method,
334 .apidocs .properties .extends .property,
335 .apidocs .attrs .extends .attr,
336 .apidocs .events .extends .event {
340 .apidocs .methods .extends .inherited,
341 .apidocs .properties .extends .inherited,
342 .apidocs .attrs .extends .inherited,
343 .apidocs .events .extends .inherited {
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;
359 vertical-align: middle;
363 /* -- API Docs CSS ---------------------------------------------------------- */
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.
372 /* -- Generic TabView styles ------------------------------------------------ */
375 These styles apply to all API doc tabviews. To change styles only for a
376 specific tabview, see the other sections below.
379 .yui3-js-enabled .apidocs .tabview {
380 visibility: hidden; /* Hide until the TabView finishes rendering. */
381 _visibility: visible;
384 .apidocs .tabview.yui3-tabview-content { visibility: visible; }
385 .apidocs .tabview .yui3-tabview-panel { background: #fff; }
387 /* -- Generic Content Styles ------------------------------------------------ */
394 text-decoration: none;
401 padding: 6px 30px 5px;
404 .apidocs { zoom: 1; }
406 /* Generic box styles. */
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. */
423 padding: 2px 4px 1px;
426 /* Class/module metadata such as "Uses", "Extends", "Defined in", etc. */
429 border-color: #efefef;
435 .apidocs .meta p { margin: 0; }
437 /* Deprecation warning. */
438 .apidocs .box.deprecated,
439 .apidocs .flag.deprecated {
441 border: 1px solid #fd7775;
444 .apidocs .box.deprecated p { margin: 0.5em 0; }
445 .apidocs .flag.deprecated { color: #333; }
447 /* Module/Class intro description. */
450 border-color: #d4d8eb;
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;
460 #bd.loading .apidocs .content,
461 #api-list.loading .yui3-tabview-panel .apis {
465 .apidocs .no-visible-items { color: #666; }
467 /* Generic inline list. */
475 .apidocs ul.inline li { display: inline; }
477 /* Comma-separated list. */
478 .apidocs ul.commas li:after { content: ','; }
479 .apidocs ul.commas li:last-child:after { content: ''; }
481 /* Keyboard shortcuts. */
482 kbd .cmd { font-family: Monaco, Helvetica; }
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 {
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 {
502 .hide-inherited .item.inherited,
503 .hide-inherited .index-item.inherited {
507 /* -- Generic Item Index styles --------------------------------------------- */
508 .apidocs .index { margin: 1.5em 0 3em; }
511 border-bottom: 1px solid #efefef;
518 .apidocs .index .no-visible-items { margin-top: 2em; }
520 .apidocs .index-list {
521 border-color: #efefef;
526 -moz-column-count: 4;
527 -moz-column-gap: 10px;
528 -moz-column-width: 170px;
530 -ms-column-gap: 10px;
531 -ms-column-width: 170px;
534 -o-column-width: 170px;
535 -webkit-column-count: 4;
536 -webkit-column-gap: 10px;
537 -webkit-column-width: 170px;
543 .apidocs .no-columns .index-list {
544 -moz-column-count: 1;
547 -webkit-column-count: 1;
551 .apidocs .index-item { white-space: nowrap; }
553 .apidocs .index-item .flag {
562 /* -- Generic API item styles ----------------------------------------------- */
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; }
575 border-bottom: 1px solid #efefef;
584 font-family: inherit;
588 .apidocs .item .description p,
589 .apidocs .item pre.code {
593 .apidocs .item .meta {
599 .apidocs .item .name {
604 .apidocs .item .type,
605 .apidocs .item .type a,
606 .apidocs .returns-inline {
610 .apidocs .item .type,
611 .apidocs .returns-inline {
616 .apidocs .item .type a { border-bottom: 1px dotted #afafaf; }
617 .apidocs .item .type a:hover { border: none; }
619 /* -- Item Parameter List --------------------------------------------------- */
620 .apidocs .params-list {
626 .apidocs .param { margin-bottom: 1em; }
628 .apidocs .param .type,
629 .apidocs .param .type a {
633 .apidocs .param .type {
638 .apidocs .param-name { font-weight: bold; }
640 /* -- Item "Emits" block ---------------------------------------------------- */
641 .apidocs .item .emits {
643 border-color: #eaeaea;
646 /* -- Item "Returns" block -------------------------------------------------- */
647 .apidocs .item .returns .type,
648 .apidocs .item .returns .type a {
653 /* -- Class Constructor block ----------------------------------------------- */
654 .apidocs .constructor .item {
659 /* -- File Source View ------------------------------------------------------ */
660 .apidocs .file pre.code,
661 #doc .apidocs .file pre.prettyprint {
681 /* -- Submodule List -------------------------------------------------------- */
682 .apidocs .module-submodule-description {
687 .apidocs .module-submodule-description p:first-child { margin-top: 0; }
689 /* -- Sidebar TabView ------------------------------------------------------- */
690 #api-tabview { margin-top: 0.6em; }
694 border: 1px solid #dfdfdf;
697 #api-tabview-filter {
700 padding: 0.6em 10px 0 10px;
703 #api-tabview-panel { border-top: none; }
704 #api-filter { width: 97%; }
706 /* -- Content TabView ------------------------------------------------------- */
707 #classdocs .yui3-tabview-panel { border: none; }
709 /* -- Source File Contents -------------------------------------------------- */
721 /* -- API options ----------------------------------------------------------- */
729 /*#api-options label { margin-right: 0.6em; }*/
731 /* -- API list -------------------------------------------------------------- */
742 padding: 0.5em 0 0.5em 0.4em;
746 border: 1px solid transparent;
750 text-decoration: none;
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;
766 .api-list-item a:hover,
767 .api-list-item a:focus {
769 text-shadow: 1px 1px 1px #fff;
772 .apis .message { color: #888; }
773 .apis .result a { padding: 3px 5px 2px; }
775 .apis .result .type {
780 .api-list-item .yui3-highlight {