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 */ 15global 16{ 17 backgroundAlpha: 1.0; /* this runs the opacity of nearly every square piece of the components */ 18 /* backgroundDisabledColor: #DDDDDD; */ 19 backgroundSize: "auto"; 20 bevel: true; 21 borderAlpha: 1.0; 22 borderCapColor: #919999; 23 borderColor: #B7BABC; 24 borderSides: "left top right bottom"; 25 borderSkin: ClassReference("mx.skins.halo.HaloBorder"); 26 borderStyle: "inset"; 27 borderThickness: 1; 28 buttonColor: #6F7777; 29 closeDuration: 250; 30 color: #0B333C; 31 cornerRadius: 0; 32 disabledColor: #AAB3B3; 33 disabledIconColor: #999999; 34 dropShadowColor: #000000; 35 dropShadowEnabled: false; 36 embedFonts: false; 37 errorColor: #FF0000; 38 fillAlphas: 0.6, 0.4, 0.75, 0.65; /* last pair are for OVER state */ 39 fillColor: #FFFFFF; /* kill this?? */ 40 fillColors: #FFFFFF, #CCCCCC, #FFFFFF, #EEEEEE; 41 filled: true; 42 focusAlpha: 0.4; 43 focusBlendMode: "normal"; 44 focusRoundedCorners: "tl tr bl br"; 45 focusSkin: ClassReference("mx.skins.halo.HaloFocusRect"); 46 focusThickness: 2; 47 fontAntiAliasType: "advanced"; 48 fontFamily: "Verdana"; 49 fontGridFitType: "pixel"; 50 fontSharpness: 0; 51 fontSize: 10; 52 fontStyle: "normal"; 53 fontThickness: 0; 54 fontWeight: "normal"; 55 /* footerColors: #E7E7E7, #C7C7C7; */ 56 /* headerColors: #E7E7E7, #D9D9D9; */ 57 /* headerHeight: 28; */ 58 highlightAlphas: 0.3, 0; /* use this to control the 'light' cast on the components */ 59 horizontalAlign: "left"; 60 horizontalGap: 8; 61 horizontalGridLineColor: #F7F7F7; 62 horizontalGridLines: false; 63 iconColor: #111111; 64 indentation: 17; 65 indicatorGap: 14; 66 kerning: false; 67 leading: 2; 68 letterSpacing: 0; 69 modalTransparency: 0.5; 70 modalTransparencyBlur: 3; 71 modalTransparencyColor: #DDDDDD; 72 modalTransparencyDuration: 100; 73 openDuration: 250; 74 paddingBottom: 0; 75 paddingLeft: 0; 76 paddingRight: 0; 77 paddingTop: 0; 78 roundedBottomCorners: true; 79 repeatDelay: 500; 80 repeatInterval: 35; 81 selectionDisabledColor: #DDDDDD; 82 selectionDuration: 250; 83 shadowCapColor: #D5DDDD; 84 shadowColor: #EEEEEE; 85 shadowDirection: "center"; 86 shadowDistance: 2; 87 stroked: false; 88 strokeWidth: 1; 89 textAlign: "left"; 90 textIndent: 0; 91 textRollOverColor: #2B333C; 92 textSelectedColor: #2B333C; 93 94 themeColor: #009DFF; /* haloBlue */ 95 /* 96 //themeColor: #80FF4D; // haloGreen 97 //themeColor: #FFB600; // haloOrange 98 //themeColor: #AECAD9; // haloSilver 99 */ 100 101 useRollOver: true; 102 version: "2.0.1"; 103 verticalAlign: "top"; 104 verticalGap: 6; 105 verticalGridLineColor: #D5DDDD; 106 verticalGridLines: true; 107} 108 109/* 110//------------------------------ 111// Accordion 112//------------------------------ 113*/ 114 115Accordion 116{ 117 backgroundColor: #FFFFFF; 118 borderStyle: "solid"; 119 /* headerHeight: 22; */ 120 paddingBottom: -1; 121 paddingLeft: -1; 122 paddingRight: -1; 123 paddingTop: -1; 124 verticalGap: -1; 125} 126 127/* 128//------------------------------ 129// AccordionHeader 130//------------------------------ 131*/ 132 133AccordionHeader 134{ 135/* selectedFillColors: #FFFFFF, #FFFFFF; */ /* overrides the calculated fillcolors */ 136 fontSize: "10"; 137 fontWeight: "bold"; 138/* disabledIcon: null; */ 139 disabledSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 140/* downIcon: null; */ 141 downSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 142 horizontalGap: 2; 143/* overIcon: null; */ 144 overSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 145 paddingLeft: 5; 146 paddingRight: 5; 147/* selectedDisabledIcon: null; */ 148 selectedDisabledSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 149/* selectedDownIcon: null; */ 150 selectedDownSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 151/* selectedOverIcon: null; */ 152 selectedOverSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 153/* selectedUpIcon: null; */ 154 selectedUpSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 155 textAlign: "left"; 156/* upIcon: null; */ 157 upSkin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); 158} 159 160/* 161//------------------------------ 162// .activeButtonStyle 163//------------------------------ 164*/ 165 166.activeButtonStyle 167{ 168} 169 170/* 171//------------------------------ 172// .activeTabStyle 173//------------------------------ 174*/ 175 176.activeTabStyle 177{ 178 fontWeight: "bold"; 179} 180 181/* 182//------------------------------ 183// AdvancedDataGrid 184//------------------------------ 185*/ 186 187AdvancedDataGrid 188{ 189 alternatingItemColors: #F7F7F7, #FFFFFF; 190 columnDropIndicatorSkin: ClassReference("mx.skins.halo.DataGridColumnDropIndicator"); 191 columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); 192 headerColors: #FFFFFF, #E6E6E6; 193 headerDragProxyStyleName: "headerDragProxyStyle"; 194 headerBackgroundSkin: ClassReference("mx.skins.halo.DataGridHeaderBackgroundSkin"); 195 headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); 196 headerHorizontalSeparatorSkin: ClassReference("mx.skins.halo.AdvancedDataGridHeaderHorizontalSeparator"); 197 headerStyleName: "advancedDataGridStyles"; 198 sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); 199 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 200 verticalGridLineColor: #CCCCCC; 201 disclosureClosedIcon: Embed(source="Assets.swf",symbol="TreeDisclosureClosed"); 202 disclosureOpenIcon: Embed(source="Assets.swf",symbol="TreeDisclosureOpen"); 203 defaultLeafIcon: Embed(source="Assets.swf",symbol="TreeNodeIcon"); 204 folderClosedIcon: Embed(source="Assets.swf",symbol="TreeFolderClosed"); 205 folderOpenIcon: Embed(source="Assets.swf",symbol="TreeFolderOpen"); 206 paddingLeft: 2; 207 paddingRight: 0; 208 /* sort item renderer's font styles */ 209 sortFontFamily: "Verdana"; 210 sortFontSize: 10; 211 sortFontStyle: "normal"; 212 sortFontWeight: "normal"; 213} 214 215/* 216//------------------------------ 217// AdvancedDataGridItemRenderer 218//------------------------------ 219*/ 220 221AdvancedDataGridItemRenderer 222{ 223 paddingLeft: 5; 224} 225 226/* 227//------------------------------ 228// AdvancedDataGridSortItemRenderer 229//------------------------------ 230*/ 231AdvancedDataGridSortItemRenderer 232{ 233 paddingTop: 0; 234 paddingBottom: 0; 235 paddingLeft: 0; 236 paddingRight: 0; 237 horizontalGap: 0; 238 239 color: #0B333C; 240 icon: ClassReference("mx.skins.halo.DataGridSortArrow"); 241} 242 243/* 244//------------------------------ 245// AdvancedDataGridHeaderRenderer 246//------------------------------ 247*/ 248AdvancedDataGridHeaderRenderer 249{ 250 paddingTop: 0; 251 paddingBottom: 0; 252 paddingLeft: 2; 253 paddingRight: 2; 254 horizontalGap: 0; 255 256 color: #0B333C; 257 258 backgroundColor: #FFFFFF; 259 backgroundAlpha: 0.0; 260} 261 262/* 263//------------------------------ 264// .advancedDataGridStyles 265//------------------------------ 266*/ 267 268.advancedDataGridStyles 269{ 270 fontWeight: "bold"; 271} 272 273/* 274//------------------------------ 275// Alert 276//------------------------------ 277*/ 278 279Alert 280{ 281 backgroundAlpha: 0.90; /* controls the alpha of the panel content area. */ 282 backgroundColor: #869CA7; 283 borderAlpha: 0.90; /* controls the alpha of the panel top, bottom and sides. */ 284 borderColor: #869CA7; 285 /* borderThicknessBottom is NaN */ 286 buttonStyleName: "alertButtonStyle"; 287 color: #FFFFFF; 288 paddingBottom: 2; 289 paddingLeft: 10; 290 paddingRight: 10; 291 paddingTop: 2; 292 roundedBottomCorners: true; 293} 294 295/* 296//------------------------------ 297// .alertButtonStyle 298//------------------------------ 299*/ 300 301.alertButtonStyle 302{ 303 color: #0B333C; 304} 305 306/* 307//------------------------------ 308// Application 309//------------------------------ 310*/ 311 312Application 313{ 314 backgroundColor: #869CA7; 315 backgroundImage: ClassReference("mx.skins.halo.ApplicationBackground"); 316 backgroundSize: "100%"; 317 backgroundGradientAlphas: 1, 1; 318 /* backgroundGradientColors: #9CB0BA, #68808C; */ 319 horizontalAlign: "center"; 320 paddingBottom: 24; 321 paddingLeft: 24; 322 paddingRight: 24; 323 paddingTop: 24; 324} 325 326/* 327//------------------------------ 328// ApplicationControlBar 329//------------------------------ 330*/ 331 332ApplicationControlBar 333{ 334 borderStyle: "applicationControlBar"; 335 cornerRadius: 5; 336 docked: false; 337 dropShadowEnabled: true; 338 fillAlphas: 0, 0; 339 fillColors: #FFFFFF, #FFFFFF; 340 paddingBottom: 4; 341 paddingLeft: 8; 342 paddingRight: 8; 343 paddingTop: 5; 344 shadowDistance: 5; 345} 346 347/* 348//------------------------------ 349// Box 350//------------------------------ 351*/ 352 353/* 354//------------------------------ 355// Button 356//------------------------------ 357*/ 358 359Button 360{ 361 cornerRadius: 4; 362/* disabledIcon: null; */ 363 disabledSkin: ClassReference("mx.skins.halo.ButtonSkin"); 364/* downIcon: null; */ 365 downSkin: ClassReference("mx.skins.halo.ButtonSkin"); 366 fontWeight: "bold"; 367 horizontalGap: 2; 368/* overIcon: null; */ 369 overSkin: ClassReference("mx.skins.halo.ButtonSkin"); 370 paddingLeft: 3; 371 paddingRight: 3; 372/* selectedDisabledIcon: null; */ 373 selectedDisabledSkin: ClassReference("mx.skins.halo.ButtonSkin"); 374/* selectedDownIcon: null; */ 375 selectedDownSkin: ClassReference("mx.skins.halo.ButtonSkin"); 376/* selectedOverIcon: null; */ 377 selectedOverSkin: ClassReference("mx.skins.halo.ButtonSkin"); 378/* selectedUpIcon: null; */ 379 selectedUpSkin: ClassReference("mx.skins.halo.ButtonSkin"); 380 textAlign: "center"; 381/* upIcon: null; */ 382 upSkin: ClassReference("mx.skins.halo.ButtonSkin"); 383 verticalGap: 2; 384} 385 386/* 387//------------------------------ 388// ButtonBar 389//------------------------------ 390*/ 391 392ButtonBar 393{ 394 horizontalAlign: "center"; 395 horizontalGap: 0; 396 textAlign: "center"; 397 verticalAlign: "middle"; 398 verticalGap: 0; 399} 400 401/* 402//------------------------------ 403// ButtonBarButton 404//------------------------------ 405*/ 406 407ButtonBarButton 408{ 409/* disabledIcon: null; */ 410 disabledSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 411/* downIcon: null; */ 412 downSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 413 horizontalGap: 1; 414/* overIcon: null; */ 415 overSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 416/* selectedDisabledIcon: null; */ 417 selectedDisabledSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 418/* selectedDownIcon: null; */ 419 selectedDownSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 420/* selectedOverIcon: null; */ 421 selectedOverSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 422/* selectedUpIcon: null; */ 423 selectedUpSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 424/* upIcon: null; */ 425 upSkin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); 426} 427 428/* 429//------------------------------ 430// CalendarLayout 431//------------------------------ 432*/ 433 434CalendarLayout 435{ 436 cellWidthPadding: 6; 437 cellHeightPadding: 6; 438 color: #2B333C; 439 horizontalGap: 7; 440 paddingBottom: 10; 441 paddingLeft: 6; 442 paddingRight: 6; 443 paddingTop: 6; 444 textAlign: "center"; 445 todayColor: #818181; 446 verticalGap: 6; 447} 448 449/* 450//------------------------------ 451// Canvas 452//------------------------------ 453*/ 454 455/* 456//------------------------------ 457// CheckBox 458//------------------------------ 459*/ 460 461CheckBox 462{ 463 disabledIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 464 disabledSkin: ClassReference(null); 465 downIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 466 downSkin: ClassReference(null); 467 fontWeight: "normal"; 468 iconColor: #2B333C; 469 overIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 470 overSkin: ClassReference(null); 471 selectedDisabledIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 472 selectedDisabledSkin: ClassReference(null); 473 selectedDownIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 474 selectedDownSkin: ClassReference(null); 475 selectedOverIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 476 selectedOverSkin: ClassReference(null); 477 selectedUpIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 478 selectedUpSkin: ClassReference(null); 479 textAlign: "left"; 480 upIcon: ClassReference("mx.skins.halo.CheckBoxIcon"); 481 upSkin: ClassReference(null); 482} 483 484/* 485//------------------------------ 486// ColorPicker 487//------------------------------ 488*/ 489 490ColorPicker 491{ 492 backgroundColor: #E5E6E7; 493 borderColor: #A5A9AE; 494 columnCount: 20; 495 disabledSkin: ClassReference("mx.skins.halo.ColorPickerSkin"); 496 downSkin: ClassReference("mx.skins.halo.ColorPickerSkin"); 497 fontSize: 11; 498 highlightColor: #FFFFFF; 499 horizontalGap: 0; 500 iconColor: #000000; 501 overSkin: ClassReference("mx.skins.halo.ColorPickerSkin"); 502 paddingBottom: 5; 503 paddingLeft: 5; 504 paddingRight: 5; 505 paddingTop: 4; 506 previewHeight: 22; 507 previewWidth: 45; 508 shadowColor: #4D555E; 509 swatchBorderColor: #000000; 510 swatchBorderSize: 1; 511 swatchGridBackgroundColor: #000000; 512 swatchGridBorderSize: 0; 513 swatchHeight: 12; 514 swatchHighlightColor: #FFFFFF; 515 swatchHighlightSize: 1; 516 swatchWidth: 12; 517 textFieldWidth: 72; 518 upSkin: ClassReference("mx.skins.halo.ColorPickerSkin"); 519 verticalGap: 0; 520} 521 522/* 523//------------------------------ 524// ComboBox 525//------------------------------ 526*/ 527 528ComboBox 529{ 530 arrowButtonWidth: 22; 531 cornerRadius: 5; 532 disabledIconColor: #919999; 533 disabledSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 534 downSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 535 dropDownStyleName: "comboDropDown"; 536 editableDisabledSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 537 editableDownSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 538 editableOverSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 539 editableUpSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 540 fontWeight: "bold"; 541 leading: 0; 542 overSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 543 paddingLeft: 5; 544 paddingRight: 5; 545 upSkin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); 546} 547 548/* 549//------------------------------ 550// .comboDropDown 551//------------------------------ 552*/ 553 554.comboDropDown 555{ 556 backgroundColor: #FFFFFF; 557 borderThickness: 0; 558 cornerRadius: 0; 559 dropShadowEnabled: true; 560 fontWeight: "normal"; 561 shadowDirection: "center"; 562 shadowDistance: 1; 563} 564 565/* 566//------------------------------ 567// Container 568//------------------------------ 569*/ 570 571Container 572{ 573 borderStyle: "none"; 574} 575 576/* 577//------------------------------ 578// ControlBar 579//------------------------------ 580*/ 581 582ControlBar 583{ 584 disabledOverlayAlpha: 0; 585 borderStyle: "controlBar"; 586 paddingBottom: 10; 587 paddingLeft: 10; 588 paddingRight: 10; 589 paddingTop: 10; 590 verticalAlign: "middle"; 591} 592 593/* 594//------------------------------ 595// CursorManager 596//------------------------------ 597*/ 598 599CursorManager 600{ 601 busyCursor: ClassReference("mx.skins.halo.BusyCursor"); 602 busyCursorBackground: Embed(source="Assets.swf",symbol="mx.skins.cursor.BusyCursor"); 603} 604 605/* 606//------------------------------ 607// DataGrid 608//------------------------------ 609*/ 610 611DataGrid 612{ 613 alternatingItemColors: #F7F7F7, #FFFFFF; 614 columnDropIndicatorSkin: ClassReference("mx.skins.halo.DataGridColumnDropIndicator"); 615 columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); 616 headerColors: #FFFFFF, #E6E6E6; 617 headerDragProxyStyleName: "headerDragProxyStyle"; 618 headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); 619 headerStyleName: "dataGridStyles"; 620 sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); 621 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 622 verticalGridLineColor: #CCCCCC; 623} 624 625/* 626//------------------------------ 627// DataGridItemRenderer 628//------------------------------ 629*/ 630 631DataGridItemRenderer 632{ 633 paddingLeft: 5; 634} 635 636/* 637//------------------------------ 638// .dataGridStyles 639//------------------------------ 640*/ 641 642.dataGridStyles 643{ 644 fontWeight: "bold"; 645} 646 647/* 648//------------------------------ 649// DateChooser 650//------------------------------ 651*/ 652 653DateChooser 654{ 655 backgroundColor: #FFFFFF; 656 cornerRadius: 4; 657 headerColors: #E1E5EB, #F4F5F7; 658 headerStyleName: "headerDateText"; 659 nextMonthDisabledSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 660 nextMonthDownSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 661 nextMonthOverSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 662 nextMonthUpSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 663 nextYearDisabledSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 664 nextYearDownSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 665 nextYearOverSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 666 nextYearUpSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 667 prevMonthDisabledSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 668 prevMonthDownSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 669 prevMonthOverSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 670 prevMonthUpSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); 671 prevYearDisabledSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 672 prevYearDownSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 673 prevYearOverSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 674 prevYearUpSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); 675 rollOverIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); 676 selectionIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); 677 todayIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); 678 todayStyleName: "todayStyle"; 679 weekDayStyleName: "weekDayStyle"; 680} 681 682/* 683//------------------------------ 684// DateField 685//------------------------------ 686*/ 687 688DateField 689{ 690 /* borderColor: #C4CCCC; */ 691 /* cornerRadius: 5; */ 692 dateChooserStyleName: "dateFieldPopup"; 693 disabledSkin: Embed(source="Assets.swf",symbol="openDateOver"); 694 downSkin: Embed(source="Assets.swf",symbol="openDateOver"); 695 overSkin: Embed(source="Assets.swf",symbol="openDateOver"); 696 upSkin: Embed(source="Assets.swf",symbol="openDateOver"); 697} 698 699/* 700//------------------------------ 701// .dateFieldPopup 702//------------------------------ 703*/ 704 705.dateFieldPopup 706{ 707 backgroundColor: #FFFFFF; 708 borderThickness: 0; 709 dropShadowEnabled: true; 710} 711 712/* 713//------------------------------ 714// DividedBox 715//------------------------------ 716*/ 717 718DividedBox 719{ 720 dividerAffordance: 6; 721 dividerAlpha: 0.75; 722 dividerColor: #6F7777; 723 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 724 dividerThickness: 3; 725 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 726 horizontalGap: 10; 727 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 728 verticalGap: 10; 729} 730 731/* 732//------------------------------ 733// DragManager 734//------------------------------ 735*/ 736 737DragManager 738{ 739 copyCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragCopy"); 740 defaultDragImageSkin: ClassReference("mx.skins.halo.DefaultDragImage"); 741 linkCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragLink"); 742 moveCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragMove"); 743 rejectCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.DragReject"); 744} 745 746/* 747//------------------------------ 748// .errorTip 749//------------------------------ 750*/ 751 752.errorTip 753{ 754 borderColor: #CE2929; 755 borderStyle: "errorTipRight"; 756 color: #FFFFFF; 757 fontSize: 9; 758 fontWeight: "bold"; 759 shadowColor: #000000; 760 paddingBottom: 4; 761 paddingLeft: 4; 762 paddingRight: 4; 763 paddingTop: 4; 764} 765 766/* 767//------------------------------ 768// Form 769//------------------------------ 770*/ 771 772Form 773{ 774 paddingBottom: 16; 775 paddingLeft: 16; 776 paddingRight: 16; 777 paddingTop: 16; 778 verticalGap: 6; 779} 780 781/* 782//------------------------------ 783// FormHeading 784//------------------------------ 785*/ 786 787FormHeading 788{ 789 fontSize: 12; 790 fontWeight: "bold"; 791 borderStyle: "none"; 792 verticalGap: 16; 793} 794 795/* 796//------------------------------ 797// FormItem 798//------------------------------ 799*/ 800 801FormItem 802{ 803 indicatorSkin: Embed(source="Assets.swf",symbol="mx.containers.FormItem.Required"); 804} 805 806/* 807//------------------------------ 808// FormItemLabel 809//------------------------------ 810*/ 811FormItemLabel 812{ 813 textAlign: "right"; 814} 815 816/* 817//------------------------------ 818// Grid 819//------------------------------ 820*/ 821 822/* 823//------------------------------ 824// GridItem 825//------------------------------ 826*/ 827 828/* 829//------------------------------ 830// GridRow 831//------------------------------ 832*/ 833 834/* 835//------------------------------ 836// .headerDateText 837//------------------------------ 838*/ 839 840.headerDateText 841{ 842 fontWeight: "bold"; 843 textAlign: "center"; 844} 845 846/* 847//------------------------------ 848// .headerDragProxyStyle 849//------------------------------ 850*/ 851 852.headerDragProxyStyle 853{ 854 fontWeight: "bold"; 855} 856 857/* 858//------------------------------ 859// HBox 860//------------------------------ 861*/ 862 863/* 864//------------------------------ 865// HDividedBox 866//------------------------------ 867*/ 868 869HDividedBox 870{ 871 dividerAffordance: 6; 872 dividerAlpha: 0.75; 873 dividerColor: #6F7777; 874 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 875 dividerThickness: 3; 876 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 877 horizontalGap: 10; 878 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 879 verticalGap: 10; 880} 881 882/* 883//------------------------------ 884// HorizontalList 885//------------------------------ 886*/ 887 888HorizontalList 889{ 890 textAlign: "center"; 891} 892 893/* 894//------------------------------ 895// HRule 896//------------------------------ 897*/ 898 899HRule 900{ 901 strokeColor: #C4CCCC; 902 strokeWidth: 2; 903} 904 905/* 906//------------------------------ 907// HScrollBar 908//------------------------------ 909*/ 910 911/* 912//------------------------------ 913// HSlider 914//------------------------------ 915*/ 916 917HSlider 918{ 919 borderColor: #919999; 920 dataTipOffset: 16; 921 dataTipPlacement: "top"; 922 dataTipPrecision: 2; 923 labelOffset: -10; 924 showTrackHighlight: false; 925 slideDuration: 300; 926 thumbDisabledSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 927 thumbDownSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 928 thumbOffset: 0; 929 thumbOverSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 930 thumbUpSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 931 tickColor: #6F7777; 932 tickLength: 4; 933 tickOffset: -6; 934 tickThickness: 1; 935 trackColors: #E7E7E7, #E7E7E7; 936 trackHighlightSkin: ClassReference("mx.skins.halo.SliderHighlightSkin"); 937 trackSkin: ClassReference("mx.skins.halo.SliderTrackSkin"); 938} 939 940/* 941//------------------------------ 942// Image 943//------------------------------ 944*/ 945 946/* 947//------------------------------ 948// Label 949//------------------------------ 950*/ 951 952/* 953//------------------------------ 954// LinkButton 955//------------------------------ 956*/ 957 958LinkButton 959{ 960/* disabledIcon: null; */ 961 disabledSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 962/* downIcon: null; */ 963 downSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 964/* overIcon: null; */ 965 overSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 966/* selectedDisabledIcon: null; */ 967 selectedDisabledSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 968/* selectedDownIcon: null; */ 969 selectedDownSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 970/* selectedOverIcon: null; */ 971 selectedOverSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 972/* selectedUpIcon: null; */ 973 selectedUpSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 974/* upIcon: null; */ 975 upSkin: ClassReference("mx.skins.halo.LinkButtonSkin"); 976} 977 978/* 979//------------------------------ 980// LinkBar 981//------------------------------ 982*/ 983 984LinkBar 985{ 986 horizontalGap: 8; 987 paddingBottom: 2; 988 paddingLeft: 2; 989 paddingRight: 2; 990 paddingTop: 2; 991 separatorColor: #C4CCCC; 992 separatorSkin: ClassReference("mx.skins.halo.LinkSeparator"); 993 separatorWidth: 1; 994 verticalGap: 8; 995} 996 997/* 998//------------------------------ 999// ListBase 1000//------------------------------ 1001*/ 1002 1003ListBase 1004{ 1005 backgroundColor: #FFFFFF; 1006 backgroundDisabledColor: #DDDDDD; 1007 borderStyle: "solid"; 1008 dropIndicatorSkin: ClassReference("mx.skins.halo.ListDropIndicator"); 1009 paddingBottom: 2; 1010 paddingLeft: 2; 1011 paddingRight: 0; 1012 paddingTop: 2; 1013} 1014 1015/* 1016//------------------------------ 1017// List 1018//------------------------------ 1019*/ 1020 1021/* 1022//------------------------------ 1023// Menu 1024//------------------------------ 1025*/ 1026 1027Menu 1028{ 1029 borderStyle: "menuBorder"; 1030 branchDisabledIcon: Embed(source="Assets.swf",symbol="MenuBranchDisabled"); 1031 branchIcon: Embed(source="Assets.swf",symbol="MenuBranchEnabled"); 1032 checkDisabledIcon: Embed(source="Assets.swf",symbol="MenuCheckDisabled"); 1033 checkIcon: Embed(source="Assets.swf",symbol="MenuCheckEnabled"); 1034 dropIndicatorSkin: ClassReference("mx.skins.halo.ListDropIndicator"); 1035 dropShadowEnabled: true; 1036 horizontalGap: 0; 1037 leftIconGap: 18; 1038 rightIconGap: 15; 1039 paddingBottom: 1; 1040 paddingLeft: 1; 1041 paddingRight: 0; 1042 paddingTop: 1; 1043 radioIcon: Embed(source="Assets.swf",symbol="MenuRadioEnabled"); 1044 radioDisabledIcon: Embed(source="Assets.swf",symbol="MenuRadioDisabled"); 1045 separatorSkin: Embed(source="Assets.swf",symbol="MenuSeparator"); 1046 verticalAlign: "middle"; 1047} 1048 1049/* 1050//------------------------------ 1051// MenuBar 1052//------------------------------ 1053*/ 1054 1055MenuBar 1056{ 1057 backgroundSkin: ClassReference("mx.skins.halo.MenuBarBackgroundSkin"); 1058 itemUpSkin: ClassReference("mx.skins.halo.ActivatorSkin"); 1059 itemOverSkin: ClassReference("mx.skins.halo.ActivatorSkin"); 1060 itemDownSkin: ClassReference("mx.skins.halo.ActivatorSkin"); 1061 translucent: false; 1062} 1063 1064/* 1065//------------------------------ 1066// NumericStepper 1067//------------------------------ 1068*/ 1069 1070NumericStepper 1071{ 1072 cornerRadius: 5; 1073 downArrowDisabledSkin: ClassReference("mx.skins.halo.NumericStepperDownSkin"); 1074 downArrowDownSkin: ClassReference("mx.skins.halo.NumericStepperDownSkin"); 1075 downArrowOverSkin: ClassReference("mx.skins.halo.NumericStepperDownSkin"); 1076 downArrowUpSkin: ClassReference("mx.skins.halo.NumericStepperDownSkin"); 1077 focusRoundedCorners: "tr br"; /* Only round the right corners of the focus rect */ 1078 upArrowDisabledSkin: ClassReference("mx.skins.halo.NumericStepperUpSkin"); 1079 upArrowDownSkin: ClassReference("mx.skins.halo.NumericStepperUpSkin"); 1080 upArrowOverSkin: ClassReference("mx.skins.halo.NumericStepperUpSkin"); 1081 upArrowUpSkin: ClassReference("mx.skins.halo.NumericStepperUpSkin"); 1082} 1083 1084/* 1085//------------------------------ 1086// .opaquePanel 1087//------------------------------ 1088*/ 1089 1090.opaquePanel 1091{ 1092 backgroundColor: #FFFFFF; 1093 borderAlpha: 1; 1094 borderColor: #FFFFFF; 1095 footerColors: #E7E7E7, #C7C7C7; 1096 headerColors: #E7E7E7, #D9D9D9; 1097} 1098 1099/* 1100//------------------------------ 1101// Panel 1102//------------------------------ 1103*/ 1104 1105/* 1106 Note the use of effect triggers, below. 1107 For now, adding a default effect trigger is a three step process: 1108 1) Add it to the style sheet, as shown here. 1109 2) Create a linker dependency so that the effect class 1110 ("mx.effects.Dissolve in this case") is linked into the app. 1111 See the bottom of Panel.as. 1112 3) Register the EffectManager as an event listener. See Panel.createChildren(""). 1113*/ 1114 1115Panel 1116{ 1117 /* backgroundAlpha: 1.0; controls the alpha of the panel content area. */ 1118 backgroundColor: #FFFFFF; 1119 borderAlpha: 0.4; /* controls the alpha of the panel top, bottom and sides. */ 1120 borderColor: #E2E2E2; 1121 borderStyle: "default"; 1122 borderThickness: 0; 1123 /* borderThicknessBottom is NaN */ 1124 borderThicknessLeft: 10; 1125 borderThicknessRight: 10; 1126 borderThicknessTop: 2; 1127 cornerRadius: 4; 1128 dropShadowEnabled: true; 1129 paddingBottom: 0; 1130 paddingLeft: 0; 1131 paddingRight: 0; 1132 paddingTop: 0; 1133 resizeEndEffect: "Dissolve"; 1134 resizeStartEffect: "Dissolve"; 1135 roundedBottomCorners: false; 1136 statusStyleName: "windowStatus"; 1137 titleBackgroundSkin: ClassReference("mx.skins.halo.TitleBackground"); 1138 titleStyleName: "windowStyles"; 1139} 1140 1141/* 1142//------------------------------ 1143// .plain 1144//------------------------------ 1145*/ 1146 1147/* 1148 'plain' is a named style that can be set on Application 1149 to revert to the boring white box 1150*/ 1151 1152.plain 1153{ 1154 backgroundColor: #FFFFFF; 1155 backgroundImage: ""; 1156 horizontalAlign: "left"; 1157 paddingBottom: 0; 1158 paddingLeft: 0; 1159 paddingRight: 0; 1160 paddingTop: 0; 1161} 1162 1163/* 1164//------------------------------ 1165// PopUpButton 1166//------------------------------ 1167*/ 1168 1169PopUpButton 1170{ 1171 arrowButtonWidth: 18; 1172 disabledSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1173 downSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1174 paddingLeft: 3; 1175 paddingRight: 3; 1176 overSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1177 popUpDownSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1178 popUpIcon: ClassReference("mx.skins.halo.PopUpIcon"); 1179 popUpGap: 0; 1180 popUpOverSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1181 upSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1182} 1183 1184/* 1185//------------------------------ 1186// PopUpMenuButton 1187//------------------------------ 1188*/ 1189 1190PopUpMenuButton 1191{ 1192 arrowButtonWidth: 18; 1193 disabledSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1194 downSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1195 fontWeight: "bold"; 1196 paddingLeft: 3; 1197 paddingRight: 3; 1198 overSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1199 popUpDownSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1200 popUpIcon: ClassReference("mx.skins.halo.PopUpMenuIcon"); 1201 popUpGap: 0; 1202 popUpOverSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1203 upSkin: ClassReference("mx.skins.halo.PopUpButtonSkin"); 1204} 1205 1206/* 1207//------------------------------ 1208// PrintAdvancedDataGrid 1209//------------------------------ 1210*/ 1211 1212PrintAdvancedDataGrid 1213{ 1214 alternatingItemColors: #FFFFFF, #FFFFFF; 1215 borderColor: 0; 1216 columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); 1217 headerColors: #FFFFFF, #FFFFFF; 1218 headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); 1219 headerStyleName: "advancedDataGridStyles"; 1220 horizontalGridLineColor: 0; 1221 horizontalGridLines: true; 1222 sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); 1223 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 1224 verticalGridLineColor: #000000; 1225} 1226 1227/* 1228//------------------------------ 1229// PrintDataGrid 1230//------------------------------ 1231*/ 1232 1233PrintDataGrid 1234{ 1235 alternatingItemColors: #FFFFFF, #FFFFFF; 1236 borderColor: 0; 1237 columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); 1238 headerColors: #FFFFFF, #FFFFFF; 1239 headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); 1240 headerStyleName: "dataGridStyles"; 1241 horizontalGridLineColor: 0; 1242 horizontalGridLines: true; 1243 sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); 1244 stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); 1245 verticalGridLineColor: #000000; 1246} 1247 1248/* 1249//------------------------------ 1250// ProgressBar 1251//------------------------------ 1252*/ 1253 1254ProgressBar 1255{ 1256 barSkin: ClassReference("mx.skins.halo.ProgressBarSkin"); 1257 fontWeight: "bold"; 1258 indeterminateMoveInterval: 28; 1259 indeterminateSkin: ClassReference("mx.skins.halo.ProgressIndeterminateSkin"); 1260 leading: 0; 1261 trackColors: #E7E7E7, #FFFFFF; 1262 trackSkin: ClassReference("mx.skins.halo.ProgressTrackSkin"); 1263} 1264 1265/* 1266//------------------------------ 1267// RadioButton 1268//------------------------------ 1269*/ 1270 1271RadioButton 1272{ 1273 cornerRadius: 7; /* Needed for focus drawing */ 1274 disabledIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1275 disabledSkin: ClassReference(null); 1276 downIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1277 downSkin: ClassReference(null); 1278 fontWeight: "normal"; 1279 iconColor: #2B333C; 1280 overIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1281 overSkin: ClassReference(null); 1282 selectedDisabledIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1283 selectedDisabledSkin: ClassReference(null); 1284 selectedDownIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1285 selectedDownSkin: ClassReference(null); 1286 selectedOverIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1287 selectedOverSkin: ClassReference(null); 1288 selectedUpIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1289 selectedUpSkin: ClassReference(null); 1290 textAlign: "left"; 1291 upIcon: ClassReference("mx.skins.halo.RadioButtonIcon"); 1292 upSkin: ClassReference(null); 1293} 1294 1295/* 1296//------------------------------ 1297// RichTextEditor 1298//------------------------------ 1299*/ 1300 1301RichTextEditor 1302{ 1303 textAreaStyleName: "richTextEditorTextAreaStyle"; 1304} 1305 1306/* 1307//------------------------------ 1308// .richTextEditorTextAreaStyle 1309//------------------------------ 1310*/ 1311 1312.richTextEditorTextAreaStyle 1313{ 1314} 1315 1316/* 1317//------------------------------ 1318// ScrollBar 1319//------------------------------ 1320*/ 1321 1322ScrollBar 1323{ 1324 borderColor: #B7BABC; 1325 cornerRadius: 4; 1326 downArrowDisabledSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1327 downArrowDownSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1328 downArrowOverSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1329 downArrowUpSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1330/* fillColors: #FFFFFF, #E7E7E7; // bailed these as ScrollBar is now a translucent component backed by backgroundColor-derived solid shapes */ 1331 thumbOffset: 0; 1332 thumbDownSkin: ClassReference("mx.skins.halo.ScrollThumbSkin"); 1333 thumbOverSkin: ClassReference("mx.skins.halo.ScrollThumbSkin"); 1334 thumbUpSkin: ClassReference("mx.skins.halo.ScrollThumbSkin"); 1335 trackColors: #94999b, #e7e7e7; /* #d6d7d8; */ 1336 trackSkin: ClassReference("mx.skins.halo.ScrollTrackSkin"); 1337 upArrowDisabledSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1338 upArrowDownSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1339 upArrowOverSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1340 upArrowUpSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); 1341} 1342 1343/* 1344//------------------------------ 1345// SwatchPanel 1346//------------------------------ 1347*/ 1348 1349SwatchPanel 1350{ 1351 backgroundColor: #E5E6E7; 1352 borderColor: #A5A9AE; 1353 columnCount: 20; 1354 fontSize: 11; 1355 highlightColor: #FFFFFF; 1356 horizontalGap: 0; 1357 paddingBottom: 5; 1358 paddingLeft: 5; 1359 paddingRight: 5; 1360 paddingTop: 4; 1361 previewHeight: 22; 1362 previewWidth: 45; 1363 shadowColor: #4D555E; 1364 swatchBorderColor: #000000; 1365 swatchBorderSize: 1; 1366 swatchGridBackgroundColor: #000000; 1367 swatchGridBorderSize: 0; 1368 swatchHeight: 12; 1369 swatchHighlightColor: #FFFFFF; 1370 swatchHighlightSize: 1; 1371 swatchWidth: 12; 1372 textFieldStyleName: "swatchPanelTextField"; 1373 textFieldWidth: 72; 1374 verticalGap: 0; 1375} 1376 1377/* 1378//------------------------------ 1379// swatchPanelTextField 1380//------------------------------ 1381*/ 1382.swatchPanelTextField 1383{ 1384 backgroundColor: #FFFFFF; 1385 borderCapColor: #919999; 1386 borderColor: #D5DDDD; 1387 borderStyle: "inset"; 1388 buttonColor: #6F7777; 1389 highlightColor: #C4CCCC; 1390 paddingBottom: 5; 1391 paddingLeft: 5; 1392 paddingRight: 5; 1393 paddingTop: 4; 1394 shadowCapColor: #D5DDDD; 1395 shadowColor: #D5DDDD; 1396} 1397 1398/* 1399//------------------------------ 1400// SWFLoader 1401//------------------------------ 1402*/ 1403 1404SWFLoader 1405{ 1406 borderStyle: "none"; 1407 brokenImageBorderSkin: ClassReference("mx.skins.halo.BrokenImageBorderSkin"); 1408 brokenImageSkin: Embed(source="Assets.swf",symbol="__brokenImage"); 1409} 1410 1411/* 1412//------------------------------ 1413// Tab 1414//------------------------------ 1415*/ 1416 1417Tab 1418{ 1419/* disabledIcon: null; */ 1420 disabledSkin: ClassReference("mx.skins.halo.TabSkin"); 1421/* downIcon: null; */ 1422 downSkin: ClassReference("mx.skins.halo.TabSkin"); 1423/* overIcon: null; */ 1424 overSkin: ClassReference("mx.skins.halo.TabSkin"); 1425/* selectedDisabledIcon: null; */ 1426 selectedDisabledSkin: ClassReference("mx.skins.halo.TabSkin"); 1427/* selectedDownIcon: null; */ 1428 selectedDownSkin: ClassReference("mx.skins.halo.TabSkin"); 1429/* selectedOverIcon: null; */ 1430 selectedOverSkin: ClassReference("mx.skins.halo.TabSkin"); 1431/* selectedUpIcon: null; */ 1432 selectedUpSkin: ClassReference("mx.skins.halo.TabSkin"); 1433/* upIcon: null; */ 1434 upSkin: ClassReference("mx.skins.halo.TabSkin"); 1435} 1436 1437/* 1438//------------------------------ 1439// TabBar 1440//------------------------------ 1441*/ 1442 1443TabBar 1444{ 1445 horizontalAlign: "left"; 1446 horizontalGap: -1; 1447 selectedTabTextStyleName: "activeTabStyle"; 1448 tabStyleName: "Tab"; 1449 textAlign: "center"; 1450 verticalAlign: "top"; 1451 verticalGap: -1; 1452} 1453 1454/* 1455//------------------------------ 1456// TabNavigator 1457//------------------------------ 1458*/ 1459 1460TabNavigator 1461{ 1462 backgroundColor: #FFFFFF; 1463 borderColor: #AAB3B3; /* used for edge of tab's content area, */ 1464 borderStyle: "solid"; 1465 horizontalAlign: "left"; 1466 horizontalGap: -1; 1467 paddingTop: 10; 1468 tabOffset: 0; 1469} 1470 1471/* 1472//------------------------------ 1473// Text 1474//------------------------------ 1475*/ 1476 1477/* 1478//------------------------------ 1479// TextArea 1480//------------------------------ 1481*/ 1482 1483TextArea 1484{ 1485 backgroundColor: #FFFFFF; 1486 borderStyle: "solid"; 1487 horizontalScrollBarStyleName: "textAreaHScrollBarStyle"; 1488 verticalScrollBarStyleName: "textAreaVScrollBarStyle"; 1489} 1490 1491/* 1492//------------------------------ 1493// .textAreaVScrollBarStyle 1494//------------------------------ 1495*/ 1496 1497.textAreaVScrollBarStyle 1498{ 1499} 1500 1501/* 1502//------------------------------ 1503// .textAreaHScrollBarStyle 1504//------------------------------ 1505*/ 1506 1507.textAreaHScrollBarStyle 1508{ 1509} 1510 1511/* 1512//------------------------------ 1513// TextInput 1514//------------------------------ 1515*/ 1516 1517TextInput 1518{ 1519 backgroundColor: #FFFFFF; 1520} 1521 1522/* 1523//------------------------------ 1524// Tile 1525//------------------------------ 1526*/ 1527 1528/* 1529//------------------------------ 1530// TileList 1531//------------------------------ 1532*/ 1533 1534TileList 1535{ 1536 paddingLeft: 2; 1537 paddingRight: 2; 1538 textAlign: "center"; 1539 verticalAlign: "middle"; 1540} 1541 1542/* 1543//------------------------------ 1544// TitleWindow 1545//------------------------------ 1546*/ 1547 1548/* 1549 Note the use of effect triggers, below. 1550 For now, adding a default effect trigger is a three step process: 1551 1) Add it to the style sheet, as shown here. 1552 2) Create a linker dependency so that the effect class 1553 (mx.effects.Dissolve in this case) is linked into the app. 1554 See the bottom of Panel.as. 1555 3) Register the EffectManager as an event listener. See Panel.createChildren(""). 1556*/ 1557 1558TitleWindow 1559{ 1560 backgroundColor: #FFFFFF; 1561 closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); 1562 closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); 1563 closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); 1564 closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); 1565 cornerRadius: 8; 1566 dropShadowEnabled: true; 1567 paddingBottom: 4; 1568 paddingLeft: 4; 1569 paddingRight: 4; 1570 paddingTop: 4; 1571} 1572 1573/* 1574//------------------------------ 1575// .todayStyle 1576//------------------------------ 1577*/ 1578 1579.todayStyle 1580{ 1581 color: #FFFFFF; 1582 textAlign: "center"; 1583} 1584 1585/* 1586//------------------------------ 1587// ToggleButtonBar 1588//------------------------------ 1589*/ 1590 1591/* 1592//------------------------------ 1593// ToolTip 1594//------------------------------ 1595*/ 1596 1597ToolTip 1598{ 1599 backgroundColor: #FFFFCC; 1600 backgroundAlpha: 0.95; 1601 borderColor: #919999; 1602 borderSkin: ClassReference("mx.skins.halo.ToolTipBorder"); 1603 borderStyle: "toolTip"; 1604 cornerRadius: 2; 1605 fontSize: 9; 1606 paddingBottom: 2; 1607 paddingLeft: 4; 1608 paddingRight: 4; 1609 paddingTop: 2; 1610 shadowColor: #000000; 1611} 1612 1613/* 1614//------------------------------ 1615// Tree 1616//------------------------------ 1617*/ 1618 1619Tree 1620{ 1621 defaultLeafIcon: Embed(source="Assets.swf",symbol="TreeNodeIcon"); 1622 disclosureClosedIcon: Embed(source="Assets.swf",symbol="TreeDisclosureClosed"); 1623 disclosureOpenIcon: Embed(source="Assets.swf",symbol="TreeDisclosureOpen"); 1624 folderClosedIcon: Embed(source="Assets.swf",symbol="TreeFolderClosed"); 1625 folderOpenIcon: Embed(source="Assets.swf",symbol="TreeFolderOpen"); 1626 paddingLeft: 2; 1627 paddingRight: 0; 1628 verticalAlign: "middle"; 1629} 1630 1631/* 1632//------------------------------ 1633// VBox 1634//------------------------------ 1635*/ 1636 1637/* 1638//------------------------------ 1639// VDividedBox 1640//------------------------------ 1641*/ 1642 1643VDividedBox 1644{ 1645 dividerAffordance: 6; 1646 dividerAlpha: 0.75; 1647 dividerColor: #6F7777; 1648 dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); 1649 dividerThickness: 3; 1650 horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); 1651 horizontalGap: 10; 1652 verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); 1653 verticalGap: 10; 1654} 1655 1656/* 1657//------------------------------ 1658// ViewStack 1659//------------------------------ 1660*/ 1661 1662/* 1663//------------------------------ 1664// VideoDisplay 1665//------------------------------ 1666*/ 1667 1668VideoDisplay 1669{ 1670 borderStyle: "none"; 1671 backgroundColor: #000000; 1672} 1673 1674/* 1675//------------------------------ 1676// VRule 1677//------------------------------ 1678*/ 1679 1680VRule 1681{ 1682 strokeColor: #C4CCCC; 1683 strokeWidth: 2; 1684} 1685 1686/* 1687//------------------------------ 1688// VScrollBar 1689//------------------------------ 1690*/ 1691 1692 1693/* 1694//------------------------------ 1695// VSlider 1696//------------------------------ 1697*/ 1698 1699VSlider 1700{ 1701 borderColor: #919999; 1702 dataTipOffset: 16; 1703 dataTipPlacement: "left"; 1704 dataTipPrecision: 2; 1705 labelOffset: -10; 1706 showTrackHighlight: false; 1707 slideDuration: 300; 1708 thumbDisabledSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 1709 thumbDownSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 1710 thumbOffset: 0; 1711 thumbOverSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 1712 thumbUpSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); 1713 tickColor: #6F7777; 1714 tickLength: 3; 1715 tickOffset: -6; 1716 tickThickness: 1; 1717 trackColors: #E7E7E7, #E7E7E7; 1718 trackHighlightSkin: ClassReference("mx.skins.halo.SliderHighlightSkin"); 1719 trackSkin: ClassReference("mx.skins.halo.SliderTrackSkin"); 1720} 1721 1722/* 1723//------------------------------ 1724// .weekDayStyle 1725//------------------------------ 1726*/ 1727 1728.weekDayStyle 1729{ 1730 fontWeight: "bold"; 1731 textAlign: "center"; 1732} 1733 1734/* 1735//------------------------------ 1736// .windowStatus 1737//------------------------------ 1738*/ 1739 1740/* 1741 This style declaration is required to make the status field of Panel/Window 1742 correctly pick up global default style properties. 1743*/ 1744 1745.windowStatus 1746{ 1747 color: #666666; 1748} 1749 1750/* 1751//------------------------------ 1752// .windowStyles 1753//------------------------------ 1754*/ 1755 1756.windowStyles 1757{ 1758 fontWeight: "bold"; 1759/* fontSize: 12; */ 1760} 1761