1<!DOCTYPE html> 2<body> 3<script src="../resources/runner.js"></script> 4<style id="styleElement" type="text/css"> 5/* Some yui Yahoo! library snippet */ 6 7/*Copyright (c) 2012, Yahoo! Inc. All rights reserved. 8---------------------------------------------------- 9 10Redistribution and use of this software in source and binary forms, with or 11without modification, are permitted provided that the following conditions are 12met: 13 14 * Redistributions of source code must retain the above copyright notice, this 15 list of conditions and the following disclaimer. 16 * Redistributions in binary form must reproduce the above copyright notice, 17 this list of conditions and the following disclaimer in the documentation 18 and/or other materials provided with the distribution. 19 * Neither the name of Yahoo! Inc. nor the names of YUI's contributors may be 20 used to endorse or promote products derived from this software without 21 specific prior written permission of Yahoo! Inc. 22 23THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND 24ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 25WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 26DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR 27ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 28(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 29LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON 30ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 31(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 32SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.*/ 33 34 35/* Vertical menus and submenus */ 36 37.yui3-skin-night .yui3-menu-content, 38.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content { 39 40 font-size: 100%; 41 line-height: 2.25; /* 18px 1.5*/ 42 *line-height: 1.45; /* For IE */ 43 border: solid 1px #303030; 44 background: #151515; 45 /*padding: 3px 0;*/ 46 47} 48 49.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-content { 50 51 font-size: 100%; 52 53} 54 55 56/* Horizontal menus */ 57.yui3-skin-night .yui3-menu-horizontal .yui3-menu-content { 58 59 line-height: 2; /* ~24px */ 60 *line-height: 1.9; /* For IE */ 61 background-color:#3b3c3d; 62 background: -moz-linear-gradient( 63 0% 100% 90deg, 64 #242526 0%, 65 #3b3c3d 96%, 66 #2C2D2F 100% 67 ); 68 background: -webkit-gradient( 69 linear, 70 left bottom, 71 left top, 72 from(#242526), 73 color-stop(0.96, #3b3c3d), 74 to(#2C2D2F) 75 ); 76 padding: 0; 77 78} 79 80 81.yui3-skin-night .yui3-menu ul, 82.yui3-skin-night .yui3-menu ul ul { 83 84 margin-top: 3px; 85 padding-top: 3px; 86 border-top: solid 1px #303030; 87 88} 89 90.yui3-skin-night .yui3-menu ul.first-of-type { 91 92 border: 0; 93 margin: 0; 94 padding: 0; 95 96} 97 98.yui3-skin-night .yui3-menu-horizontal ul { 99 100 padding: 0; 101 margin: 0; 102 border: 0; 103 104} 105 106 107.yui3-skin-night .yui3-menu li, 108.yui3-skin-night .yui3-menu .yui3-menu li { 109 110 /* 111 For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only): 112 Used to collapse superfluous white space between <li> elements that is 113 triggered by the "display" property of the <a> elements being set to 114 "block" by node-menunav-core.css file. 115 */ 116 117 _border-bottom: solid 1px #151515; 118 119} 120 121.yui3-skin-night .yui3-menu-horizontal li { 122 123 _border-bottom: 0; 124 125} 126 127.yui3-skin-night .yui3-menubuttonnav li { 128 129 border-right: solid 1px #ccc; 130 131} 132 133.yui3-skin-night .yui3-splitbuttonnav li { 134 135 border-right: solid 1px #303030; 136 137} 138 139.yui3-skin-night .yui3-menubuttonnav li li, 140.yui3-skin-night .yui3-splitbuttonnav li li { 141 142 border-right: 0; 143 144} 145 146 147/* Menuitems and menu labels */ 148 149 150.yui3-skin-night .yui3-menu-label, 151.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label, 152.yui3-skin-night .yui3-menuitem-content, 153.yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-content { 154 155 /*padding: 0 20px;*/ 156 padding: 0 1em; 157 /*background-color: #2F3030;*/ 158 159 160 161 162 163 164 color: #fff; 165 text-decoration: none; 166 cursor: default; 167 168 /* 169 Necessary specify values for border, position and margin to override 170 values specified in the selectors that follow. 171 */ 172 173 float: none; 174 border: 0; 175 margin: 0; 176 177} 178 179.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label, 180.yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-content { 181 182 padding: 0 10px; 183 border-style: solid; 184 border-color: #303030; 185 border-width: 1px 0; 186 margin: -1px 0; 187 188 float: left; /* Ensures that menu labels clear floated descendents. 189 Also gets negative margins working in IE 7 190 (Strict Mode). */ 191 width: auto; 192 193} 194 195.yui3-skin-night .yui3-menu-label, 196.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label { 197 198 background: url(vertical-menu-submenu-indicator.png) right center no-repeat; 199 200} 201 202.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label { 203 204 background: none; 205 206} 207 208.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label, 209.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label { 210 211 background-image: none; 212 213} 214 215.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label { 216 217 padding-right: 0; 218 219} 220 221.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label em { 222 223 font-style: normal; 224 padding-right: 20px; 225 display: block; 226 background: url(horizontal-menu-submenu-indicator.png) right center no-repeat; 227 228} 229 230 231.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label { 232 233 padding: 0; 234 235} 236 237.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label a { 238 239 float: left; 240 width: auto; 241 color: #fff; 242 text-decoration: none; 243 cursor: default; 244 padding: 0 5px 0 10px; 245 246} 247 248.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle { 249 250 padding: 0; /* Overide padding applied by the preceeding rule. */ 251 border-left: solid 1px #303030; 252 width: 15px; 253 overflow: hidden; 254 text-indent: -1000px; 255 background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat; 256 257} 258 259 260/* Selected menuitem */ 261 262.yui3-skin-night .yui3-menu-label-active, 263.yui3-skin-night .yui3-menu-label-menuvisible, 264.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-active, 265.yui3-skin-night .yui3-menu .yui3-menu .yui3-menu-label-menuvisible { 266 267 background-color: #292a2a; 268 269} 270 271.yui3-skin-night .yui3-menuitem-active .yui3-menuitem-content, 272.yui3-skin-night .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content { 273 274 background-image: none; 275 background-color: #292a2a; 276 background: -moz-linear-gradient( 277 0% 100% 90deg, 278 #252626 0%, 279 #333434 100% 280 ); 281 background: -webkit-gradient( 282 linear, 283 left top, 284 left bottom, 285 from(#333434), 286 to(#252626) 287 ); 288 289 /* 290 Undo values set for "border-left-width" and "margin-left" when the root 291 menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied. 292 */ 293 294 border-left-width: 0; 295 margin-left: 0; 296 297} 298 299.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-active, 300.yui3-skin-night .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, 301.yui3-skin-night .yui3-menu-horizontal .yui3-menu-label-menuvisible { 302 303 border-color: #303030; 304 background-color:#555658; 305 background: -moz-linear-gradient( 306 0% 100% 90deg, 307 #343536 0%, 308 #555658 96%, 309 #3E3F41 100% 310 ); 311 background: -webkit-gradient( 312 linear, 313 left bottom, 314 left top, 315 from(#343536), 316 color-stop(0.96, #555658), 317 to(#3E3F41) 318 ); 319 320} 321 322.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-active, 323.yui3-skin-night .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content, 324.yui3-skin-night .yui3-menubuttonnav .yui3-menu-label-menuvisible, 325.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-active, 326.yui3-skin-night .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content, 327.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible { 328 329 border-left-width: 1px; 330 margin-left: -1px; 331 332} 333 334.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible { 335 336 border-color: #303030; 337 background: transparent; 338 339} 340 341.yui3-skin-night .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle { 342 343 border-color: #303030; 344 background-color: #505050; 345 346} 347 348.yui3-skin-sam .yui3-console-separate { 349 position:absolute; 350 right:1em; 351 top:1em; 352 z-index:999; 353} 354 355.yui3-skin-sam .yui3-console-inline { 356 /* xbrowser inline-block styles */ 357 display: -moz-inline-stack; /* FF2 */ 358 display: inline-block; 359 *display: inline; /* IE 7- (with zoom) */ 360 zoom: 1; 361 vertical-align: top; 362} 363.yui3-skin-sam .yui3-console-inline .yui3-console-content { 364 position: relative; 365} 366 367.yui3-skin-sam .yui3-console-content { 368 background: #777; 369 _background: #D8D8DA url(bg.png) repeat-x 0 0; 370 font: normal 13px/1.3 Arial, sans-serif; 371 text-align: left; 372 373 border: 1px solid #777; 374 border-radius: 10px; 375 -moz-border-radius: 10px; 376 -webkit-border-radius: 10px; 377} 378 379.yui3-skin-sam .yui3-console-hd, 380.yui3-skin-sam .yui3-console-bd, 381.yui3-skin-sam .yui3-console-ft { 382 position: relative; 383} 384 385.yui3-skin-sam .yui3-console-hd, 386.yui3-skin-sam .yui3-console-ft .yui3-console-controls { 387 text-align: right; 388} 389 390.yui3-skin-sam .yui3-console-hd { 391 background: #D8D8DA url(bg.png) repeat-x 0 0; 392 padding: 1ex; 393 394 border: 1px solid transparent; 395 _border: 0 none; 396 border-top-right-radius: 10px; 397 border-top-left-radius: 10px; 398 -moz-border-radius-topright: 10px; 399 -moz-border-radius-topleft: 10px; 400 -webkit-border-top-right-radius: 10px; 401 -webkit-border-top-left-radius: 10px; 402} 403 404.yui3-skin-sam .yui3-console-bd { 405 background: #fff; 406 border-top: 1px solid #777; 407 border-bottom: 1px solid #777; 408 color: #000; 409 font-size: 11px; 410 overflow: auto; 411 overflow-x: auto; 412 overflow-y: scroll; 413 _width: 100%; 414} 415 416.yui3-skin-sam .yui3-console-ft { 417 background: #D8D8DA url(bg.png) repeat-x 0 0; 418 419 border: 1px solid transparent; 420 _border: 0 none; 421 border-bottom-right-radius: 10px; 422 border-bottom-left-radius: 10px; 423 -moz-border-radius-bottomright: 10px; 424 -moz-border-radius-bottomleft: 10px; 425 -webkit-border-bottom-right-radius: 10px; 426 -webkit-border-bottom-left-radius: 10px; 427} 428 429.yui3-skin-sam .yui3-console-controls { 430 padding: 4px 1ex; 431 zoom: 1; 432} 433 434.yui3-skin-sam .yui3-console-title { 435 color: #000; 436 display: inline; 437 float: left; 438 font-weight: bold; 439 font-size: 13px; 440 height: 24px; 441 line-height: 24px; 442 margin: 0; 443 padding-left: 1ex; 444} 445 446.yui3-skin-sam .yui3-console-pause-label { 447 float: left; 448} 449.yui3-skin-sam .yui3-console-button { 450 line-height: 1.3; 451} 452 453.yui3-skin-sam .yui3-console-collapsed .yui3-console-bd, 454.yui3-skin-sam .yui3-console-collapsed .yui3-console-ft { 455 display: none; 456} 457.yui3-skin-sam .yui3-console-content.yui3-console-collapsed { 458 -webkit-border-radius: 0; 459} 460.yui3-skin-sam .yui3-console-collapsed .yui3-console-hd { 461 border-radius: 10px; 462 -moz-border-radius: 10px; 463 -webkit-border-radius: 0; 464} 465 466/* Log entries */ 467.yui3-skin-sam .yui3-console-entry { 468 border-bottom: 1px solid #aaa; 469 min-height: 32px; 470 _height: 32px; 471} 472 473.yui3-skin-sam .yui3-console-entry-meta { 474 margin: 0; 475 overflow: hidden; 476} 477 478.yui3-skin-sam .yui3-console-entry-content { 479 margin: 0; 480 padding: 0 1ex; 481 white-space: pre-wrap; 482 word-wrap: break-word; 483} 484 485.yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-src { 486 color: #000; 487 font-style: italic; 488 font-weight: bold; 489 float: right; 490 margin: 2px 5px 0 0; 491} 492.yui3-skin-sam .yui3-console-entry-meta .yui3-console-entry-time { 493 color: #777; 494 padding-left: 1ex; 495} 496.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-time { 497 color: #555; 498} 499 500.yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-meta .yui3-console-entry-cat, 501.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-meta .yui3-console-entry-cat, 502.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-meta .yui3-console-entry-cat { 503 display: none; 504} 505.yui3-skin-sam .yui3-console-entry-warn { 506 background: #aee url(warn_error.png) no-repeat -15px 15px; 507} 508.yui3-skin-sam .yui3-console-entry-error { 509 background: #ffa url(warn_error.png) no-repeat 5px -24px; 510 color: #900; 511} 512.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-content, 513.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-content { 514 padding-left: 24px; 515} 516.yui3-skin-sam .yui3-console-entry-cat { 517 text-transform: uppercase; 518 padding: 1px 4px; 519 background-color: #ccc; 520} 521.yui3-skin-sam .yui3-console-entry-info .yui3-console-entry-cat { 522 background-color: #ac2; 523} 524.yui3-skin-sam .yui3-console-entry-warn .yui3-console-entry-cat { 525 background-color: #e81; 526} 527.yui3-skin-sam .yui3-console-entry-error .yui3-console-entry-cat { 528 background-color: #b00; 529 color: #fff; 530} 531 532.yui3-skin-sam .yui3-console-hidden { display: none; } 533 534/* 535Font sizes for all selectors other than the body are given in percentages, 536with 100% equal to 13px. To calculate a font size percentage, multiply the 537desired size in pixels by 7.6923076923. 538 539Here's a quick lookup table: 540 54110px - 76.923% 54211px - 84.615% 54312px - 92.308% 54413px - 100% 54514px - 107.692% 54615px - 115.385% 54716px - 123.077% 54817px - 130.769% 54918px - 138.462% 55019px - 146.154% 55120px - 153.846% 552*/ 553 554html { 555 background: #fff; 556 color: #333; 557 overflow-y: scroll; 558} 559 560body { 561 font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', 'Bitstream Vera Sans', 'Helvetica', 'Arial', sans-serif; 562 margin: 0; 563 padding: 0; 564} 565 566/* -- Links ----------------------------------------------------------------- */ 567a { 568 color: #356de4; 569 text-decoration: none; 570} 571 572a:hover { text-decoration: underline; } 573 574/* "Jump to Table of Contents" link is shown to assistive tools, but hidden from 575 sight until it's focused. */ 576.jump { 577 position: absolute; 578 padding: 3px 6px; 579 left: -99999px; 580 top: 0; 581} 582 583.jump:focus { left: 40%; } 584 585/* -- Paragraphs ------------------------------------------------------------ */ 586p { margin: 1.3em 0; } 587dd p, td p { margin-bottom: 0; } 588dd p:first-child, td p:first-child { margin-top: 0; } 589 590/* -- Headings -------------------------------------------------------------- */ 591h1, h2, h3, h4, h5, h6 { 592 font-weight: bold; 593 line-height: 1.1; 594 margin: 1.5em 0 1em; 595} 596 597h2, h3, h4, h5, h6 { color: #f80; } 598 599h1 { 600 font-family: Verdana, 'DejaVu Sans', 'Bitstream Vera Sans', Helvetica, sans-serif; 601 font-size: 261.538%; /* 34px */ 602 margin: 25px 0 18px 25px; 603 -moz-text-shadow: 1px 1px 2px #999; 604 -webkit-text-shadow: 1px 1px 2px #999; 605 text-shadow: 1px 1px 2px #999; 606} 607 608h2 { 609 font-size: 153.846%; 610 margin-top: 1.2em; 611} 612 613h3 { font-size: 138.462%; } 614 615h4 { 616 border-bottom: 1px solid #d9d9d9; 617 color: #555; 618 font-size: 115.385%; 619 font-weight: normal; 620 text-transform: uppercase; 621} 622 623h5, h6 { font-size: 107.692%; } 624 625/* -- Code and examples ----------------------------------------------------- */ 626code, kbd, pre, samp { 627 font-family: Menlo, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Consolas', 'Monaco', fixed; 628 font-size: 92.308%; 629 line-height: 1.35; 630} 631 632p code, p kbd, p samp { 633 background: #f6f6f6; 634 border: 1px solid #ededed; 635 padding: 0 3px; 636} 637 638a code, a kbd, a samp, 639pre code, pre kbd, pre samp, 640table code, table kbd, table samp, 641.intro code, .intro kbd, .intro samp, 642.toc code, .toc kbd, .toc samp { 643 background: none; 644 border: none; 645 padding: 0; 646} 647 648pre.code, pre.terminal { 649 overflow-x: auto; 650 *overflow-x: scroll; 651 padding: 0.3em 0.6em; 652} 653 654pre.code { 655 background: #f8f8f8; 656 border: 1px solid #ececec; 657 border-left: 5px solid #e2e2e2; 658} 659 660pre.terminal { 661 background: #F0EFFC; 662 border: 1px solid #D0CBFB; 663 border-left: 5px solid #D0CBFB; 664} 665 666/* Don't reduce the font size of <code>/<kbd>/<samp> elements inside <pre> 667 blocks. */ 668pre code, pre kbd, pre samp { font-size: 100%; } 669 670/* Used to denote text that shouldn't be selectable, such as line numbers or 671 shell prompts. Guess which browser this doesn't work in. */ 672.noselect { 673 -moz-user-select: -moz-none; 674 -khtml-user-select: none; 675 -webkit-user-select: none; 676 -o-user-select: none; 677 user-select: none; 678} 679 680/* -- Tables ---------------------------------------------------------------- */ 681caption, th { text-align: left; } 682 683table { 684 border-collapse: collapse; 685 width: 100%; 686} 687 688td, th { 689 border: 1px solid #fff; 690 padding: 5px 12px; 691 vertical-align: top; 692} 693 694td { background: #E5EDF1; } 695td dl { margin: 0; } 696td dl dl { margin: 1em 0; } 697td pre:first-child { margin-top: 0; } 698 699th { 700 background: #6C8EA1; 701 color: #fff; 702 font-weight: bold; 703 line-height: 1.3; 704 text-transform: uppercase; 705 white-space: nowrap; 706} 707 708/* -- Lists ----------------------------------------------------------------- */ 709.spaced li { margin: 0.8em 0; } 710 711dd { margin: 0.2em 0 0.7em 1em; } 712dl { margin: 1em 0; } 713dt { font-weight: bold; } 714 715/* -- Layout and Content ---------------------------------------------------- */ 716#doc { 717 margin: auto; 718 width: 1024px; 719} 720 721#main { width: 754px; } 722#sidebar { width: 270px; } 723 724.content { padding: 0 20px 0 25px; } 725 726/* -- Sidebar --------------------------------------------------------------- */ 727.sidebox { 728 -moz-border-radius: 4px; 729 -webkit-border-radius: 4px; 730 border-radius: 4px; 731 -moz-box-shadow: 0 0 3px #afafaf; 732 -webkit-box-shadow: 0 0 3px #afafaf; 733 box-shadow: 0 0 3px #afafaf; 734 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif; 735 margin: 0 20px 15px 5px; 736 padding: 2px; 737} 738 739.sidebox h2 { 740 background: #efefef; 741 -moz-border-radius: 4px; 742 -webkit-border-radius: 4px; 743 border-radius: 4px; 744 color: #333; 745 font-size: 107.692%; 746 margin: 0; 747 padding: 2px 6px 3px; 748} 749 750.sidebox .bd { font-size: 84.615%; } 751.sidebox li { list-style-type: square; } 752 753.sidebox ol, .sidebox ul { 754 margin-left: 0; 755 padding-left: 24px; 756} 757 758.sidebox ol ol, .sidebox ol ul, 759.sidebox ul ol, .sidebox ul ul { 760 margin: 0; 761 padding-left: 16px; 762} 763 764/* -- Table of Contents ----------------------------------------------------- */ 765 766/* The #toc id refers to the single global table of contents, while the .toc 767 class refers to generic TOC lists that could be used throughout the page. */ 768 769.toc code, .toc kbd, .toc samp { font-size: 100%; } 770.toc li { font-weight: bold; } 771.toc li li { font-weight: normal; } 772 773/* -- Intro and Example Boxes ----------------------------------------------- */ 774.intro, .example { margin-bottom: 2em; } 775 776.example { 777 -moz-border-radius: 4px; 778 -webkit-border-radius: 4px; 779 border-radius: 4px; 780 -moz-box-shadow: 0 0 5px #bfbfbf; 781 -webkit-box-shadow: 0 0 5px #bfbfbf; 782 box-shadow: 0 0 5px #bfbfbf; 783 padding: 1em; 784} 785 786.intro { 787 background: #E2EEFB; 788 border: 1px solid #BDD6F4; 789 padding: 0em 1em; 790} 791 792/* -- Other Styles ---------------------------------------------------------- */ 793 794/* These are probably YUI-specific, and should be moved out of Selleck's default 795 theme. */ 796 797.button { 798 border: 1px solid #dadada; 799 -moz-border-radius: 3px; 800 -webkit-border-radius: 3px; 801 border-radius: 3px; 802 color: #444; 803 display: inline-block; 804 font-family: Helvetica, Arial, sans-serif; 805 font-size: 92.308%; 806 font-weight: bold; 807 padding: 4px 13px 3px; 808 -moz-text-shadow: 1px 1px 0 #fff; 809 -webkit-text-shadow: 1px 1px 0 #fff; 810 text-shadow: 1px 1px 0 #fff; 811 white-space: nowrap; 812 813 background: #EFEFEF; /* old browsers */ 814 background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 50%, #e5e5e5 51%, #dfdfdf 100%); /* firefox */ 815 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 */ 816 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dfdfdf',GradientType=0 ); /* ie */ 817} 818 819.button:hover { 820 border-color: #466899; 821 color: #fff; 822 text-decoration: none; 823 -moz-text-shadow: 1px 1px 0 #222; 824 -webkit-text-shadow: 1px 1px 0 #222; 825 text-shadow: 1px 1px 0 #222; 826 827 background: #6396D8; /* old browsers */ 828 background: -moz-linear-gradient(top, #6396D8 0%, #5A83BC 50%, #547AB7 51%, #466899 100%); /* firefox */ 829 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 */ 830 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6396D8', endColorstr='#466899',GradientType=0 ); /* ie */ 831} 832 833.newwindow { text-align: center; } 834 835/* Vertical menus and submenus */ 836 837.yui3-skin-sam .yui3-menu-content, 838.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content { 839 840 font-size: 93%; /* 12px */ 841 line-height: 1.5; /* 18px */ 842 *line-height: 1.45; /* For IE */ 843 border: solid 1px #808080; 844 background: #fff; 845 padding: 3px 0; 846 847} 848 849.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content { 850 851 font-size: 100%; 852 853} 854 855 856/* Horizontal menus */ 857 858.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content { 859 860 line-height: 2; /* ~24px */ 861 *line-height: 1.9; /* For IE */ 862 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; 863 padding: 0; 864 865} 866 867 868.yui3-skin-sam .yui3-menu ul, 869.yui3-skin-sam .yui3-menu ul ul { 870 871 margin-top: 3px; 872 padding-top: 3px; 873 border-top: solid 1px #ccc; 874 875} 876 877.yui3-skin-sam .yui3-menu ul.first-of-type { 878 879 border: 0; 880 margin: 0; 881 padding: 0; 882 883} 884 885.yui3-skin-sam .yui3-menu-horizontal ul { 886 887 padding: 0; 888 margin: 0; 889 border: 0; 890 891} 892 893 894.yui3-skin-sam .yui3-menu li, 895.yui3-skin-sam .yui3-menu .yui3-menu li { 896 897 /* 898 For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only): 899 Used to collapse superfluous white space between <li> elements that is 900 triggered by the "display" property of the <a> elements being set to 901 "block" by node-menunav-core.css file. 902 */ 903 904 _border-bottom: solid 1px #fff; 905 906} 907 908.yui3-skin-sam .yui3-menu-horizontal li { 909 910 _border-bottom: 0; 911 912} 913 914.yui3-skin-sam .yui3-menubuttonnav li { 915 916 border-right: solid 1px #ccc; 917 918} 919 920.yui3-skin-sam .yui3-splitbuttonnav li { 921 922 border-right: solid 1px #808080; 923 924} 925 926.yui3-skin-sam .yui3-menubuttonnav li li, 927.yui3-skin-sam .yui3-splitbuttonnav li li { 928 929 border-right: 0; 930 931} 932 933 934/* Menuitems and menu labels */ 935 936 937.yui3-skin-sam .yui3-menu-label, 938.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label, 939.yui3-skin-sam .yui3-menuitem-content, 940.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content { 941 942 /*padding: 0 20px;*/ 943 padding: 0 1em; 944 color: #000; 945 text-decoration: none; 946 cursor: default; 947 948 /* 949 Necessary specify values for border, position and margin to override 950 values specified in the selectors that follow. 951 */ 952 953 float: none; 954 border: 0; 955 margin: 0; 956 957} 958 959.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label, 960.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content { 961 962 padding: 0 10px; 963 border-style: solid; 964 border-color: #808080; 965 border-width: 1px 0; 966 margin: -1px 0; 967 968 float: left; /* Ensures that menu labels clear floated descendents. 969 Also gets negative margins working in IE 7 970 (Strict Mode). */ 971 width: auto; 972 973} 974 975.yui3-skin-sam .yui3-menu-label, 976.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label { 977 978 background: url(vertical-menu-submenu-indicator.png) right center no-repeat; 979 980} 981 982.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label { 983 984 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; 985 986} 987 988.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label, 989.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label { 990 991 background-image: none; 992 993} 994 995.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label { 996 997 padding-right: 0; 998 999} 1000 1001.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em { 1002 1003 font-style: normal; 1004 padding-right: 20px; 1005 display: block; 1006 background: url(horizontal-menu-submenu-indicator.png) right center no-repeat; 1007 1008} 1009 1010 1011.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label { 1012 1013 padding: 0; 1014 1015} 1016 1017.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a { 1018 1019 float: left; 1020 width: auto; 1021 color: #000; 1022 text-decoration: none; 1023 cursor: default; 1024 padding: 0 5px 0 10px; 1025 1026} 1027 1028.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle { 1029 1030 padding: 0; /* Overide padding applied by the preceeding rule. */ 1031 border-left: solid 1px #ccc; 1032 width: 15px; 1033 overflow: hidden; 1034 text-indent: -1000px; 1035 background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat; 1036 1037} 1038 1039 1040/* Selected menuitem */ 1041 1042.yui3-skin-sam .yui3-menu-label-active, 1043.yui3-skin-sam .yui3-menu-label-menuvisible, 1044.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active, 1045.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible { 1046 1047 background-color: #B3D4FF; 1048 1049} 1050 1051.yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content, 1052.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content { 1053 1054 background-image: none; 1055 background-color: #B3D4FF; 1056 1057 /* 1058 Undo values set for "border-left-width" and "margin-left" when the root 1059 menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied. 1060 */ 1061 1062 border-left-width: 0; 1063 margin-left: 0; 1064 1065} 1066 1067.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active, 1068.yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content, 1069.yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible { 1070 1071 border-color: #7D98B8; 1072 background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px; 1073 1074} 1075 1076.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active, 1077.yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content, 1078.yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible, 1079.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active, 1080.yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content, 1081.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible { 1082 1083 border-left-width: 1px; 1084 margin-left: -1px; 1085 1086} 1087 1088.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible { 1089 1090 border-color: #808080; 1091 background: transparent; 1092 1093} 1094 1095.yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle { 1096 1097 border-color: #7D98B8; 1098 background: url(horizontal-menu-submenu-toggle.png) left center no-repeat; 1099 1100} 1101 1102 1103/* 1104* 1105* The YUI CSS Foundation uses the *property and _property CSS filter 1106* techniques to shield a value from A-grade browsers [1] other than 1107* IE6 & IE7 (*property) and IE6 (_property) 1108* 1109/ 1110Section: General Rules 1111*/ 1112.yui3-cssgrids body { 1113 /* center the page */ 1114 text-align: center; 1115 margin-left: auto; 1116 margin-right: auto; 1117} 1118/* 1119Section: Page Width Rules (#doc, #doc2, #doc3, #doc4) 1120*/ 1121/* 1122Subsection: General 1123*/ 1124.yui3-cssgrids .yui3-d0, /* 100% */ 1125.yui3-cssgrids .yui3-d1, /* 750px */ 1126.yui3-cssgrids .yui3-d1f, /* 750px fixed */ 1127.yui3-cssgrids .yui3-d2, /* 950px */ 1128.yui3-cssgrids .yui3-d2f, /* 950px fixed */ 1129.yui3-cssgrids .yui3-d3, /* 974px */ 1130.yui3-cssgrids .yui3-d3f { /* 974px fixed */ 1131 margin: auto; 1132 text-align: left; 1133 width: 57.69em; 1134 *width: 56.25em; /* doc1*/ 1135} 1136 1137.yui3-cssgrids .yui3-t1, 1138.yui3-cssgrids .yui3-t2, 1139.yui3-cssgrids .yui3-t3, 1140.yui3-cssgrids .yui3-t4, 1141.yui3-cssgrids .yui3-t5, 1142.yui3-cssgrids .yui3-t6 { 1143 margin: auto; 1144 text-align: left; 1145 width: 100%; 1146} 1147 1148/* 1149Subsection: 100% (doc) 1150*/ 1151.yui3-cssgrids .yui3-d0 { 1152 /* Left and Right margins are not a structural part of Grids. Without them Grids 1153 works fine, but content bleeds to the very edge of the document, which often 1154 impairs readability and usability. They are 1155 provided because they prevent the content from "bleeding" into the browser's chrome.*/ 1156 margin: auto 10px; 1157 width: auto; 1158} 1159.yui3-cssgrids .yui3-d0f { 1160 width: 100%; 1161} 1162 1163/* 1164Subsection: 950 Centered (doc2) 1165*/ 1166.yui3-cssgrids .yui3-d2 { 1167 width: 73.076em; 1168 *width: 71.25em; 1169} 1170.yui3-cssgrids .yui3-d2f { 1171 width: 950px; 1172} 1173/* 1174Subsection: 974 Centered (doc3) 1175*/ 1176.yui3-cssgrids .yui3-d3 { 1177 width: 74.923em; 1178 *width: 73.05em; 1179} 1180.yui3-cssgrids .yui3-d3f { 1181 width: 974px; 1182} 1183/* 1184Section: Preset Template Rules (.yui3-t[1-6]) 1185*/ 1186/* 1187Subsection: General 1188*/ 1189 1190/* to preserve source-order independence for Gecko without breaking IE */ 1191.yui3-cssgrids .yui3-b { 1192 position: relative; 1193} 1194.yui3-cssgrids .yui3-b { 1195 _position: static; 1196} 1197.yui3-cssgrids .yui3-main .yui3-b { 1198 position: static; 1199} 1200.yui3-cssgrids .yui3-main { 1201 width: 100%; 1202} 1203.yui3-cssgrids .yui3-t1 .yui3-main, 1204.yui3-cssgrids .yui3-t2 .yui3-main, 1205.yui3-cssgrids .yui3-t3 .yui3-main { 1206 float: right; 1207 /* IE: preserve layout at narrow widths */ 1208 margin-left: -25em; 1209} 1210.yui3-cssgrids .yui3-t4 .yui3-main, 1211.yui3-cssgrids .yui3-t5 .yui3-main, 1212.yui3-cssgrids .yui3-t6 .yui3-main { 1213 float: left; 1214 /* IE: preserve layout at narrow widths */ 1215 margin-right: -25em; 1216} 1217 1218/* Subsection: For Specific Template Presets */ 1219 1220/** 1221* Nudge down to get to 13px equivalent for these form elements 1222*/ 1223 1224/* 1225TODO Create t1-6's that are based on fixed widths 1226*/ 1227/* t1 narrow block = left, equivalent of 160px */ 1228.yui3-cssgrids .yui3-t1 .yui3-b { 1229 float: left; 1230 width: 12.30769em; 1231 *width: 12.00em; 1232} 1233.yui3-cssgrids .yui3-t1 .yui3-main .yui3-b { 1234 margin-left: 13.30769em; 1235 *margin-left:12.975em; 1236} 1237/* t2 narrow block = left, equivalent of 180px */ 1238.yui3-cssgrids .yui3-t2 .yui3-b { 1239 float: left; 1240 width: 13.84615em; 1241 *width: 13.50em; 1242} 1243.yui3-cssgrids .yui3-t2 .yui3-main .yui3-b { 1244 margin-left: 14.84615em; 1245 *margin-left: 14.475em; 1246} 1247/* t3 narrow block = left, equivalent of 300px */ 1248.yui3-cssgrids .yui3-t3 .yui3-b { 1249 float: left; 1250 width: 23.0769em; 1251 *width: 22.50em; 1252} 1253.yui3-cssgrids .yui3-t3 .yui3-main .yui3-b { 1254 margin-left: 24.0769em; 1255 *margin-left: 23.475em; 1256} 1257/* t4 narrow block = right, equivalent of 180px */ 1258.yui3-cssgrids .yui3-t4 .yui3-b { 1259 float: right; 1260 width: 13.8456em; 1261 *width: 13.50em; 1262} 1263.yui3-cssgrids .yui3-t4 .yui3-main .yui3-b { 1264 margin-right: 14.8456em; 1265 *margin-right: 14.475em; 1266} 1267/* t5 narrow block = right, equivalent of 240px */ 1268.yui3-cssgrids .yui3-t5 .yui3-b { 1269 float: right; 1270 width: 18.4615em; 1271 *width: 18.00em; 1272} 1273.yui3-cssgrids .yui3-t5 .yui3-main .yui3-b { 1274 margin-right: 19.4615em; 1275 *margin-right: 18.975em; 1276} 1277/* t6 narrow block = equivalent of 300px */ 1278.yui3-cssgrids .yui3-t6 .yui3-b { 1279 float: right; 1280 width: 23.0769em; 1281 *width: 22.50em; 1282} 1283.yui3-cssgrids .yui3-t6 .yui3-main .yui3-b { 1284 margin-right: 24.0769em; 1285 *margin-right: 23.475em; 1286} 1287 1288.yui3-cssgrids .yui3-main .yui3-b { 1289 float: none; 1290 width: auto; 1291} 1292 1293/* 1294Section: Grids and Nesting Grids 1295*/ 1296 1297/* 1298Subsection: Children generally take half the available space 1299*/ 1300 1301.yui3-cssgrids .yui3-gb .yui3-u, 1302.yui3-cssgrids .yui3-g .yui3-gb .yui3-u, 1303.yui3-cssgrids .yui3-gb .yui3-g, 1304.yui3-cssgrids .yui3-gb .yui3-gb, 1305.yui3-cssgrids .yui3-gb .yui3-gc, 1306.yui3-cssgrids .yui3-gb .yui3-gd, 1307.yui3-cssgrids .yui3-gb .yui3-ge, 1308.yui3-cssgrids .yui3-gb .yui3-gf, 1309.yui3-cssgrids .yui3-gc .yui3-u, 1310.yui3-cssgrids .yui3-gc .yui3-g, 1311.yui3-cssgrids .yui3-gd .yui3-u { 1312 float: left; 1313} 1314 1315/*Float units (and sub grids) to the right */ 1316.yui3-cssgrids .yui3-g .yui3-u, 1317.yui3-cssgrids .yui3-g .yui3-g, 1318.yui3-cssgrids .yui3-g .yui3-gb, 1319.yui3-cssgrids .yui3-g .yui3-gc, 1320.yui3-cssgrids .yui3-g .yui3-gd, 1321.yui3-cssgrids .yui3-g .yui3-ge, 1322.yui3-cssgrids .yui3-g .yui3-gf, 1323.yui3-cssgrids .yui3-gc .yui3-u, 1324.yui3-cssgrids .yui3-gd .yui3-g, 1325.yui3-cssgrids .yui3-g .yui3-gc .yui3-u, 1326.yui3-cssgrids .yui3-ge .yui3-u, 1327.yui3-cssgrids .yui3-ge .yui3-g, 1328.yui3-cssgrids .yui3-gf .yui3-g, 1329.yui3-cssgrids .yui3-gf .yui3-u { 1330 float: right; 1331} 1332 1333/*Float units (and sub grids) to the left */ 1334.yui3-cssgrids .yui3-g div.first, 1335.yui3-cssgrids .yui3-gb div.first, 1336.yui3-cssgrids .yui3-gc div.first, 1337.yui3-cssgrids .yui3-gd div.first, 1338.yui3-cssgrids .yui3-ge div.first, 1339.yui3-cssgrids .yui3-gf div.first, 1340.yui3-cssgrids .yui3-g .yui3-gc div.first, 1341.yui3-cssgrids .yui3-g .yui3-ge div.first, 1342.yui3-cssgrids .yui3-gc div.first div.first { 1343 float: left; 1344} 1345 1346.yui3-cssgrids .yui3-g .yui3-u, 1347.yui3-cssgrids .yui3-g .yui3-g, 1348.yui3-cssgrids .yui3-g .yui3-gb, 1349.yui3-cssgrids .yui3-g .yui3-gc, 1350.yui3-cssgrids .yui3-g .yui3-gd, 1351.yui3-cssgrids .yui3-g .yui3-ge, 1352.yui3-cssgrids .yui3-g .yui3-gf { 1353 width: 49.1%; 1354} 1355 1356.yui3-cssgrids .yui3-gb .yui3-u, 1357.yui3-cssgrids .yui3-g .yui3-gb .yui3-u, 1358.yui3-cssgrids .yui3-gb .yui3-g, 1359.yui3-cssgrids .yui3-gb .yui3-gb, 1360.yui3-cssgrids .yui3-gb .yui3-gc, 1361.yui3-cssgrids .yui3-gb .yui3-gd, 1362.yui3-cssgrids .yui3-gb .yui3-ge, 1363.yui3-cssgrids .yui3-gb .yui3-gf, 1364.yui3-cssgrids .yui3-gc .yui3-u, 1365.yui3-cssgrids .yui3-gc .yui3-g, 1366.yui3-cssgrids .yui3-gd .yui3-u { 1367 width: 32%; 1368 margin-left: 2.0%; 1369} 1370 1371/* Give IE some extra breathing room for 1/3-based rounding issues */ 1372.yui3-cssgrids .yui3-gb .yui3-u { 1373 *width: 31.8%; 1374 *margin-left: 1.9%; 1375} 1376 1377.yui3-cssgrids .yui3-gc div.first, 1378.yui3-cssgrids .yui3-gd .yui3-u { 1379 width: 66%; 1380 _width: 65.7%; 1381} 1382.yui3-cssgrids .yui3-gd div.first { 1383 width: 32%; 1384 _width: 31.5%; 1385} 1386 1387.yui3-cssgrids .yui3-ge div.first, 1388.yui3-cssgrids .yui3-gf .yui3-u { 1389 width: 74.2%; 1390 _width: 74%; 1391} 1392 1393.yui3-cssgrids .yui3-ge .yui3-u, 1394.yui3-cssgrids .yui3-gf div.first { 1395 width: 24%; 1396 _width: 23.8%; 1397} 1398 1399.yui3-cssgrids .yui3-g .yui3-gb div.first, 1400.yui3-cssgrids .yui3-gb div.first, 1401.yui3-cssgrids .yui3-gc div.first, 1402.yui3-cssgrids .yui3-gd div.first { 1403 margin-left: 0; 1404} 1405 1406/* 1407Section: Deep Nesting 1408*/ 1409.yui3-cssgrids .yui3-g .yui3-g .yui3-u, 1410.yui3-cssgrids .yui3-gb .yui3-g .yui3-u, 1411.yui3-cssgrids .yui3-gc .yui3-g .yui3-u, 1412.yui3-cssgrids .yui3-gd .yui3-g .yui3-u, 1413.yui3-cssgrids .yui3-ge .yui3-g .yui3-u, 1414.yui3-cssgrids .yui3-gf .yui3-g .yui3-u { 1415 width: 49%; 1416 *width: 48.1%; 1417 *margin-left: 0; 1418} 1419 1420.yui3-cssgrids .yui3-g .yui3-gb div.first, 1421.yui3-cssgrids .yui3-gb .yui3-gb div.first { 1422 *margin-right: 0; 1423 *width: 32%; 1424 _width: 31.7%; 1425} 1426 1427.yui3-cssgrids .yui3-g .yui3-gc div.first, 1428.yui3-cssgrids .yui3-gd .yui3-g { 1429 width: 66%; 1430} 1431 1432.yui3-cssgrids .yui3-gb .yui3-g div.first { 1433 *margin-right: 4%; 1434 _margin-right: 1.3%; 1435} 1436 1437.yui3-cssgrids .yui3-gb .yui3-gc div.first, 1438.yui3-cssgrids .yui3-gb .yui3-gd div.first { 1439 *margin-right: 0; 1440} 1441 1442.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u, 1443.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u { 1444 *margin-left: 1.8%; 1445 _margin-left: 4%; 1446} 1447 1448.yui3-cssgrids .yui3-g .yui3-gb .yui3-u { 1449 _margin-left: 1.0%; 1450} 1451 1452.yui3-cssgrids .yui3-gb .yui3-gd .yui3-u { 1453 *width: 66%; 1454 _width: 61.2%; 1455} 1456.yui3-cssgrids .yui3-gb .yui3-gd div.first { 1457 *width: 31%; 1458 _width: 29.5%; 1459} 1460 1461.yui3-cssgrids .yui3-g .yui3-gc .yui3-u, 1462.yui3-cssgrids .yui3-gb .yui3-gc .yui3-u { 1463 width: 32%; 1464 _float: right; 1465 margin-right: 0; 1466 _margin-left: 0; 1467} 1468.yui3-cssgrids .yui3-gb .yui3-gc div.first { 1469 width: 66%; 1470 *float: left; 1471 *margin-left: 0; 1472} 1473 1474.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u, 1475.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u { 1476 margin: 0; 1477} 1478 1479.yui3-cssgrids .yui3-gb .yui3-gb .yui3-u { 1480 _margin-left: .7%; 1481} 1482 1483.yui3-cssgrids .yui3-gb .yui3-g div.first, 1484.yui3-cssgrids .yui3-gb .yui3-gb div.first { 1485 *margin-left:0; 1486} 1487 1488.yui3-cssgrids .yui3-gc .yui3-g .yui3-u, 1489.yui3-cssgrids .yui3-gd .yui3-g .yui3-u { 1490 *width: 48.1%; 1491 *margin-left: 0; 1492} 1493 1494.yui3-cssgrids .yui3-gb .yui3-gd div.first { 1495 width: 32%; 1496} 1497.yui3-cssgrids .yui3-g .yui3-gd div.first { 1498 _width: 29.9%; 1499} 1500 1501.yui3-cssgrids .yui3-ge .yui3-g { 1502 width: 24%; 1503} 1504.yui3-cssgrids .yui3-gf .yui3-g { 1505 width: 74.2%; 1506} 1507 1508.yui3-cssgrids .yui3-gb .yui3-ge div.yui3-u, 1509.yui3-cssgrids .yui3-gb .yui3-gf div.yui3-u { 1510 float: right; 1511} 1512.yui3-cssgrids .yui3-gb .yui3-ge div.first, 1513.yui3-cssgrids .yui3-gb .yui3-gf div.first { 1514 float: left; 1515} 1516 1517/* Width Accommodation for Nested Contexts */ 1518.yui3-cssgrids .yui3-gb .yui3-ge .yui3-u, 1519.yui3-cssgrids .yui3-gb .yui3-gf div.first { 1520 *width: 24%; 1521 _width: 20%; 1522} 1523 1524/* Width Accommodation for Nested Contexts */ 1525 1526.yui3-cssgrids .yui3-gc .yui3-gf .yui3-u { 1527 width: 74%; 1528 _width: 73%; 1529} 1530 1531.yui3-cssgrids .yui3-gc .yui3-gf div.first { 1532 width: 24%; 1533} 1534 1535.yui3-cssgrids .yui3-gb .yui3-ge div.first, 1536.yui3-cssgrids .yui3-gb .yui3-gf .yui3-u { 1537 *width: 73.5%; 1538 _width: 65.5%; 1539} 1540 1541/* Patch for GD within GE */ 1542.yui3-cssgrids .yui3-ge div.first .yui3-gd .yui3-u { 1543 width: 65%; 1544} 1545.yui3-cssgrids .yui3-ge div.first .yui3-gd div.first { 1546 width: 32%; 1547} 1548 1549/* 1550Section: Clearing. zoom for IE, :after for others 1551*/ 1552 1553.yui3-cssgrids #bd:after, 1554.yui3-cssgrids .yui3-g:after, 1555.yui3-cssgrids .yui3-gb:after, 1556.yui3-cssgrids .yui3-gc:after, 1557.yui3-cssgrids .yui3-gd:after, 1558.yui3-cssgrids .yui3-ge:after, 1559.yui3-cssgrids .yui3-gf:after, 1560.yui3-cssgrids .yui3-t1:after, 1561.yui3-cssgrids .yui3-t2:after, 1562.yui3-cssgrids .yui3-t3:after, 1563.yui3-cssgrids .yui3-t4:after, 1564.yui3-cssgrids .yui3-t5:after, 1565.yui3-cssgrids .yui3-t6:after { 1566 content: "."; 1567 display: block; 1568 height: 0; 1569 clear: both; 1570 visibility: hidden; 1571} 1572.yui3-cssgrids #bd, 1573.yui3-cssgrids .yui3-g, 1574.yui3-cssgrids .yui3-gb, 1575.yui3-cssgrids .yui3-gc, 1576.yui3-cssgrids .yui3-gd, 1577.yui3-cssgrids .yui3-ge, 1578.yui3-cssgrids .yui3-gf, 1579.yui3-cssgrids .yui3-t1, 1580.yui3-cssgrids .yui3-t2, 1581.yui3-cssgrids .yui3-t3, 1582.yui3-cssgrids .yui3-t4, 1583.yui3-cssgrids .yui3-t5, 1584.yui3-cssgrids .yui3-t6 { 1585 zoom: 1; 1586} 1587 1588 1589/* Style for a "Recommendation" */ 1590 1591/* 1592 Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved. 1593 The following software licensing rules apply: 1594 http://www.w3.org/Consortium/Legal/copyright-software */ 1595 1596/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */ 1597 1598body { 1599 padding: 2em 1em 2em 70px; 1600 margin: 0; 1601 font-family: sans-serif; 1602 color: black; 1603 background: white; 1604 background-position: top left; 1605 background-attachment: fixed; 1606 background-repeat: no-repeat; 1607} 1608:link { color: #00C; background: transparent } 1609:visited { color: #609; background: transparent } 1610a:active { color: #C00; background: transparent } 1611 1612a:link img, a:visited img { border-style: none } /* no border on img links */ 1613 1614a img { color: white; } /* trick to hide the border in Netscape 4 */ 1615@media all { /* hide the next rule from Netscape 4 */ 1616 a img { color: inherit; } /* undo the color change above */ 1617} 1618 1619th, td { /* ns 4 */ 1620 font-family: sans-serif; 1621} 1622 1623h1, h2, h3, h4, h5, h6 { text-align: left } 1624/* background should be transparent, but WebTV has a bug */ 1625h1, h2, h3 { color: #005A9C; background: white } 1626h1 { font: 170% sans-serif } 1627h2 { font: 140% sans-serif } 1628h3 { font: 120% sans-serif } 1629h4 { font: bold 100% sans-serif } 1630h5 { font: italic 100% sans-serif } 1631h6 { font: small-caps 100% sans-serif } 1632 1633.hide { display: none } 1634 1635div.head { margin-bottom: 1em } 1636div.head h1 { margin-top: 2em; clear: both } 1637div.head table { margin-left: 2em; margin-top: 2em } 1638 1639p.copyright { font-size: small } 1640p.copyright small { font-size: small } 1641 1642a:hover { background: #ffa } 1643 1644pre { margin-left: 2em } 1645/* 1646p { 1647 margin-top: 0.6em; 1648 margin-bottom: 0.6em; 1649} 1650*/ 1651dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */ 1652dt { font-weight: bold } 1653 1654pre, code { font-family: monospace } /* navigator 4 requires this */ 1655 1656ul.toc, ol.toc { 1657 list-style: disc; /* Mac NS has problem with 'none' */ 1658 list-style: none; 1659} 1660 1661@media aural { 1662 h1, h2, h3 { stress: 20; richness: 90 } 1663 .hide { speak: none } 1664 p.copyright { volume: x-soft; speech-rate: x-fast } 1665 dt { pause-before: 20% } 1666 pre { speak-punctuation: code } 1667} 1668 1669 1670/* 1671 * Style sheet for the HTML 4.0 specification 1672 * $Id: default.css,v 1.13 1999/03/08 17:25:02 ijacobs Exp $ 1673 */ 1674 1675div.example { 1676 width: 100%; 1677 color: black; 1678} 1679div.dtd-example { 1680 width: 100%; 1681 color: black; 1682} 1683tt.example { 1684 color: maroon; 1685 margin-left: 1em; 1686} 1687pre { 1688 color: maroon; 1689 margin-left: 1em; 1690} 1691div.dtd-fragment { 1692 width: 100%; 1693 border: none; 1694 background-color: #eee; 1695} 1696pre.dtd-fragment { 1697 margin-left: 0; 1698} 1699pre.dtd { 1700 color: black; 1701 margin-left: 0; 1702} 1703div.illegal-example { 1704 width: 100%; 1705 color: red; 1706 border: solid red; 1707} 1708div.illegal-example p { 1709 color: black; 1710} 1711div.deprecated-example { 1712 width: 100%; 1713 color: red; 1714 border: solid rgb(255,165,0); /* orange */ 1715} 1716div.deprecated-example p { 1717 color: black; 1718} 1719div.note { 1720 color: green; 1721 margin-left: 1em; 1722} 1723p.note { 1724 color: green; 1725 margin-left: 1em; 1726} 1727ul.toc { 1728 list-style-type: none; 1729} 1730 1731a.normref { 1732 color : red; 1733} 1734 1735a.informref { 1736 color : green; 1737} 1738 1739DIV.subtoc {padding: 1em; border: solid thin; margin: 1em 0; 1740 background: #ddd} 1741 1742 1743#hd { 1744 background: #f5f5f5; /* old browsers */ 1745 background: -moz-linear-gradient(top, #dcdbd9 0%, #F6F5F3 100%); /* firefox was...(top, #ddd 0%, #f8f8f8 100%)*/ 1746 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdbd9), color-stop(100%,#F6F5F3)); /* webkit */ 1747 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdbd9', endColorstr='#F6F5F3',GradientType=0 ); /* ie */ 1748 1749 border-bottom: 1px solid #dfdfdf; 1750 *zoom: 1; 1751 padding: 1em; 1752} 1753#hd h1 { 1754 font-size: 116%; 1755 font-weight: bold; 1756 color: #000; 1757} 1758#ft { 1759 font-size: 85%; 1760 font-style: italic; 1761} 1762#play { 1763 margin-top: .75em; 1764 zoom: 1; 1765} 1766#play:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;} 1767 1768#feeds { 1769 margin-top: .75em; 1770 min-height: 500px; 1771 *height: 500px; 1772 padding: .5em; 1773 position: relative; 1774 1775 background: #F9F9FC;/*E6E9F5*/ 1776 border: 1px solid #D4D8EB; 1777 1778 -moz-border-radius: 4px; 1779 -webkit-border-radius: 4px; 1780 border-radius: 4px; 1781 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1782 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1783 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1784 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif; 1785 margin: 15px 0; 1786 padding-bottom: 1px; 1787 1788} 1789 1790#feeds ul li { 1791 background-repeat: no-repeat; 1792 padding-left: 25px; 1793 margin: 3px; 1794 cursor: move; 1795 zoom: 1; 1796} 1797#feeds ul li.disabled { 1798 opacity: .5; 1799 filter: alpha(opacity=50); 1800 cursor: default; 1801} 1802 1803ul.list { 1804 border: 1px dashed #ccc; 1805 margin: .5em; 1806 width: 325px; 1807 float: left; 1808 min-height: 500px; 1809 *height: 500px; 1810 zoom: 1; 1811 1812} 1813 1814.yui3-dd-proxy { 1815 text-align: left; 1816 padding-left: 20px; 1817 padding: 5px; 1818 margin: 2px; 1819} 1820 1821.yui3-dd-proxy li, #play li { 1822 padding-left: 20px; 1823 padding: 5px; 1824 margin: 2px; 1825} 1826 1827#play li.moving { 1828 background: #F9F9FC;/*E6E9F5*/ 1829 border: 1px solid #D4D8EB; 1830} 1831 1832div.mod { 1833 position: relative; 1834 zoom: 1; 1835 1836 background: #F9F9FC;/*E6E9F5*/ 1837 border: 1px solid #D4D8EB; 1838 1839 -moz-border-radius: 4px; 1840 -webkit-border-radius: 4px; 1841 border-radius: 4px; 1842 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1843 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1844 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); 1845 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Helvetica', 'Arial', sans-serif; 1846 margin: 15px 0; 1847 padding-bottom: 1px; 1848 1849 1850 1851} 1852div.mod div.inner { 1853 overflow: hidden; 1854 zoom: 1; 1855} 1856div.mod div.inner div.loading { 1857 background-image: url(progress.gif); 1858 background-repeat: no-repeat; 1859 background-position: 5px 5px; 1860 padding: 5px 5px 5px 25px; 1861 1862} 1863#play div.mod div.inner ul li { 1864 padding-left: 20px; 1865 font-size: 80%; 1866} 1867div.mod div.inner ul li a { 1868 color: #000; 1869} 1870div.mod h2 { 1871 position: relative; 1872 zoom: 1; 1873 cursor: move; 1874 zoom: 1; 1875 1876 background: #E5E6F1; 1877 -moz-border-radius: 4px 4px 0 0; 1878 -webkit-border-radius: 4px 4px 0 0; 1879 border-radius: 4px 4px 0 0; 1880 color: #5E6BA4; 1881 font-weight: bold; 1882 font-size: 107.692%; 1883 margin: 0; 1884 padding: 4px 7px 5px; 1885 1886 1887} 1888 1889div.mod h2 strong { 1890 font-weight: bold; 1891 background-repeat: no-repeat; 1892 padding-left: 25px; 1893} 1894 1895div.minned h2 { 1896 border-bottom: 1px solid #ccc; 1897} 1898 1899div.mod h2 a.close, div.mod h2 a.min { 1900 background-color: #F9F9FC; 1901 border:1px solid #E5E6F1; 1902 color: #5E6BA4; 1903 text-align: center; 1904 display: block; 1905 height: 13px; 1906 width: 17px; 1907 text-decoration: none; 1908 font-weight: bold; 1909 right: 4px; 1910 top: 1px; 1911 position: absolute; 1912 font-size: 80%; 1913 margin: 2px; 1914 padding: 0; 1915} 1916div.mod h2 a.min { 1917 right: 25px; 1918} 1919div.minned h2 a.min { 1920 right: 25px; 1921} 1922div.mod h2 a:hover.close, div.mod h2 a:hover.min { 1923 border-color: #D4D8EB; 1924} 1925 1926 1927.yui3-button { 1928 /* Structure */ 1929 display: inline-block; 1930 *display: inline; 1931 zoom: 1; 1932 font-size: 100%; 1933 margin: 0; 1934 padding: 0 1em; 1935 line-height: normal; 1936 line-height: 2; 1937 white-space: nowrap; 1938 vertical-align: baseline; 1939 text-align: center; 1940 cursor: pointer; 1941 -webkit-user-drag: none; 1942 -webkit-user-select: none; 1943 -moz-user-select: none; 1944 user-select: none; 1945 /* Presentation */ 1946 color: rgba(0,0,0, 0.80); 1947 *color: #444; 1948 background-color: #e6e6e6; 1949 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255, 0.30)), color-stop(40%, rgba(255,255,255, 0.15)), to(transparent)); 1950 background-image: -webkit-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); 1951 background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); 1952 background-image: -ms-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); 1953 background-image: -o-linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); 1954 background-image: linear-gradient(rgba(255,255,255, 0.30), rgba(255,255,255, 0.15) 40%, transparent); 1955 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0); 1956 text-decoration: none; 1957 border: none; 1958 border: solid 1px #999\9; /*ie hack*/ 1959 -webkit-border-radius: 4px; 1960 -moz-border-radius: 4px; 1961 border-radius: 4px; 1962 -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); 1963 -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); 1964 box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 0 rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15); 1965 1966 /* Transitions */ 1967 -webkit-transition: 0.1s linear -webkit-box-shadow; 1968 -moz-transition: 0.1s linear -moz-box-shadow; 1969 -ms-transition: 0.1s linear box-shadow; 1970 -o-transition: 0.1s linear box-shadow; 1971 transition: 0.1s linear box-shadow; 1972} 1973 1974input.yui3-button { 1975 height: 2em; /* Fixes height for <input> in firefox/opera */ 1976} 1977 1978a.yui3-button { 1979 color: rgba(0,0,0, 0.80); 1980 color: #444; 1981 text-decoration:none; 1982} 1983 1984 1985.yui3-button:hover { 1986 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.15))); 1987 background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); 1988 background-image: -moz-linear-gradient(top, transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); 1989 background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); 1990 background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); 1991 background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.15)); 1992 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0); 1993} 1994 1995 1996.yui3-button:active { 1997 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0, 0.10)), to(rgba(0,0,0, 0.15))); 1998 background-image: -webkit-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); 1999 background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); 2000 background-image: -ms-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); 2001 background-image: -o-linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); 2002 background-image: linear-gradient(rgba(0,0,0, 0.10), rgba(0,0,0, 0.15)); 2003 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0); 2004 -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; 2005 -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; 2006 box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset; 2007} 2008 2009 2010.yui3-button-disabled, 2011.yui3-button-disabled:hover, 2012.yui3-button-disabled:active { 2013 cursor: default; 2014 background-image: none; 2015 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 2016 filter: alpha(opacity=55); 2017 -khtml-opacity: 0.55; 2018 -moz-opacity: 0.55; 2019 opacity: 0.55; 2020 -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; 2021 -moz-box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; 2022 box-shadow: 0 0 0 1px rgba(0,0,0, 0.25) inset; 2023} 2024 2025 2026.yui3-button::-moz-focus-inner{ 2027 padding: 0; 2028 border: 0; 2029} 2030 2031 2032/* sam button */ 2033.yui3-button-selected { 2034 background-color: #345FCB; 2035 color: #fff; 2036 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15); 2037} 2038/* end sam button*/ 2039 2040 2041/* night button */ 2042.yui3-skin-night .yui3-button { 2043 background-color: #343536; 2044 color: #DCDCDC; 2045 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.15); 2046} 2047.yui3-skin-night .yui3-button-selected { 2048 background-color: #747576; 2049 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); 2050} 2051/*end night button*/ 2052 2053.yui3-menu .yui3-menu { 2054 2055 position: absolute; 2056 z-index: 1; 2057 2058} 2059 2060 2061.yui3-menu .yui3-shim { 2062 2063 /* 2064 Styles for the <iframe> shim used to prevent <select> elements from poking through 2065 submenus in IE < 7. Note: For peformance, creation of the <iframe> shim for each submenu 2066 is deferred until it is initially made visible by the user. 2067 */ 2068 2069 position: absolute; 2070 top: 0; 2071 left: 0; 2072 z-index: -1; 2073 opacity: 0; 2074 filter: alpha(opacity=0); /* For IE since it doesn't implement the CSS3 "opacity" property. */ 2075 border: none; 2076 margin: 0; 2077 padding: 0; 2078 height: 100%; 2079 width: 100%; 2080 2081} 2082 2083.yui3-menu-hidden { 2084 2085 /* 2086 Position hidden menus outside the viewport boundaries to prevent them from 2087 triggering scrollbars on the viewport. 2088 */ 2089 2090 top: -10000px; 2091 left: -10000px; 2092 2093 /* 2094 Using "visibility:hidden" over "display" none because: 2095 2096 1) As the "position" property for submenus is set to "absolute", they are out of 2097 the document flow and take up no space. Therefore, from that perspective use of 2098 "display:none" is redundant. 2099 2100 2) According to MSDN use of "display:none" is more expensive: 2101 "Display is the more expensive of the two CSS properties, so if you are 2102 making elements appear and disappear often, visibility will be faster." 2103 (See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx) 2104 */ 2105 2106 visibility: hidden; 2107 2108} 2109 2110.yui3-menu li { 2111 2112 list-style-type: none; 2113 2114} 2115 2116.yui3-menu ul, 2117.yui3-menu li { 2118 2119 margin: 0; 2120 padding: 0; 2121 2122} 2123 2124.yui3-menu-label, 2125.yui3-menuitem-content { 2126 2127 text-align: left; 2128 white-space: nowrap; 2129 display: block; 2130 2131} 2132 2133.yui3-menu-horizontal li { 2134 2135 float: left; 2136 width: auto; 2137 2138} 2139 2140.yui3-menu-horizontal li li { 2141 2142 float: none; 2143 2144} 2145 2146.yui3-menu-horizontal ul { 2147 2148 /* 2149 Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8). When "hasLayout" is 2150 set to "true", an element can clear its floated descendents. For more: 2151 http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx 2152 */ 2153 2154 *zoom: 1; 2155 2156} 2157 2158.yui3-menu-horizontal ul ul { 2159 2160 /* 2161 No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus 2162 aren't floated. 2163 */ 2164 2165 *zoom: normal; 2166 2167} 2168 2169.yui3-menu-horizontal>.yui3-menu-content>ul:after { 2170 2171 /* Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */ 2172 2173 content: ""; 2174 display: block; 2175 clear: both; 2176 line-height: 0; 2177 font-size: 0; 2178 visibility: hidden; 2179 2180} 2181 2182 2183/* 2184 The following two rules are for IE 7. Triggering "hasLayout" (via use of "zoom") prevents 2185 first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to 2186 its corresponding submenu. 2187*/ 2188 2189.yui3-menu-content { 2190 2191 *zoom: 1; 2192 2193} 2194 2195 2196.yui3-menu-hidden .yui3-menu-content { 2197 2198 *zoom: normal; 2199 2200} 2201 2202 2203/* 2204 The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode 2205 only). Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off 2206 the text node of menuitem or menu label will incorrectly trigger the mouseout event. 2207*/ 2208 2209.yui3-menuitem-content, 2210.yui3-menu-label { 2211 2212 _zoom: 1; 2213 2214} 2215 2216.yui3-menu-hidden .yui3-menuitem-content, 2217.yui3-menu-hidden .yui3-menu-label { 2218 2219 _zoom: normal; 2220 2221} 2222 2223/* 2224 TODO will need to remove settings on HTML since we can't namespace it. 2225 TODO with the prefix, should I group by selector or property for weight savings? 2226*/ 2227html{ 2228 color:#000; 2229 background:#FFF; 2230} 2231/* 2232 TODO remove settings on BODY since we can't namespace it. 2233*/ 2234/* 2235 TODO test putting a class on HEAD. 2236 - Fails on FF. 2237*/ 2238body, 2239div, 2240dl, 2241dt, 2242dd, 2243ul, 2244ol, 2245li, 2246h1, 2247h2, 2248h3, 2249h4, 2250h5, 2251h6, 2252pre, 2253code, 2254form, 2255fieldset, 2256legend, 2257input, 2258textarea, 2259p, 2260blockquote, 2261th, 2262td { 2263 margin:0; 2264 padding:0; 2265} 2266table { 2267 border-collapse:collapse; 2268 border-spacing:0; 2269} 2270fieldset, 2271img { 2272 border:0; 2273} 2274/* 2275 TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... 2276*/ 2277address, 2278caption, 2279cite, 2280code, 2281dfn, 2282em, 2283strong, 2284th, 2285var { 2286 font-style:normal; 2287 font-weight:normal; 2288} 2289 2290ol, 2291ul { 2292 list-style:none; 2293} 2294 2295caption, 2296th { 2297 text-align:left; 2298} 2299h1, 2300h2, 2301h3, 2302h4, 2303h5, 2304h6 { 2305 font-size:100%; 2306 font-weight:normal; 2307} 2308q:before, 2309q:after { 2310 content:''; 2311} 2312abbr, 2313acronym { 2314 border:0; 2315 font-variant:normal; 2316} 2317/* to preserve line-height and selector appearance */ 2318sup { 2319 vertical-align:text-top; 2320} 2321sub { 2322 vertical-align:text-bottom; 2323} 2324input, 2325textarea, 2326select { 2327 font-family:inherit; 2328 font-size:inherit; 2329 font-weight:inherit; 2330} 2331/*to enable resizing for IE*/ 2332input, 2333textarea, 2334select { 2335 *font-size:100%; 2336} 2337/*because legend doesn't inherit in IE */ 2338legend { 2339 color:#000; 2340} 2341 2342/*e 2343 TODO will need to remove settings on HTML since we can't namespace it. 2344 TODO with the prefix, should I group by selector or property for weight savings? 2345*/ 2346.yui3-cssreset html{ 2347 color:#000; 2348 background:#FFF; 2349} 2350/* 2351 TODO remove settings on BODY since we can't namespace it. 2352*/ 2353/* 2354 TODO test putting a class on HEAD. 2355 - Fails on FF. 2356*/ 2357.yui3-cssreset body, 2358.yui3-cssreset div, 2359.yui3-cssreset dl, 2360.yui3-cssreset dt, 2361.yui3-cssreset dd, 2362.yui3-cssreset ul, 2363.yui3-cssreset ol, 2364.yui3-cssreset li, 2365.yui3-cssreset h1, 2366.yui3-cssreset h2, 2367.yui3-cssreset h3, 2368.yui3-cssreset h4, 2369.yui3-cssreset h5, 2370.yui3-cssreset h6, 2371.yui3-cssreset pre, 2372.yui3-cssreset code, 2373.yui3-cssreset form, 2374.yui3-cssreset fieldset, 2375.yui3-cssreset legend, 2376.yui3-cssreset input, 2377.yui3-cssreset textarea, 2378.yui3-cssreset p, 2379.yui3-cssreset blockquote, 2380.yui3-cssreset th, 2381.yui3-cssreset td { 2382 margin:0; 2383 padding:0; 2384} 2385.yui3-cssreset table { 2386 border-collapse:collapse; 2387 border-spacing:0; 2388} 2389.yui3-cssreset fieldset, 2390.yui3-cssreset img { 2391 border:0; 2392} 2393/* 2394 TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit... 2395*/ 2396.yui3-cssreset address, 2397.yui3-cssreset caption, 2398.yui3-cssreset cite, 2399.yui3-cssreset code, 2400.yui3-cssreset dfn, 2401.yui3-cssreset em, 2402.yui3-cssreset strong, 2403.yui3-cssreset th, 2404.yui3-cssreset var { 2405 font-style:normal; 2406 font-weight:normal; 2407} 2408 2409.yui3-cssreset ol, 2410.yui3-cssreset ul { 2411 list-style:none; 2412} 2413 2414.yui3-cssreset caption, 2415.yui3-cssreset th { 2416 text-align:left; 2417} 2418.yui3-cssreset h1, 2419.yui3-cssreset h2, 2420.yui3-cssreset h3, 2421.yui3-cssreset h4, 2422.yui3-cssreset h5, 2423.yui3-cssreset h6 { 2424 font-size:100%; 2425 font-weight:normal; 2426} 2427.yui3-cssreset q:before, 2428.yui3-cssreset q:after { 2429 content:''; 2430} 2431.yui3-cssreset abbr, 2432.yui3-cssreset acronym { 2433 border:0; 2434 font-variant:normal; 2435} 2436/* to preserve line-height and selector appearance */ 2437.yui3-cssreset sup { 2438 vertical-align:text-top; 2439} 2440.yui3-cssreset sub { 2441 vertical-align:text-bottom; 2442} 2443.yui3-cssreset input, 2444.yui3-cssreset textarea, 2445.yui3-cssreset select { 2446 font-family:inherit; 2447 font-size:inherit; 2448 font-weight:inherit; 2449} 2450/*to enable resizing for IE*/ 2451.yui3-cssreset input, 2452.yui3-cssreset textarea, 2453.yui3-cssreset select { 2454 *font-size:100%; 2455} 2456/*because legend doesn't inherit in IE */ 2457.yui3-cssreset legend { 2458 color:#000; 2459} 2460 2461 2462.yui3-g { 2463 letter-spacing: -0.31em; /* webkit: collapse white-space between units */ 2464 *letter-spacing: normal; /* reset IE < 8 */ 2465 word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */ 2466} 2467 2468.yui3-u, 2469.yui3-u-1, 2470.yui3-u-1-2, 2471.yui3-u-1-3, 2472.yui3-u-2-3, 2473.yui3-u-1-4, 2474.yui3-u-3-4, 2475.yui3-u-1-5, 2476.yui3-u-2-5, 2477.yui3-u-3-5, 2478.yui3-u-4-5, 2479.yui3-u-1-6, 2480.yui3-u-5-6, 2481.yui3-u-1-8, 2482.yui3-u-3-8, 2483.yui3-u-5-8, 2484.yui3-u-7-8, 2485.yui3-u-1-12, 2486.yui3-u-5-12, 2487.yui3-u-7-12, 2488.yui3-u-11-12, 2489.yui3-u-1-24, 2490.yui3-u-5-24, 2491.yui3-u-7-24, 2492.yui3-u-11-24, 2493.yui3-u-13-24, 2494.yui3-u-17-24, 2495.yui3-u-19-24, 2496.yui3-u-23-24 { 2497 display: inline-block; 2498 zoom: 1; *display: inline; /* IE < 8: fake inline-block */ 2499 letter-spacing: normal; 2500 word-spacing: normal; 2501 vertical-align: top; 2502} 2503 2504.yui3-u-1 { 2505 display: block; 2506} 2507 2508.yui3-u-1-2 { 2509 width: 50%; 2510} 2511 2512.yui3-u-1-3 { 2513 width: 33.33333%; 2514} 2515 2516.yui3-u-2-3 { 2517 width: 66.66666%; 2518} 2519 2520.yui3-u-1-4 { 2521 width: 25%; 2522} 2523 2524.yui3-u-3-4 { 2525 width: 75%; 2526} 2527 2528.yui3-u-1-5 { 2529 width: 20%; 2530} 2531 2532.yui3-u-2-5 { 2533 width: 40%; 2534} 2535 2536.yui3-u-3-5 { 2537 width: 60%; 2538} 2539 2540.yui3-u-4-5 { 2541 width: 80%; 2542} 2543 2544.yui3-u-1-6 { 2545 width: 16.656%; 2546} 2547 2548.yui3-u-5-6 { 2549 width: 83.33%; 2550} 2551 2552.yui3-u-1-8 { 2553 width: 12.5%; 2554} 2555 2556.yui3-u-3-8 { 2557 width: 37.5%; 2558} 2559 2560.yui3-u-5-8 { 2561 width: 62.5%; 2562} 2563 2564.yui3-u-7-8 { 2565 width: 87.5%; 2566} 2567 2568.yui3-u-1-12 { 2569 width: 8.3333%; 2570} 2571 2572.yui3-u-5-12 { 2573 width: 41.6666%; 2574} 2575 2576.yui3-u-7-12 { 2577 width: 58.3333%; 2578} 2579 2580.yui3-u-11-12 { 2581 width: 91.6666%; 2582} 2583 2584.yui3-u-1-24 { 2585 width: 4.1666%; 2586} 2587 2588.yui3-u-5-24 { 2589 width: 20.8333%; 2590} 2591 2592.yui3-u-7-24 { 2593 width: 29.1666%; 2594} 2595 2596.yui3-u-11-24 { 2597 width: 45.8333%; 2598} 2599 2600.yui3-u-13-24 { 2601 width: 54.1666%; 2602} 2603 2604.yui3-u-17-24 { 2605 width: 70.8333%; 2606} 2607 2608.yui3-u-19-24 { 2609 width: 79.1666%; 2610} 2611 2612.yui3-u-23-24 { 2613 width: 95.8333%; 2614} 2615/* YUI CSS Detection Stamp */ 2616#yui3-css-stamp.cssgrids { display: none; } 2617</style> 2618<script> 2619var element = document.getElementById("styleElement"); 2620var cssText = element.textContent; 2621var count = 0; 2622PerfTestRunner.measureRunsPerSecond({run:function() { 2623 element.textContent = ""; 2624 element.textContent = cssText + "#some" + count + "{color:black};"; 2625 count++; 2626}}); 2627 2628</script> 2629</body> 2630
