1/* 2//////////////////////////////////////////////////////////////////////////////// 3// 4// ADOBE SYSTEMS INCORPORATED 5// Copyright 2005-2007 Adobe Systems Incorporated 6// All Rights Reserved. 7// 8// NOTICE: Adobe permits you to use, modify, and distribute this file 9// in accordance with the terms of the license agreement accompanying it. 10// 11//////////////////////////////////////////////////////////////////////////////// 12*/ 13 14/* Global style declaration */ 15.global 16{ 17 backgroundAlpha: 1.0; 18 backgroundSize: "auto"; 19 backgroundDisabledColor: #DDDDDD; 20 bevel: true; 21 borderCapColor: #919999; 22 borderColor: #AAB3B3; 23 borderSides: "left top right bottom"; 24 borderSkin: ClassReference("haloclassic.HaloRectBorder"); 25 borderStyle: "inset"; 26 borderThickness: 1; 27 buttonColor: #6F7777; 28 closeDuration: 250; 29 color: #0B333C; 30 cornerRadius: 0; 31 defaultLeafIcon: Embed(source="Assets.swf",symbol="TreeNodeIcon"); 32 disabledColor: #AAB3B3; 33 disclosureClosedIcon: Embed(source="Assets.swf",symbol="TreeDisclosureClosed"); 34 disclosureOpenIcon: Embed(source="Assets.swf",symbol="TreeDisclosureOpen"); 35 dividerAffordance: 6; 36 dividerAlpha: 0.75; 37 dividerColor: #6F7777; 38 dividerThickness: 3; 39 dropShadowEnabled: false; 40 dropShadowColor: #000000; 41 embedFonts: false; 42 errorColor: #FF0000; 43 fillColor: #FFFFFF; 44 fillColors: #E6EEEE, #FFFFFF; 45 filled: true; 46 focusAlpha: 0.3; 47 focusRoundedCorners: "tl tr bl br"; 48 focusSkin: ClassReference("haloclassic.HaloFocusRect"); 49 focusThickness: 2; 50 folderClosedIcon: Embed(source="Assets.swf",symbol="TreeFolderClosed"); 51 folderOpenIcon: Embed(source="Assets.swf",symbol="TreeFolderOpen"); 52 fontFamily: "Verdana"; 53 fontSize: 10; 54 fontStyle: "normal"; 55 fontWeight: "normal"; 56 footerColors: #F4F5F7, #E1E5EB; 57 headerColors: #E1E5EB, #F4F5F7; 58 headerHeight: 28; 59 hGridLineColor: #F7F7F7; 60 hGridLines: false; 61 highlightColor: #C4CCCC; 62 horizontalAlign: "left"; 63 horizontalGap: 8; 64 indentation: 17; 65 indicatorGap: 14; 66 labelWidth: 0 /* Number.NaN; !!!!! FIX ME */; 67 leading: 2; 68 paddingLeft: 0; 69 paddingTop: 0; 70 paddingRight: 0; 71 paddingBottom: 0; 72 modalTransparency: 0.4; 73 openDuration: 250; 74 roundedBottomCorners: false; 75 repeatDelay: 500; 76 repeatInterval: 35; 77 selectionDisabledColor: #DDDDDD; 78 selectionDuration: 250; 79 shadowColor: #EEEEEE; 80 shadowCapColor: #D5DDDD; 81 shadowDistance: 2; 82 shadowDirection: "center"; 83 stroked: false; 84 strokeColor: #C4CCCC; 85 strokeWidth: 1; 86 textAlign: "left"; 87 textDisabledColor: #C4CCCC; 88 textIndent: 0; 89 textRollOverColor: #2B333C; 90 textSelectedColor: #2B333C; 91 trackColor: #000000; 92 93 /* themeColor 94 // 95 // IMPORTANT: Theme colors must be updated in the following places: 96 // 1") In StyleManager.styles ("near the top of Defaults.as") 97 // 2") In function setThemeStyle ("near the bottom of Defaults.as") 98 // 3") In StyleManager colorNames ("in the middle of StyleManager.as") 99 // 4") In the Flex compiler CSS parser 100 // ("in \src\java\macromedia\css\Descriptor.java") 101 */ 102 themeColor: #80FF4D; /* haloGreen */ 103 rollOverColor: #EEFEE6; /* haloGreen */ 104 selectionColor: #B7F39B; /* haloGreen */ 105 /* 106 //themeColor: #009DFF; // haloBlue 107 //rollOverColor: #EFF4FC; // haloBlue 108 //selectionColor: #CCE5FF; // haloBlue 109 //themeColor: #FFB600; // haloOrange 110 //rollOverColor: #FFF6E6; // haloOrange 111 //selectionColor: #FFDDB3; // haloOrange 112 //themeColor: #AECAD9; // haloSilver 113 //rollOverColor: #EBF1F5; // haloSilver 114 //selectionColor: #D3DBE1; // haloSilver 115 */ 116 117 todayColor: #2B333C; 118 useRollOver: true; 119 verticalAlign: "top"; 120 verticalGap: 6; 121 vGridLineColor: #D5DDDD; 122 vGridLines: true; 123 124/* !!!!! todo 125 // Original border colors for a component showing an error state. 126 g: UIComponent.origBorderStyles: {} 127 128 borderColor: #FF0000; 129 borderCapColor: #C64444; 130 buttonColor: #AA0000; 131 highlightColor: #EE9A9A; 132 shadowColor: #EECBCB; 133 shadowCapColor: #DDAAAA; 134 dropdownBorderColor: #FF0000; 135*/ 136} 137 138/* 139//------------------------------ 140// Accordion 141//------------------------------ 142*/ 143 144Accordion 145{ 146 backgroundColor: #FFFFFF; 147 borderStyle: "solid"; 148 headerHeight: 22; 149 paddingBottom: -1; 150 paddingLeft: -1; 151 paddingRight: -1; 152 paddingTop: -1; 153 verticalGap: -1; 154} 155 156/* 157//------------------------------ 158// AccordionHeader 159//------------------------------ 160*/ 161 162AccordionHeader 163{ 164 fontSize: "10"; 165 fontWeight: "bold"; 166 textAlign: "left"; 167/* disabledIcon: null; */ 168 disabledSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 169/* downIcon: null; */ 170 downSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 171 horizontalGap: 2; 172/* overIcon: null; */ 173 overSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 174/* selectedDisabledIcon: null; */ 175 selectedDisabledSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 176/* selectedDownIcon: null; */ 177 selectedDownSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 178/* selectedOverIcon: null; */ 179 selectedOverSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 180/* selectedUpIcon: null; */ 181 selectedUpSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 182/* upIcon: null; */ 183 upSkin: ClassReference("haloclassic.AccordionHeaderSkin"); 184} 185 186/* 187//------------------------------ 188// .activeButtonStyle 189//------------------------------ 190*/ 191 192.activeButtonStyle 193{ 194} 195 196/* 197//------------------------------ 198// .activeTabStyle 199//------------------------------ 200*/ 201 202.activeTabStyle 203{ 204 fontWeight: "bold"; 205} 206 207/* 208//------------------------------ 209// Alert 210//------------------------------ 211*/ 212 213Alert 214{ 215 backgroundAlpha:1; 216 backgroundColor: #FFFFFF; 217 borderColor: #FFFFFF; 218 borderStyle: "default"; 219 borderThickness: 0; 220 closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); 221 closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); 222 closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); 223 closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); 224 color: #0B333C; 225 cornerRadius: 8; 226 dropShadowEnabled: true; 227 paddingBottom: 4; 228 paddingLeft: 4; 229 paddingRight: 4; 230 paddingTop: 4; 231 resizeStartEffect: "Dissolve"; 232 resizeEndEffect: "Dissolve"; 233 titleBackgroundSkin: ClassReference("haloclassic.TitleBackground"); 234} 235 236/* 237//------------------------------ 238// Application 239//------------------------------ 240*/ 241 242Application 243{ 244 borderStyle: "none"; 245 defaultBackgroundImage: Embed(source="Assets.swf",symbol="mx.skins.application.ApplicationBackground"); 246 horizontalAlign: "center"; 247 paddingBottom: 24; 248 paddingLeft: 24; 249 paddingRight: 24; 250 paddingTop: 24; 251} 252 253/* 254//------------------------------ 255// ApplicationControlBar 256//------------------------------ 257*/ 258 259ApplicationControlBar 260{ 261 borderStyle: "applicationControlBar"; 262 cornerRadius: 5; 263 docked: false; 264 dropShadowEnabled: true; 265 fillColors: #FFFFFF, #FFFFFF; 266 paddingBottom: 4; 267 paddingLeft: 8; 268 paddingRight: 8; 269 paddingTop: 5; 270 roundCorners: true; 271 shadowDistance: 5; 272 verticalAlign: "middle"; 273} 274 275/* 276//------------------------------ 277// Box 278//------------------------------ 279*/ 280 281Box 282{ 283 borderStyle: "none"; 284} 285 286/* 287//------------------------------ 288// Button 289//------------------------------ 290*/ 291 292Button 293{ 294 fontWeight: "bold"; 295 textAlign: "center"; 296 borderColor: #919999; 297 borderThickness: 3; 298 cornerRadius: 5; 299/* disabledIcon: null; */ 300 disabledSkin: ClassReference("haloclassic.ButtonSkin"); 301/* downIcon: null; */ 302 downSkin: ClassReference("haloclassic.ButtonSkin"); 303 horizontalGap: 2; 304/* overIcon: null; */ 305 overSkin: ClassReference("haloclassic.ButtonSkin"); 306/* selectedDisabledIcon: null; */ 307 selectedDisabledSkin: ClassReference("haloclassic.ButtonSkin"); 308/* selectedDownIcon: null; */ 309 selectedDownSkin: ClassReference("haloclassic.ButtonSkin"); 310/* selectedOverIcon: null; */ 311 selectedOverSkin: ClassReference("haloclassic.ButtonSkin"); 312/* selectedUpIcon: null; */ 313 selectedUpSkin: ClassReference("haloclassic.ButtonSkin"); 314/* upIcon: null; */ 315 upSkin: ClassReference("haloclassic.ButtonSkin"); 316 verticalGap: 2; 317} 318 319/* 320//------------------------------ 321// ButtonBar 322//------------------------------ 323*/ 324 325ButtonBar 326{ 327 textAlign: "center"; 328 borderStyle: "none"; 329 horizontalGap: 0; 330 horizontalAlign: "center"; 331 verticalGap: 0; 332 verticalAlign: "middle"; 333} 334 335/* 336//------------------------------ 337// ButtonBarButton 338//------------------------------ 339*/ 340 341ButtonBarButton 342{ 343 fontWeight: "bold"; 344 /* fillColors: #FFFFFF, #E6E6E6; */ 345 borderThickness: 3; 346 cornerRadius: 5; 347/* disabledIcon: null; */ 348 disabledSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 349/* downIcon: null; */ 350 downSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 351 horizontalGap: 2; 352/* overIcon: null; */ 353 overSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 354/* selectedDisabledIcon: null; */ 355 selectedDisabledSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 356/* selectedDownIcon: null; */ 357 selectedDownSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 358/* selectedOverIcon: null; */ 359 selectedOverSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 360/* selectedUpIcon: null; */ 361 selectedUpSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 362/* upIcon: null; */ 363 upSkin: ClassReference("haloclassic.ButtonBarButtonSkin"); 364 verticalGap: 2; 365} 366 367/* 368//------------------------------ 369// CalendarLayout 370//------------------------------ 371*/ 372 373CalendarLayout 374{ 375 color: #2B333C; 376 horizontalGap: 7; 377 textAlign: "center"; 378 verticalGap: 4; 379 cellWidthPadding: 6; 380 cellHeightPadding: 6; 381 paddingLeft: 9; 382 paddingRight: 9; 383 paddingBottom: 10; 384} 385 386/* 387//------------------------------ 388// Canvas 389//------------------------------ 390*/ 391 392Canvas 393{ 394 borderStyle: "none"; 395} 396 397/* 398//------------------------------ 399// CheckBox 400//------------------------------ 401*/ 402 403CheckBox 404{ 405 borderColor: #AAAAAA; 406 disabledIcon: ClassReference("haloclassic.CheckBoxIcon"); 407/* disabledSkin: null; */ 408 downIcon: ClassReference("haloclassic.CheckBoxIcon"); 409/* downSkin: null; */ 410 horizontalGap: 2; 411 overIcon: ClassReference("haloclassic.CheckBoxIcon"); 412/* overSkin: null; */ 413 selectedDisabledIcon: ClassReference("haloclassic.CheckBoxIcon"); 414/* selectedDisabledSkin: null; */ 415 selectedDownIcon: ClassReference("haloclassic.CheckBoxIcon"); 416/* selectedDownSkin: null; */ 417 selectedOverIcon: ClassReference("haloclassic.CheckBoxIcon"); 418/* selectedOverSkin: null; */ 419 selectedUpIcon: ClassReference("haloclassic.CheckBoxIcon"); 420/* selectedUpSkin: null; */ 421 upIcon: ClassReference("haloclassic.CheckBoxIcon"); 422/* upSkin: null; */ 423} 424 425/* 426//------------------------------ 427// ColorPicker 428//------------------------------ 429*/ 430 431ColorPicker 432{ 433 fontSize: 11; 434 shadowColor: #4D555E; 435 highlightColor: #FFFFFF; 436 backgroundColor: #E5E6E7; 437 borderColor: #A5A9AE; 438 columnCount: 20; 439 disabledSkin: ClassReference("haloclassic.ColorPickerSkin"); 440 downSkin: ClassReference("haloclassic.ColorPickerSkin"); 441 horizontalGap: 0; 442 paddingBottom: 5; 443 paddingLeft: 5; 444 paddingRight: 5; 445 paddingTop: 4; 446 overSkin: ClassReference("haloclassic.ColorPickerSkin"); 447 previewHeight: 22; 448 previewWidth: 45; 449 swatchBorderColor: #000000; 450 swatchBorderSize: 1; 451 swatchGridBackgroundColor: #000000; 452 swatchGridBorderSize: 0; 453 swatchHeight: 12; 454 swatchHighlightColor: #FFFFFF; 455 swatchHighlightSize: 1; 456 swatchWidth: 12; 457 textFieldWidth: 72; 458 upSkin: ClassReference("haloclassic.ColorPickerSkin"); 459 verticalGap: 0; 460} 461 462/* 463//------------------------------ 464// ComboBox 465//------------------------------ 466*/ 467 468ComboBox 469{ 470 borderColor: #C4CCCC; 471 cornerRadius: 5; 472 disabledSkin: ClassReference("haloclassic.ComboBoxArrowSkin"); 473 downSkin: ClassReference("haloclassic.ComboBoxArrowSkin"); 474 overSkin: ClassReference("haloclassic.ComboBoxArrowSkin"); 475 upSkin: ClassReference("haloclassic.ComboBoxArrowSkin"); 476} 477 478/* 479//------------------------------ 480// Container 481//------------------------------ 482*/ 483 484Container 485{ 486 borderStyle: "none"; 487} 488 489/* 490//------------------------------ 491// ControlBar 492//------------------------------ 493*/ 494 495ControlBar 496{ 497 backgroundColor: #FFFFFF; 498 borderStyle: "controlBar"; 499 paddingBottom: 10; 500 paddingLeft: 10; 501 paddingRight: 10; 502 paddingTop: 10; 503 verticalAlign: "middle"; 504} 505 506/* 507//------------------------------ 508// CursorManager 509//------------------------------ 510*/ 511 512CursorManager 513{ 514 busyCursor: ClassReference("haloclassic.BusyCursor"); 515 busyCursorBackground: Embed(source="Assets.swf",symbol="mx.skins.cursor.BusyCursor"); 516} 517 518/* 519//------------------------------ 520// DataGrid 521//------------------------------ 522*/ 523 524DataGrid 525{ 526 alternatingRowColors: #F7F7F7, #FFFFFF; 527 headerColors: #E6EEEE, #FFFFFF; 528 backgroundColor: #FFFFFF; 529 borderStyle: "solid"; 530 columnResizeSkin: ClassReference("haloclassic.DataGridColumnResizeSkin"); 531 headerSeparatorSkin: ClassReference("haloclassic.DataGridHeaderSeparator"); 532 headerStyle: "dataGridStyles"; 533 paddingTop: 2; 534 paddingBottom: 2; 535 sortArrowSkin: ClassReference("haloclassic.DataGridSortArrow"); 536 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 537} 538 539/* 540//------------------------------ 541// .dataGridStyles 542//------------------------------ 543*/ 544 545.dataGridStyles 546{ 547 fontWeight: "bold"; 548} 549 550/* 551//------------------------------ 552// DateChooser 553//------------------------------ 554*/ 555 556DateChooser 557{ 558 headerColors: #E1E5EB, #F4F5F7; 559 backgroundColor: #FFFFFF; 560 cornerRadius: 4; 561 nextMonthDisabledSkin: ClassReference("haloclassic.DateChooserFwdArrowSkin"); 562 nextMonthDownSkin: ClassReference("haloclassic.DateChooserFwdArrowSkin"); 563 nextMonthOverSkin: ClassReference("haloclassic.DateChooserFwdArrowSkin"); 564 nextMonthUpSkin: ClassReference("haloclassic.DateChooserFwdArrowSkin"); 565 prevMonthDisabledSkin: ClassReference("haloclassic.DateChooserBackArrowSkin"); 566 prevMonthDownSkin: ClassReference("haloclassic.DateChooserBackArrowSkin"); 567 prevMonthOverSkin: ClassReference("haloclassic.DateChooserBackArrowSkin"); 568 prevMonthUpSkin: ClassReference("haloclassic.DateChooserBackArrowSkin"); 569 nextYearDisabledSkin: ClassReference("haloclassic.DateChooserUpArrowSkin"); 570 nextYearDownSkin: ClassReference("haloclassic.DateChooserUpArrowSkin"); 571 nextYearOverSkin: ClassReference("haloclassic.DateChooserUpArrowSkin"); 572 nextYearUpSkin: ClassReference("haloclassic.DateChooserUpArrowSkin"); 573 prevYearDisabledSkin: ClassReference("haloclassic.DateChooserDownArrowSkin"); 574 prevYearDownSkin: ClassReference("haloclassic.DateChooserDownArrowSkin"); 575 prevYearOverSkin: ClassReference("haloclassic.DateChooserDownArrowSkin"); 576 prevYearUpSkin: ClassReference("haloclassic.DateChooserDownArrowSkin"); 577 todayStyleName: "todayStyle"; 578 weekDayStyleName: "weekDayStyle"; 579 headerStyleName: "headerDateText"; 580} 581 582/* 583//------------------------------ 584// DateField 585//------------------------------ 586*/ 587 588DateField 589{ 590 /* borderColor: #C4CCCC; */ 591 /* cornerRadius: 5; */ 592 disabledSkin: Embed(source="Assets.swf",symbol="openDateOver"); 593 downSkin: Embed(source="Assets.swf",symbol="openDateOver"); 594 overSkin: Embed(source="Assets.swf",symbol="openDateOver"); 595 upSkin: Embed(source="Assets.swf",symbol="openDateOver"); 596} 597 598/* 599//------------------------------ 600// DividedBox 601//------------------------------ 602*/ 603 604DividedBox 605{ 606 borderStyle: "none"; 607 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 608 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 609 horizontalGap: 10; 610 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 611 verticalGap: 10; 612} 613 614/* 615//------------------------------ 616// DragManager 617//------------------------------ 618*/ 619 620DragManager 621{ 622 copyCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragCopy"); 623 defaultDragImageSkin: ClassReference("haloclassic.DefaultDragImage"); 624 linkCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragLink"); 625 moveCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragMove"); 626 rejectCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragReject"); 627} 628 629/* 630//------------------------------ 631// .ErrorTip 632//------------------------------ 633*/ 634 635.ErrorTip 636{ 637 color: #FFFFFF; 638 fontSize: 9; 639 fontWeight: "bold"; 640 shadowColor: #000000; 641 borderColor: #CE2929; 642 borderStyle: "errorTipRight"; 643 paddingBottom: 4; 644 paddingLeft: 4; 645 paddingRight: 4; 646 paddingTop: 4; 647} 648 649/* 650//------------------------------ 651// Form 652//------------------------------ 653*/ 654 655Form 656{ 657 borderStyle: "none"; 658 paddingBottom: 16; 659 paddingLeft: 16; 660 paddingRight: 16; 661 paddingTop: 16; 662 verticalGap: 6; 663} 664 665/* 666//------------------------------ 667// FormHeading 668//------------------------------ 669*/ 670 671FormHeading 672{ 673 fontSize: 12; 674 fontWeight: "bold"; 675 borderStyle: "none"; 676 verticalGap: 16; 677} 678 679/* 680//------------------------------ 681// FormItem 682//------------------------------ 683*/ 684 685FormItem 686{ 687 borderStyle: "none"; 688 indicatorSkin: Embed(source="Assets.swf",symbol="mx.containers.FormItem.Required"); 689} 690 691/* 692//------------------------------ 693// FormItemLabel 694//------------------------------ 695*/ 696 697FormItemLabel 698{ 699} 700 701/* 702//------------------------------ 703// Grid 704//------------------------------ 705*/ 706 707Grid 708{ 709 borderStyle: "none"; 710} 711 712/* 713//------------------------------ 714// GridItem 715//------------------------------ 716*/ 717 718GridItem 719{ 720 borderStyle: "none"; 721} 722 723/* 724//------------------------------ 725// GridRow 726//------------------------------ 727*/ 728 729GridRow 730{ 731 borderStyle: "none"; 732} 733 734/* 735//------------------------------ 736// .headerDateText 737//------------------------------ 738*/ 739 740.headerDateText 741{ 742 fontWeight: "bold"; 743 textAlign: "center"; 744} 745 746/* 747//------------------------------ 748// HBox 749//------------------------------ 750*/ 751 752HBox 753{ 754 borderStyle: "none"; 755} 756 757/* 758//------------------------------ 759// HDividedBox 760//------------------------------ 761*/ 762 763HDividedBox 764{ 765 borderStyle: "none"; 766 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 767 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 768 horizontalGap: 10; 769 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 770 verticalGap: 10; 771} 772 773/* 774//------------------------------ 775// HorizontalList 776//------------------------------ 777*/ 778 779HorizontalList 780{ 781 textAlign: "center"; 782 backgroundColor: #FFFFFF; 783 borderStyle: "solid"; 784 paddingBottom: 2; 785 paddingTop: 2; 786} 787 788/* 789//------------------------------ 790// HRule 791//------------------------------ 792*/ 793 794HRule 795{ 796 color: #C4CCCC; 797 strokeWidth: 2; 798} 799 800/* 801//------------------------------ 802// HSlider 803//------------------------------ 804*/ 805 806HSlider 807{ 808 borderColor: #919999; 809 fillColors: #FFFFFF, #E6E6E6; 810 labelOffset: -8; 811 slideDuration: 300; 812 thumbDisabledSkin: ClassReference("haloclassic.SliderThumbSkin"); 813 thumbDownSkin: ClassReference("haloclassic.SliderThumbSkin"); 814 thumbOffset: 0; 815 thumbOverSkin: ClassReference("haloclassic.SliderThumbSkin"); 816 thumbUpSkin: ClassReference("haloclassic.SliderThumbSkin"); 817 tickColor: #6F7777; 818 tickLength: 4; 819 tickOffset: -6; 820 tickThickness: 1; 821 toolTipOffset: 16; 822 toolTipPlacement: "top"; 823 toolTipPrecision: 2; 824 trackColors: #EEEEEE, #FFFFFF; 825 trackHighlight: false; 826 trackHighlightSkin: ClassReference("haloclassic.SliderHighlightSkin"); 827 trackSkin: ClassReference("haloclassic.SliderTrackSkin"); 828} 829 830/* 831//------------------------------ 832// Image 833//------------------------------ 834*/ 835 836Image 837{ 838 borderStyle: "none"; 839 brokenImageSkin: Embed(source="Assets.swf",symbol="__brokenImage"); 840} 841 842/* 843//------------------------------ 844// LinkButton 845//------------------------------ 846*/ 847 848LinkButton 849{ 850 cornerRadius: 4; 851/* disabledIcon: null; */ 852 disabledSkin: ClassReference("haloclassic.LinkButtonSkin"); 853/* downIcon: null; */ 854 downSkin: ClassReference("haloclassic.LinkButtonSkin"); 855 horizontalGap: 2; 856/* overIcon: null; */ 857 overSkin: ClassReference("haloclassic.LinkButtonSkin"); 858/* selectedDisabledIcon: null; */ 859 selectedDisabledSkin: ClassReference("haloclassic.LinkButtonSkin"); 860/* selectedDownIcon: null; */ 861 selectedDownSkin: ClassReference("haloclassic.LinkButtonSkin"); 862/* selectedOverIcon: null; */ 863 selectedOverSkin: ClassReference("haloclassic.LinkButtonSkin"); 864/* selectedUpIcon: null; */ 865 selectedUpSkin: ClassReference("haloclassic.LinkButtonSkin"); 866/* upIcon: null; */ 867 upSkin: ClassReference("haloclassic.LinkButtonSkin"); 868 verticalGap: 2; 869} 870 871/* 872//------------------------------ 873// LinkBar 874//------------------------------ 875*/ 876 877LinkBar 878{ 879 borderStyle: "none"; 880 horizontalGap: 8; 881 paddingBottom: 2; 882 paddingLeft: 2; 883 paddingRight: 2; 884 paddingTop: 2; 885 separatorColor: #C4CCCC; 886 separatorSkin: ClassReference("haloclassic.LinkSeparator"); 887 separatorWidth: 1; 888 verticalGap: 8; 889} 890 891/* 892//------------------------------ 893// ListBase 894//------------------------------ 895*/ 896 897ListBase 898{ 899 backgroundColor: #FFFFFF; 900 borderStyle: "solid"; 901 dropIndicatorSkin: ClassReference("haloclassic.ListDropIndicator"); 902 paddingBottom: 2; 903 paddingLeft: 2; 904 paddingRight: 0; 905 paddingTop: 2; 906} 907 908/* 909//------------------------------ 910// Loader 911//------------------------------ 912*/ 913 914Loader 915{ 916 borderStyle: "none"; 917 brokenImageSkin: Embed(source="Assets.swf",symbol="__brokenImage"); 918} 919 920/* 921//------------------------------ 922// Menu 923//------------------------------ 924*/ 925 926Menu 927{ 928 /* Menu-specific styles */ 929 branchIcon: Embed(source="Assets.swf",symbol="MenuBranchEnabled"); 930 branchDisabledIcon: Embed(source="Assets.swf",symbol="MenuBranchDisabled"); 931 checkIcon: Embed(source="Assets.swf",symbol="MenuCheckEnabled"); 932 checkDisabledIcon: Embed(source="Assets.swf",symbol="MenuCheckDisabled"); 933 radioIcon: Embed(source="Assets.swf",symbol="MenuRadioEnabled"); 934 radioDisabledIcon: Embed(source="Assets.swf",symbol="MenuRadioDisabled"); 935 separatorSkin: Embed(source="Assets.swf",symbol="MenuSeparator"); 936 937 /* Stuff inherited from ScrollSelectList */ 938 backgroundColor: #FFFFFF; 939 borderStyle: "solid"; 940 dropIndicatorSkin: ClassReference("haloclassic.ListDropIndicator"); 941 paddingBottom: 1; 942 paddingLeft: 1; 943 paddingRight: 0; 944 paddingTop: 1; 945} 946 947/* 948//------------------------------ 949// MenuBar 950//------------------------------ 951*/ 952 953MenuBar 954{ 955 backgroundSkin: ClassReference("haloclassic.MenuBarBackgroundSkin"); 956 itemUpSkin: ClassReference("haloclassic.ActivatorSkin"); 957 itemOverSkin: ClassReference("haloclassic.ActivatorSkin"); 958 itemDownSkin: ClassReference("haloclassic.ActivatorSkin"); 959 translucent: false; 960} 961 962/* 963//------------------------------ 964// NumericStepper 965//------------------------------ 966*/ 967 968NumericStepper 969{ 970 borderColor: #AAAAAA; 971 cornerRadius: 5; 972 downArrowDisabledSkin: ClassReference("haloclassic.NumericStepperDownSkin"); 973 downArrowDownSkin: ClassReference("haloclassic.NumericStepperDownSkin"); 974 downArrowOverSkin: ClassReference("haloclassic.NumericStepperDownSkin"); 975 downArrowUpSkin: ClassReference("haloclassic.NumericStepperDownSkin"); 976 focusRoundedCorners: "tr br"; /* Only round the right corners of the focus rect */ 977/* trackSkin: null; */ 978 upArrowDisabledSkin: ClassReference("haloclassic.NumericStepperUpSkin"); 979 upArrowDownSkin: ClassReference("haloclassic.NumericStepperUpSkin"); 980 upArrowOverSkin: ClassReference("haloclassic.NumericStepperUpSkin"); 981 upArrowUpSkin: ClassReference("haloclassic.NumericStepperUpSkin"); 982} 983 984/* 985//------------------------------ 986// Panel 987//------------------------------ 988 989// Note the use of effect triggers, below. 990// For now, adding a default effect trigger is 991// ("sadly") a three step process = 992// 1") Add it to the style sheet, as shown here. 993// 2") Create a linker dependency so that the effect class 994// ("mx.effects.Dissolve in this case") is linked into the app. 995// See the bottom of Panel.as. 996// 3") Register the EffectManager as an event listener. See 997// Panel.createChildren(""). 998*/ 999 1000Panel 1001{ 1002 backgroundColor: #FFFFFF; 1003 borderStyle: "default"; 1004 borderThickness: 0; 1005 closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); 1006 closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); 1007 closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); 1008 closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); 1009 cornerRadius: 8; 1010 dropShadowEnabled: true; 1011 paddingBottom: 4; 1012 paddingLeft: 4; 1013 paddingRight: 4; 1014 paddingTop: 4; 1015 resizeStartEffect: "Dissolve"; 1016 resizeEndEffect: "Dissolve"; 1017 titleBackgroundSkin: ClassReference("haloclassic.TitleBackground"); 1018} 1019 1020/* 1021//------------------------------ 1022// .plain 1023//------------------------------ 1024 1025// 'plain' is a named style that can be set on Application 1026// to revert to the boring white box 1027*/ 1028.plain 1029{ 1030 backgroundColor: #FFFFFF; 1031 horizontalAlign: "left"; 1032 paddingBottom: 0; 1033 paddingLeft: 0; 1034 paddingRight: 0; 1035 paddingTop: 0; 1036} 1037 1038/* 1039//------------------------------ 1040// PopUpButton 1041//------------------------------ 1042*/ 1043 1044PopUpButton 1045{ 1046 fontWeight: "bold"; 1047 textAlign: "left"; 1048 arrowButtonWidth: 18; 1049 borderColor: #919999; 1050 borderThickness: 3; 1051 cornerRadius: 5; 1052/* disabledIcon: null; */ 1053 disabledSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1054/* downIcon: null; */ 1055 downSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1056 horizontalGap: 2; 1057/* overIcon: null; */ 1058 overSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1059 popUpDownSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1060 popUpIcon: ClassReference("haloclassic.PopUpIcon"); 1061 popUpGap: 0; 1062 popUpOverSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1063/* upIcon: null; */ 1064 upSkin: ClassReference("haloclassic.PopUpButtonSkin"); 1065 verticalGap: 2; 1066} 1067 1068/* 1069//------------------------------ 1070// PrintDataGrid 1071//------------------------------ 1072*/ 1073 1074PrintDataGrid 1075{ 1076 alternatingRowColors: #FFFFFF, #FFFFFF; 1077 headerColors: #FFFFFF, #FFFFFF; 1078 vGridLineColor: 0; 1079 hGridLineColor: 0; 1080 backgroundColor: #FFFFFF; 1081 borderColor: 0; 1082 borderStyle: "solid"; 1083 columnResizeSkin: ClassReference("haloclassic.DataGridColumnResizeSkin"); 1084 headerSeparatorSkin: ClassReference("haloclassic.DataGridHeaderSeparator"); 1085 headerStyle: "dataGridStyles"; 1086 hGridLines: true; 1087 paddingTop: 2; 1088 paddingBottom: 2; 1089 sortArrowSkin: ClassReference("haloclassic.DataGridSortArrow"); 1090 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 1091} 1092 1093/* 1094//------------------------------ 1095// ProgressBar 1096//------------------------------ 1097*/ 1098 1099ProgressBar 1100{ 1101 color: #AAB3B3; 1102 fontWeight: "bold"; 1103 barSkin: ClassReference("haloclassic.ProgressBarSkin"); 1104 borderColor: #919999; 1105 indeterminateSkin: ClassReference("haloclassic.ProgressIndeterminateSkin"); 1106 trackColors: #E6EEEE, #E6EEEE; 1107 trackSkin: ClassReference("haloclassic.ProgressTrackSkin"); 1108} 1109 1110/* 1111//------------------------------ 1112// RadioButton 1113//------------------------------ 1114*/ 1115 1116RadioButton 1117{ 1118 borderColor: #AAAAAA; 1119 cornerRadius: 5; /* Needed for focus drawing */ 1120 disabledIcon: ClassReference("haloclassic.RadioButtonIcon"); 1121/* disabledSkin: null; */ 1122 downIcon: ClassReference("haloclassic.RadioButtonIcon"); 1123/* downSkin: null; */ 1124 horizontalGap: 2; 1125 overIcon: ClassReference("haloclassic.RadioButtonIcon"); 1126/* overSkin: null; */ 1127 selectedDisabledIcon: ClassReference("haloclassic.RadioButtonIcon"); 1128/* selectedDisabledSkin: null; */ 1129 selectedDownIcon: ClassReference("haloclassic.RadioButtonIcon"); 1130/* selectedDownSkin: null; */ 1131 selectedOverIcon: ClassReference("haloclassic.RadioButtonIcon"); 1132/* selectedOverSkin: null; */ 1133 selectedUpIcon: ClassReference("haloclassic.RadioButtonIcon"); 1134/* selectedUpSkin: null; */ 1135 upIcon: ClassReference("haloclassic.RadioButtonIcon"); 1136/* upSkin: null; */ 1137 verticalGap: 2; 1138} 1139 1140/* 1141//------------------------------ 1142// ScrollBar 1143//------------------------------ 1144*/ 1145 1146ScrollBar 1147{ 1148 borderColor: #919999; 1149 cornerRadius: 4; 1150 downArrowDisabledSkin: ClassReference("haloclassic.ScrollArrowDownSkin"); 1151 downArrowDownSkin: ClassReference("haloclassic.ScrollArrowDownSkin"); 1152 downArrowOverSkin: ClassReference("haloclassic.ScrollArrowDownSkin"); 1153 downArrowUpSkin: ClassReference("haloclassic.ScrollArrowDownSkin"); 1154 thumbDownSkin: ClassReference("haloclassic.ScrollThumbSkin"); 1155 thumbOverSkin: ClassReference("haloclassic.ScrollThumbSkin"); 1156 thumbUpSkin: ClassReference("haloclassic.ScrollThumbSkin"); 1157 trackColors: #C4CCCC, #FFFFFF; 1158 trackSkin: ClassReference("haloclassic.ScrollTrackSkin"); 1159 upArrowDisabledSkin: ClassReference("haloclassic.ScrollArrowUpSkin"); 1160 upArrowDownSkin: ClassReference("haloclassic.ScrollArrowUpSkin"); 1161 upArrowOverSkin: ClassReference("haloclassic.ScrollArrowUpSkin"); 1162 upArrowUpSkin: ClassReference("haloclassic.ScrollArrowUpSkin"); 1163} 1164 1165/* 1166//------------------------------ 1167// Tab 1168//------------------------------ 1169*/ 1170 1171Tab 1172{ 1173 cornerRadius: 6; 1174/* disabledIcon: null; */ 1175 disabledSkin: ClassReference("haloclassic.TabSkin"); 1176/* downIcon: null; */ 1177 downSkin: ClassReference("haloclassic.TabSkin"); 1178 horizontalGap: 2; 1179/* overIcon: null; */ 1180 overSkin: ClassReference("haloclassic.TabSkin"); 1181/* selectedDisabledIcon: null; */ 1182 selectedDisabledSkin: ClassReference("haloclassic.TabSkin"); 1183/* selectedDownIcon: null; */ 1184 selectedDownSkin: ClassReference("haloclassic.TabSkin"); 1185/* selectedOverIcon: null; */ 1186 selectedOverSkin: ClassReference("haloclassic.TabSkin"); 1187/* selectedUpIcon: null; */ 1188 selectedUpSkin: ClassReference("haloclassic.TabSkin"); 1189/* upIcon: null; */ 1190 upSkin: ClassReference("haloclassic.TabSkin"); 1191} 1192 1193/* 1194//------------------------------ 1195// TabBar 1196//------------------------------ 1197*/ 1198 1199TabBar 1200{ 1201 textAlign: "center"; 1202 borderStyle: "none"; 1203 horizontalAlign: "left"; 1204 horizontalGap: -1; 1205 selectedTabTextStyleName: "activeTabStyle"; 1206 tabStyleName: "Tab"; 1207 verticalAlign: "top"; 1208 verticalGap: -1; 1209} 1210 1211/* 1212//------------------------------ 1213// TabNavigator 1214//------------------------------ 1215*/ 1216 1217TabNavigator 1218{ 1219 backgroundColor: #FFFFFF; 1220 borderStyle: "solid"; 1221 horizontalAlign: "left"; 1222 horizontalGap: -1; 1223 paddingTop: 10; 1224} 1225 1226/* 1227//------------------------------ 1228// TextArea 1229//------------------------------ 1230*/ 1231 1232TextArea 1233{ 1234 backgroundColor: #FFFFFF; 1235 borderStyle: "solid"; 1236} 1237 1238/* 1239//------------------------------ 1240// TextInput 1241//------------------------------ 1242*/ 1243 1244TextInput 1245{ 1246 backgroundColor: #FFFFFF; 1247} 1248 1249/* 1250//------------------------------ 1251// Tile 1252//------------------------------ 1253*/ 1254 1255Tile 1256{ 1257 borderStyle: "none"; 1258} 1259 1260/* 1261//------------------------------ 1262// TileList 1263//------------------------------ 1264*/ 1265 1266TileList 1267{ 1268 textAlign: "center"; 1269 backgroundColor: #FFFFFF; 1270 borderStyle: "solid"; 1271 paddingBottom: 2; 1272 paddingTop: 2; 1273 verticalAlign: "middle"; 1274} 1275 1276 1277/* 1278//------------------------------ 1279// TitleWindow 1280//------------------------------ 1281 1282// Note the use of effect triggers, below. 1283// For now, adding a default effect trigger is 1284// ("sadly") a three step process = 1285// 1") Add it to the style sheet, as shown here. 1286// 2") Create a linker dependency so that the effect class 1287// ("mx.effects.Dissolve in this case") is linked into the app. 1288// See the bottom of Panel.as. 1289// 3") Register the EffectManager as an event listener. See 1290// Panel.createChildren(""). 1291*/ 1292 1293TitleWindow 1294{ 1295 backgroundColor: #FFFFFF; 1296 borderStyle: "default"; 1297 borderThickness: 0; 1298 closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); 1299 closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); 1300 closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); 1301 closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); 1302 cornerRadius: 8; 1303 dropShadowEnabled: true; 1304 paddingBottom: 4; 1305 paddingLeft: 4; 1306 paddingRight: 4; 1307 paddingTop: 4; 1308 resizeStartEffect: "Dissolve"; 1309 resizeEndEffect: "Dissolve"; 1310 titleBackgroundSkin: ClassReference("haloclassic.TitleBackground"); 1311} 1312 1313/* 1314//------------------------------ 1315// .todayStyle 1316//------------------------------ 1317*/ 1318 1319.todayStyle 1320{ 1321 color: #FFFFFF; 1322 textAlign: "center"; 1323} 1324 1325/* 1326//------------------------------ 1327// ToolTip 1328//------------------------------ 1329*/ 1330 1331ToolTip 1332{ 1333 fontSize: 9; 1334 shadowColor: #000000; 1335 backgroundColor: #FFFFCC; 1336 borderColor: #919999; 1337 borderSkin: ClassReference("haloclassic.ToolTipBorder"); 1338 borderStyle: "toolTip"; 1339 paddingBottom: 2; 1340 paddingLeft: 4; 1341 paddingRight: 4; 1342 paddingTop: 2; 1343} 1344 1345/* 1346//------------------------------ 1347// Tree 1348//------------------------------ 1349*/ 1350 1351Tree 1352{ 1353 backgroundColor: #FFFFFF; 1354 borderStyle: "solid"; 1355 paddingBottom: 2; 1356 paddingLeft: 2; 1357 paddingRight: 0; 1358 paddingTop: 2; 1359} 1360 1361/* 1362//------------------------------ 1363// VBox 1364//------------------------------ 1365*/ 1366 1367VBox 1368{ 1369 borderStyle: "none"; 1370} 1371 1372/* 1373//------------------------------ 1374// VDividedBox 1375//------------------------------ 1376*/ 1377 1378VDividedBox 1379{ 1380 borderStyle: "none"; 1381 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 1382 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 1383 horizontalGap: 10; 1384 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 1385 verticalGap: 10; 1386} 1387 1388/* 1389//------------------------------ 1390// ViewStack 1391//------------------------------ 1392*/ 1393 1394ViewStack 1395{ 1396 borderStyle: "none"; 1397} 1398 1399/* 1400//------------------------------ 1401// VRule 1402//------------------------------ 1403*/ 1404 1405VRule 1406{ 1407 color: #C4CCCC; 1408 strokeWidth: 2; 1409} 1410 1411/* 1412//------------------------------ 1413// VSlider 1414//------------------------------ 1415*/ 1416 1417VSlider 1418{ 1419 borderColor: #919999; 1420 fillColors: #FFFFFF, #E6E6E6; 1421 labelOffset: -8; 1422 slideDuration: 300; 1423 thumbDisabledSkin: ClassReference("haloclassic.SliderVThumbSkin"); 1424 thumbDownSkin: ClassReference("haloclassic.SliderVThumbSkin"); 1425 thumbOffset: 0; 1426 thumbOverSkin: ClassReference("haloclassic.SliderVThumbSkin"); 1427 thumbUpSkin: ClassReference("haloclassic.SliderVThumbSkin"); 1428 toolTipOffset: 16; 1429 toolTipPlacement: "left"; 1430 toolTipPrecision: 2; 1431 tickColor: #6F7777; 1432 tickLength: 3; 1433 tickOffset: -6; 1434 tickThickness: 1; 1435 trackColors: #EEEEEE, #FFFFFF; 1436 trackHighlight: false; 1437 trackHighlightSkin: ClassReference("haloclassic.SliderHighlightSkin"); 1438 trackSkin: ClassReference("haloclassic.SliderTrackSkin"); 1439} 1440 1441/* 1442//------------------------------ 1443// .weekDayStyle 1444//------------------------------ 1445*/ 1446 1447.weekDayStyle 1448{ 1449 fontWeight: "bold"; 1450 textAlign: "center"; 1451} 1452 1453/* 1454//------------------------------ 1455// Window 1456//------------------------------ 1457*/ 1458 1459Window 1460{ 1461 closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); 1462 closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); 1463 closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); 1464 closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); 1465 cornerRadius: 8; 1466 borderStyle: "default"; 1467} 1468 1469/* 1470//------------------------------ 1471// .windowStatus 1472//------------------------------ 1473 1474// This empty style declaration is required to make the 1475// status field of Panel/Window correctly pick up global 1476// default style properties. 1477*/ 1478 1479.windowStatus 1480{ 1481} 1482 1483/* 1484//------------------------------ 1485// .windowStyles 1486//------------------------------ 1487*/ 1488 1489.windowStyles 1490{ 1491 fontWeight: "bold"; 1492} 1493