| /* |
| * |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| * |
| */ |
| |
| /* |
| //------------------------------ |
| // Accordion |
| //------------------------------ |
| */ |
| |
| Accordion |
| { |
| backgroundColor: #FFFFFF; |
| borderStyle: "solid"; |
| /* headerHeight: 22; */ |
| paddingBottom: -1; |
| paddingLeft: -1; |
| paddingRight: -1; |
| paddingTop: -1; |
| verticalGap: -1; |
| } |
| |
| /* |
| //------------------------------ |
| // AccordionHeader |
| //------------------------------ |
| */ |
| |
| AccordionHeader |
| { |
| /* selectedFillColors: #FFFFFF, #FFFFFF; */ /* overrides the calculated fillcolors */ |
| fontSize: "10"; |
| fontWeight: "bold"; |
| /* disabledIcon: null; */ |
| disabledSkin: ClassReference(null); |
| /* downIcon: null; */ |
| downSkin: ClassReference(null); |
| horizontalGap: 2; |
| /* overIcon: null; */ |
| overSkin: ClassReference(null); |
| paddingLeft: 5; |
| paddingRight: 5; |
| paddingBottom: 0; |
| paddingTop: 0; |
| /* selectedDisabledIcon: null; */ |
| selectedDisabledSkin: ClassReference(null); |
| /* selectedDownIcon: null; */ |
| selectedDownSkin: ClassReference(null); |
| /* selectedOverIcon: null; */ |
| selectedOverSkin: ClassReference(null); |
| /* selectedUpIcon: null; */ |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference("mx.skins.halo.AccordionHeaderSkin"); |
| textAlign: "left"; |
| /* upIcon: null; */ |
| upSkin: ClassReference(null); |
| } |
| |
| /* |
| //------------------------------ |
| // .activeButtonStyle |
| //------------------------------ |
| */ |
| |
| .activeButtonStyle |
| { |
| } |
| |
| /* |
| //------------------------------ |
| // .activeTabStyle |
| //------------------------------ |
| */ |
| |
| .activeTabStyle |
| { |
| fontWeight: "bold"; |
| } |
| |
| /* |
| //------------------------------ |
| // Alert |
| //------------------------------ |
| */ |
| |
| Alert |
| { |
| backgroundAlpha: 0.90; /* controls the alpha of the panel content area. */ |
| backgroundColor: #869CA7; |
| borderAlpha: 0.90; /* controls the alpha of the panel top, bottom and sides. */ |
| borderColor: #869CA7; |
| /* borderThicknessBottom is NaN */ |
| buttonStyleName: "alertButtonStyle"; |
| color: #FFFFFF; |
| paddingBottom: 2; |
| paddingLeft: 10; |
| paddingRight: 10; |
| paddingTop: 2; |
| roundedBottomCorners: true; |
| } |
| |
| /* |
| //------------------------------ |
| // .alertButtonStyle |
| //------------------------------ |
| */ |
| |
| .alertButtonStyle |
| { |
| color: #0B333C; |
| } |
| |
| /* |
| //------------------------------ |
| // Application |
| //------------------------------ |
| */ |
| |
| Application |
| { |
| backgroundColor: #869CA7; |
| backgroundImage: ClassReference("mx.skins.halo.ApplicationBackground"); |
| backgroundSize: "100%"; |
| backgroundGradientAlphas: 1, 1; |
| /* backgroundGradientColors: #9CB0BA, #68808C; */ |
| horizontalAlign: "center"; |
| paddingBottom: 24; |
| paddingLeft: 24; |
| paddingRight: 24; |
| paddingTop: 24; |
| } |
| |
| /* |
| //------------------------------ |
| // ApplicationControlBar |
| //------------------------------ |
| */ |
| |
| ApplicationControlBar |
| { |
| borderStyle: "applicationControlBar"; |
| cornerRadius: 5; |
| docked: false; |
| dropShadowEnabled: true; |
| fillAlphas: 0, 0; |
| fillColors: #FFFFFF, #FFFFFF; |
| paddingBottom: 4; |
| paddingLeft: 8; |
| paddingRight: 8; |
| paddingTop: 5; |
| shadowDistance: 5; |
| } |
| |
| /* |
| //------------------------------ |
| // Box |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // Button |
| //------------------------------ |
| */ |
| |
| Button |
| { |
| cornerRadius: 4; |
| /* disabledIcon: null; |
| disabledSkin: null; |
| downIcon: null; |
| downSkin: null */ |
| fontWeight: "bold"; |
| horizontalGap: 2; |
| /* overIcon: null; |
| overSkin: null */ |
| paddingBottom: 2; |
| paddingLeft: 10; |
| paddingRight: 10; |
| paddingTop: 2; |
| /* selectedDisabledIcon: null; |
| selectedDisabledSkin: null |
| selectedDownIcon: null; |
| selectedDownSkin: null |
| selectedOverIcon: null; |
| selectedOverSkin: null |
| selectedUpIcon: null; |
| selectedUpSkin: null */ |
| textAlign: "center"; |
| /* upIcon: null; |
| upSkin: null */ |
| skin: ClassReference("mx.skins.halo.ButtonSkin"); |
| verticalGap: 2; |
| } |
| |
| /* |
| //------------------------------ |
| // ButtonBar |
| //------------------------------ |
| */ |
| |
| ButtonBar |
| { |
| horizontalAlign: "center"; |
| horizontalGap: 0; |
| textAlign: "center"; |
| verticalAlign: "middle"; |
| verticalGap: 0; |
| } |
| |
| /* |
| //------------------------------ |
| // ButtonBarButton |
| //------------------------------ |
| */ |
| |
| ButtonBarButton |
| { |
| /* disabledIcon: null; */ |
| disabledSkin: ClassReference(null); |
| /* downIcon: null; */ |
| downSkin: ClassReference(null); |
| horizontalGap: 1; |
| /* overIcon: null; */ |
| overSkin: ClassReference(null); |
| /* selectedDisabledIcon: null; */ |
| selectedDisabledSkin: ClassReference(null); |
| /* selectedDownIcon: null; */ |
| selectedDownSkin: ClassReference(null); |
| /* selectedOverIcon: null; */ |
| selectedOverSkin: ClassReference(null); |
| /* selectedUpIcon: null; */ |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference("mx.skins.halo.ButtonBarButtonSkin"); |
| /* upIcon: null; */ |
| upSkin: ClassReference(null); |
| } |
| |
| /* |
| //------------------------------ |
| // CalendarLayout |
| //------------------------------ |
| */ |
| |
| CalendarLayout |
| { |
| cellWidthPadding: 6; |
| cellHeightPadding: 6; |
| color: #2B333C; |
| horizontalGap: 7; |
| paddingBottom: 10; |
| paddingLeft: 6; |
| paddingRight: 6; |
| paddingTop: 6; |
| textAlign: "center"; |
| todayColor: #818181; |
| verticalGap: 6; |
| } |
| |
| /* |
| //------------------------------ |
| // Canvas |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // CheckBox |
| //------------------------------ |
| */ |
| |
| CheckBox |
| { |
| disabledIcon: ClassReference(null); |
| disabledSkin: ClassReference(null); |
| downIcon: ClassReference(null); |
| downSkin: ClassReference(null); |
| fontWeight: "normal"; |
| horizontalGap: 5; |
| icon: ClassReference("mx.skins.halo.CheckBoxIcon"); |
| iconColor: #2B333C; |
| overIcon: ClassReference(null); |
| overSkin: ClassReference(null); |
| paddingLeft: 0; |
| paddingRight: 0; |
| selectedDisabledIcon: ClassReference(null); |
| selectedDisabledSkin: ClassReference(null); |
| selectedDownIcon: ClassReference(null); |
| selectedDownSkin: ClassReference(null); |
| selectedOverIcon: ClassReference(null); |
| selectedOverSkin: ClassReference(null); |
| selectedUpIcon: ClassReference(null); |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference(null); |
| textAlign: "left"; |
| upIcon: ClassReference(null); |
| upSkin: ClassReference(null); |
| } |
| |
| /* |
| //------------------------------ |
| // ColorPicker |
| //------------------------------ |
| */ |
| |
| ColorPicker |
| { |
| /* disabledSkin: null; |
| downSkin: null; */ |
| fontSize: 11; |
| iconColor: #000000; |
| /* overSkin: null; */ |
| shadowColor: #4D555E; |
| skin: ClassReference("mx.skins.halo.ColorPickerSkin"); |
| swatchBorderSize: 0; |
| /* upSkin: null; */ |
| verticalGap: 0; |
| } |
| |
| /* |
| //------------------------------ |
| // ComboBox |
| //------------------------------ |
| */ |
| |
| ComboBox |
| { |
| arrowButtonWidth: 22; |
| cornerRadius: 5; |
| disabledIconColor: #919999; |
| /* disabledSkin: null |
| downSkin: null */ |
| dropdownStyleName: "comboDropdown"; |
| /* editableDisabledSkin: null |
| editableDownSkin: null |
| editableOverSkin: null |
| editableUpSkin: null */ |
| fontWeight: "bold"; |
| leading: 0; |
| /* overSkin: null */ |
| paddingLeft: 5; |
| paddingRight: 5; |
| skin: ClassReference("mx.skins.halo.ComboBoxArrowSkin"); |
| /* upSkin: null */ |
| } |
| |
| /* |
| //------------------------------ |
| // .comboDropDown |
| //------------------------------ |
| */ |
| |
| .comboDropdown |
| { |
| backgroundColor: #FFFFFF; |
| borderThickness: 0; |
| cornerRadius: 0; |
| dropShadowEnabled: true; |
| fontWeight: "normal"; |
| leading: 0; |
| paddingLeft: 5; |
| paddingRight: 5; |
| shadowDirection: "center"; |
| shadowDistance: 1; |
| } |
| |
| /* |
| //------------------------------ |
| // Container |
| //------------------------------ |
| */ |
| |
| Container |
| { |
| borderStyle: "none"; |
| } |
| |
| /* |
| //------------------------------ |
| // ControlBar |
| //------------------------------ |
| */ |
| |
| ControlBar |
| { |
| disabledOverlayAlpha: 0; |
| borderStyle: "controlBar"; |
| paddingBottom: 10; |
| paddingLeft: 10; |
| paddingRight: 10; |
| paddingTop: 10; |
| verticalAlign: "middle"; |
| } |
| |
| /* |
| //------------------------------ |
| // DataGrid |
| //------------------------------ |
| */ |
| |
| DataGrid |
| { |
| alternatingItemColors: #F7F7F7, #FFFFFF; |
| columnDropIndicatorSkin: ClassReference("mx.skins.halo.DataGridColumnDropIndicator"); |
| columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); |
| headerColors: #FFFFFF, #E6E6E6; |
| headerDragProxyStyleName: "headerDragProxyStyle"; |
| headerBackgroundSkin: ClassReference("mx.skins.halo.DataGridHeaderBackgroundSkin"); |
| headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); |
| headerStyleName: "dataGridStyles"; |
| sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); |
| stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); |
| verticalGridLineColor: #CCCCCC; |
| } |
| |
| /* |
| //------------------------------ |
| // DataGridItemRenderer |
| //------------------------------ |
| */ |
| |
| DataGridItemRenderer |
| { |
| paddingLeft: 5; |
| } |
| |
| /* |
| //------------------------------ |
| // .dataGridStyles |
| //------------------------------ |
| */ |
| |
| .dataGridStyles |
| { |
| fontWeight: "bold"; |
| } |
| |
| /* |
| //------------------------------ |
| // DateChooser |
| //------------------------------ |
| */ |
| DateChooser |
| { |
| backgroundColor: #FFFFFF; |
| cornerRadius: 4; |
| headerColors: #E1E5EB, #F4F5F7; |
| headerStyleName: "headerDateText"; |
| /* nextMonthDisabledSkin: null |
| nextMonthDownSkin: null |
| nextMonthOverSkin: null */ |
| nextMonthSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); |
| /* nextMonthUpSkin: null |
| nextYearDisabledSkin: null |
| nextYearDownSkin: null |
| nextYearOverSkin: null */ |
| nextYearSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); |
| /* nextYearUpSkin: null |
| prevMonthDisabledSkin: null |
| prevMonthDownSkin: null |
| prevMonthOverSkin: null */ |
| prevMonthSkin: ClassReference("mx.skins.halo.DateChooserMonthArrowSkin"); |
| /* prevMonthUpSkin: null |
| prevYearDisabledSkin: null |
| prevYearDownSkin: null |
| prevYearOverSkin: null */ |
| prevYearSkin: ClassReference("mx.skins.halo.DateChooserYearArrowSkin"); |
| /* prevYearUpSkin: null */ |
| rollOverIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); |
| selectionIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); |
| todayColor: #818181; |
| todayIndicatorSkin: ClassReference("mx.skins.halo.DateChooserIndicator"); |
| todayStyleName: "todayStyle"; |
| weekDayStyleName: "weekDayStyle"; |
| } |
| |
| /* |
| //------------------------------ |
| // DateField |
| //------------------------------ |
| */ |
| |
| DateField |
| { |
| /* borderColor: #C4CCCC; */ |
| /* cornerRadius: 5; */ |
| dateChooserStyleName: "dateFieldPopup"; |
| disabledSkin: Embed(source="Assets.swf",symbol="openDateOver"); |
| downSkin: Embed(source="Assets.swf",symbol="openDateOver"); |
| overSkin: Embed(source="Assets.swf",symbol="openDateOver"); |
| upSkin: Embed(source="Assets.swf",symbol="openDateOver"); |
| } |
| |
| /* |
| //------------------------------ |
| // .dateFieldPopup |
| //------------------------------ |
| */ |
| |
| .dateFieldPopup |
| { |
| backgroundColor: #FFFFFF; |
| borderThickness: 0; |
| dropShadowEnabled: true; |
| } |
| |
| /* |
| //------------------------------ |
| // DividedBox |
| //------------------------------ |
| */ |
| |
| DividedBox |
| { |
| dividerAffordance: 6; |
| dividerAlpha: 0.75; |
| dividerColor: #6F7777; |
| dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); |
| dividerThickness: 3; |
| horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); |
| horizontalGap: 10; |
| verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); |
| verticalGap: 10; |
| } |
| |
| /* |
| //------------------------------ |
| // Form |
| //------------------------------ |
| */ |
| |
| Form |
| { |
| paddingBottom: 16; |
| paddingLeft: 16; |
| paddingRight: 16; |
| paddingTop: 16; |
| verticalGap: 6; |
| } |
| |
| /* |
| //------------------------------ |
| // FormHeading |
| //------------------------------ |
| */ |
| |
| FormHeading |
| { |
| fontSize: 12; |
| fontWeight: "bold"; |
| borderStyle: "none"; |
| verticalGap: 16; |
| } |
| |
| /* |
| //------------------------------ |
| // FormItem |
| //------------------------------ |
| */ |
| |
| FormItem |
| { |
| indicatorSkin: Embed(source="Assets.swf",symbol="mx.containers.FormItem.Required"); |
| } |
| |
| /* |
| //------------------------------ |
| // FormItemLabel |
| //------------------------------ |
| */ |
| FormItemLabel |
| { |
| textAlign: "right"; |
| } |
| |
| |
| /* |
| //------------------------------ |
| // Grid |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // GridItem |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // GridRow |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // .headerDateText |
| //------------------------------ |
| */ |
| |
| .headerDateText |
| { |
| fontWeight: "bold"; |
| textAlign: "center"; |
| } |
| |
| /* |
| //------------------------------ |
| // .headerDragProxyStyle |
| //------------------------------ |
| */ |
| |
| .headerDragProxyStyle |
| { |
| fontWeight: "bold"; |
| } |
| |
| /* |
| //------------------------------ |
| // HBox |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // HDividedBox |
| //------------------------------ |
| */ |
| |
| HDividedBox |
| { |
| dividerAffordance: 6; |
| dividerAlpha: 0.75; |
| dividerColor: #6F7777; |
| dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); |
| dividerThickness: 3; |
| horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); |
| horizontalGap: 10; |
| verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); |
| verticalGap: 10; |
| } |
| |
| /* |
| //------------------------------ |
| // HorizontalList |
| //------------------------------ |
| */ |
| |
| HorizontalList |
| { |
| textAlign: "center"; |
| } |
| |
| /* |
| //------------------------------ |
| // HRule |
| //------------------------------ |
| */ |
| |
| HRule |
| { |
| strokeColor: #C4CCCC; |
| strokeWidth: 2; |
| } |
| |
| /* |
| //------------------------------ |
| // HScrollBar |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // HSlider |
| //------------------------------ |
| */ |
| |
| HSlider |
| { |
| borderColor: #919999; |
| dataTipOffset: 16; |
| dataTipPlacement: "top"; |
| dataTipPrecision: 2; |
| labelOffset: -10; |
| showTrackHighlight: false; |
| slideDuration: 300; |
| /* thumbDisabledSkin: null |
| thumbDownSkin: null */ |
| thumbOffset: 0; |
| /* thumbOverSkin: null */ |
| thumbSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); |
| /* thumbUpSkin: null */ |
| tickColor: #6F7777; |
| tickLength: 4; |
| tickOffset: -6; |
| tickThickness: 1; |
| trackColors: #E7E7E7, #E7E7E7; |
| trackHighlightSkin: ClassReference("mx.skins.halo.SliderHighlightSkin"); |
| trackSkin: ClassReference("mx.skins.halo.SliderTrackSkin"); |
| } |
| |
| /* |
| //------------------------------ |
| // Image |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // Label |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // LinkButton |
| //------------------------------ |
| */ |
| |
| LinkButton |
| { |
| /* disabledIcon: null; */ |
| disabledSkin: ClassReference(null); |
| /* downIcon: null; */ |
| downSkin: ClassReference(null); |
| /* overIcon: null; */ |
| overSkin: ClassReference(null); |
| paddingLeft: 7; |
| paddingRight: 7; |
| /* selectedDisabledIcon: null; */ |
| selectedDisabledSkin: ClassReference(null); |
| /* selectedDownIcon: null; */ |
| selectedDownSkin: ClassReference(null); |
| /* selectedOverIcon: null; */ |
| selectedOverSkin: ClassReference(null); |
| /* selectedUpIcon: null; */ |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference("mx.skins.halo.LinkButtonSkin"); |
| /* upIcon: null; */ |
| upSkin: ClassReference(null); |
| } |
| |
| .linkButtonStyle |
| { |
| paddingBottom: 2; |
| paddingLeft: 2; |
| paddingRight: 2; |
| paddingTop: 2; |
| } |
| |
| /* |
| //------------------------------ |
| // LinkBar |
| //------------------------------ |
| */ |
| |
| LinkBar |
| { |
| horizontalGap: 8; |
| linkButtonStyleName: "linkButtonStyle"; |
| paddingBottom: 2; |
| paddingLeft: 2; |
| paddingRight: 2; |
| paddingTop: 2; |
| separatorColor: #C4CCCC; |
| separatorSkin: ClassReference("mx.skins.halo.LinkSeparator"); |
| separatorWidth: 1; |
| verticalGap: 8; |
| } |
| |
| /* |
| //------------------------------ |
| // ListBase |
| //------------------------------ |
| */ |
| |
| ListBase |
| { |
| backgroundColor: #FFFFFF; |
| backgroundDisabledColor: #DDDDDD; |
| borderStyle: "solid"; |
| dropIndicatorSkin: ClassReference("mx.skins.halo.ListDropIndicator"); |
| paddingBottom: 2; |
| paddingLeft: 2; |
| paddingRight: 0; |
| paddingTop: 2; |
| } |
| |
| /* |
| //------------------------------ |
| // List |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // Menu |
| //------------------------------ |
| */ |
| |
| Menu |
| { |
| borderStyle: "menuBorder"; |
| branchDisabledIcon: Embed(source="Assets.swf",symbol="MenuBranchDisabled"); |
| branchIcon: Embed(source="Assets.swf",symbol="MenuBranchEnabled"); |
| checkDisabledIcon: Embed(source="Assets.swf",symbol="MenuCheckDisabled"); |
| checkIcon: Embed(source="Assets.swf",symbol="MenuCheckEnabled"); |
| dropIndicatorSkin: ClassReference("mx.skins.halo.ListDropIndicator"); |
| dropShadowEnabled: true; |
| horizontalGap: 6; |
| leftIconGap: 18; |
| rightIconGap: 15; |
| paddingBottom: 1; |
| paddingLeft: 1; |
| paddingRight: 0; |
| paddingTop: 1; |
| radioIcon: Embed(source="Assets.swf",symbol="MenuRadioEnabled"); |
| radioDisabledIcon: Embed(source="Assets.swf",symbol="MenuRadioDisabled"); |
| separatorSkin: Embed(source="Assets.swf",symbol="MenuSeparator"); |
| verticalAlign: "middle"; |
| } |
| |
| /* |
| //------------------------------ |
| // MenuBar |
| //------------------------------ |
| */ |
| |
| MenuBar |
| { |
| backgroundSkin: ClassReference("mx.skins.halo.MenuBarBackgroundSkin"); |
| itemSkin: ClassReference("mx.skins.halo.ActivatorSkin"); |
| /* itemUpSkin: null |
| itemOverSkin: null |
| itemDownSkin: null */ |
| translucent: false; |
| } |
| |
| /* |
| //------------------------------ |
| // NumericStepper |
| //------------------------------ |
| */ |
| |
| NumericStepper |
| { |
| cornerRadius: 5; |
| /* downArrowDisabledSkin: null |
| downArrowDownSkin: null |
| downArrowOverSkin: null */ |
| downArrowSkin: ClassReference("mx.skins.halo.NumericStepperDownSkin"); |
| /* downArrowUpSkin: null */ |
| focusRoundedCorners: "tr br"; /* Only round the right corners of the focus rect */ |
| /* upArrowDisabledSkin: null |
| upArrowDownSkin: null |
| upArrowOverSkin: null */ |
| upArrowSkin: ClassReference("mx.skins.halo.NumericStepperUpSkin"); |
| /* upArrowUpSkin: null */ |
| } |
| |
| /* |
| //------------------------------ |
| // .opaquePanel |
| //------------------------------ |
| */ |
| |
| .opaquePanel |
| { |
| backgroundColor: #FFFFFF; |
| borderAlpha: 1; |
| borderColor: #FFFFFF; |
| footerColors: #E7E7E7, #C7C7C7; |
| headerColors: #E7E7E7, #D9D9D9; |
| } |
| |
| /* |
| //------------------------------ |
| // Panel |
| //------------------------------ |
| */ |
| |
| /* |
| Note the use of effect triggers, below. |
| For now, adding a default effect trigger is a three step process: |
| 1) Add it to the style sheet, as shown here. |
| 2) Create a linker dependency so that the effect class |
| ("mx.effects.Dissolve in this case") is linked into the app. |
| See the bottom of Panel.as. |
| 3) Register the EffectManager as an event listener. See Panel.createChildren(""). |
| */ |
| |
| Panel |
| { |
| /* backgroundAlpha: 1.0; controls the alpha of the panel content area. */ |
| backgroundColor: #FFFFFF; |
| borderAlpha: 0.4; /* controls the alpha of the panel top, bottom and sides. */ |
| borderColor: #E2E2E2; |
| borderSkin: ClassReference("mx.skins.halo.PanelSkin"); |
| borderStyle: "default"; |
| borderThickness: 0; |
| /* borderThicknessBottom is NaN */ |
| borderThicknessLeft: 10; |
| borderThicknessRight: 10; |
| borderThicknessTop: 2; |
| cornerRadius: 4; |
| dropShadowEnabled: true; |
| paddingBottom: 0; |
| paddingLeft: 0; |
| paddingRight: 0; |
| paddingTop: 0; |
| resizeEndEffect: "Dissolve"; |
| resizeStartEffect: "Dissolve"; |
| roundedBottomCorners: false; |
| statusStyleName: "windowStatus"; |
| titleBackgroundSkin: ClassReference("mx.skins.halo.TitleBackground"); |
| titleStyleName: "windowStyles"; |
| } |
| |
| /* |
| //------------------------------ |
| // .plain |
| //------------------------------ |
| */ |
| |
| /* |
| 'plain' is a named style that can be set on Application |
| to revert to the boring white box |
| */ |
| |
| .plain |
| { |
| backgroundColor: #FFFFFF; |
| backgroundImage: ""; |
| horizontalAlign: "left"; |
| paddingBottom: 0; |
| paddingLeft: 0; |
| paddingRight: 0; |
| paddingTop: 0; |
| } |
| |
| /* |
| //------------------------------ |
| // PopUpButton |
| //------------------------------ |
| */ |
| |
| PopUpButton |
| { |
| arrowButtonWidth: 18; |
| /* disabledSkin: null; |
| downSkin: null; */ |
| paddingLeft: 3; |
| paddingRight: 3; |
| /* overSkin: null; |
| popUpDownSkin: null; */ |
| popUpIcon: ClassReference("mx.skins.halo.PopUpIcon"); |
| popUpGap: 0; |
| /* popUpOverSkin: null; */ |
| skin: ClassReference("mx.skins.halo.PopUpButtonSkin"); |
| /* upSkin: null; */ |
| } |
| |
| .popUpMenu |
| { |
| fontWeight: "normal"; |
| textAlign: "left"; |
| } |
| |
| /* |
| //------------------------------ |
| // PopUpMenuButton |
| //------------------------------ |
| */ |
| |
| PopUpMenuButton |
| { |
| /* disabledSkin: null |
| downSkin: null |
| overSkin: null */ |
| popUpStyleName: "popUpMenu"; |
| /* popUpDownSkin: null */ |
| popUpIcon: ClassReference("mx.skins.halo.PopUpMenuIcon"); |
| /* popUpOverSkin: null */ |
| skin: ClassReference("mx.skins.halo.PopUpButtonSkin"); |
| /* upSkin: null */ |
| } |
| |
| /* |
| //------------------------------ |
| // PrintDataGrid |
| //------------------------------ |
| */ |
| |
| PrintDataGrid |
| { |
| alternatingItemColors: #FFFFFF, #FFFFFF; |
| borderColor: 0; |
| columnResizeSkin: ClassReference("mx.skins.halo.DataGridColumnResizeSkin"); |
| headerColors: #FFFFFF, #FFFFFF; |
| headerSeparatorSkin: ClassReference("mx.skins.halo.DataGridHeaderSeparator"); |
| headerStyleName: "dataGridStyles"; |
| horizontalGridLineColor: 0; |
| horizontalGridLines: true; |
| sortArrowSkin: ClassReference("mx.skins.halo.DataGridSortArrow"); |
| stretchCursor: Embed(source="Assets.swf",symbol="cursorStretch"); |
| verticalGridLineColor: #000000; |
| } |
| |
| /* |
| //------------------------------ |
| // ProgressBar |
| //------------------------------ |
| */ |
| |
| ProgressBar |
| { |
| barSkin: ClassReference("mx.skins.halo.ProgressBarSkin"); |
| fontWeight: "bold"; |
| indeterminateMoveInterval: 28; |
| indeterminateSkin: ClassReference("mx.skins.halo.ProgressIndeterminateSkin"); |
| leading: 0; |
| maskSkin: ClassReference("mx.skins.halo.ProgressMaskSkin"); |
| trackColors: #E7E7E7, #FFFFFF; |
| trackSkin: ClassReference("mx.skins.halo.ProgressTrackSkin"); |
| } |
| |
| /* |
| //------------------------------ |
| // RadioButton |
| //------------------------------ |
| */ |
| |
| RadioButton |
| { |
| cornerRadius: 7; /* Needed for focus drawing */ |
| disabledIcon: ClassReference(null); |
| disabledSkin: ClassReference(null); |
| downIcon: ClassReference(null); |
| downSkin: ClassReference(null); |
| fontWeight: "normal"; |
| horizontalGap: 5; |
| icon: ClassReference("mx.skins.halo.RadioButtonIcon"); |
| iconColor: #2B333C; |
| overIcon: ClassReference(null); |
| overSkin: ClassReference(null); |
| paddingLeft: 0; |
| paddingRight: 0; |
| selectedDisabledIcon: ClassReference(null); |
| selectedDisabledSkin: ClassReference(null); |
| selectedDownIcon: ClassReference(null); |
| selectedDownSkin: ClassReference(null); |
| selectedOverIcon: ClassReference(null); |
| selectedOverSkin: ClassReference(null); |
| selectedUpIcon: ClassReference(null); |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference(null); |
| textAlign: "left"; |
| upIcon: ClassReference(null); |
| upSkin: ClassReference(null); |
| } |
| |
| /* |
| //------------------------------ |
| // RichTextEditor |
| //------------------------------ |
| */ |
| |
| RichTextEditor |
| { |
| textAreaStyleName: "richTextEditorTextAreaStyle"; |
| } |
| |
| /* |
| //------------------------------ |
| // .richTextEditorTextAreaStyle |
| //------------------------------ |
| */ |
| |
| .richTextEditorTextAreaStyle |
| { |
| } |
| |
| /* |
| //------------------------------ |
| // ScrollBar |
| //------------------------------ |
| */ |
| |
| ScrollBar |
| { |
| borderColor: #B7BABC; |
| cornerRadius: 4; |
| /* downArrowDisabledSkin: null |
| downArrowDownSkin: null |
| downArrowOverSkin: null */ |
| downArrowSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); |
| /* downArrowUpSkin: null |
| fillColors: #FFFFFF, #E7E7E7; // bailed these as ScrollBar is now a translucent component backed by backgroundColor-derived solid shapes */ |
| paddingBottom: 0; |
| paddingLeft: 0; |
| paddingRight: 0; |
| paddingTop: 0; |
| thumbOffset: 0; |
| /* thumbDownSkin: null |
| thumbOverSkin: null */ |
| thumbSkin: ClassReference("mx.skins.halo.ScrollThumbSkin"); |
| /* thumbUpSkin: null */ |
| trackColors: #94999b, #e7e7e7; /* #d6d7d8; */ |
| trackSkin: ClassReference("mx.skins.halo.ScrollTrackSkin"); |
| /* upArrowDisabledSkin: null |
| upArrowDownSkin: null |
| upArrowOverSkin: null */ |
| upArrowSkin: ClassReference("mx.skins.halo.ScrollArrowSkin"); |
| /* upArrowUpSkin: null */ |
| } |
| |
| /* |
| //------------------------------ |
| // SwatchPanel |
| //------------------------------ |
| */ |
| |
| SwatchPanel |
| { |
| backgroundColor: #E5E6E7; |
| borderColor: #A5A9AE; |
| columnCount: 20; |
| fontSize: 11; |
| highlightColor: #FFFFFF; |
| horizontalGap: 0; |
| paddingBottom: 5; |
| paddingLeft: 5; |
| paddingRight: 5; |
| paddingTop: 4; |
| previewHeight: 22; |
| previewWidth: 45; |
| shadowColor: #4D555E; |
| swatchBorderColor: #000000; |
| swatchBorderSize: 1; |
| swatchGridBackgroundColor: #000000; |
| swatchGridBorderSize: 0; |
| swatchHeight: 12; |
| swatchHighlightColor: #FFFFFF; |
| swatchHighlightSize: 1; |
| swatchWidth: 12; |
| textFieldStyleName: "swatchPanelTextField"; |
| textFieldWidth: 72; |
| verticalGap: 0; |
| } |
| |
| /* |
| //------------------------------ |
| // swatchPanelTextField |
| //------------------------------ |
| */ |
| .swatchPanelTextField |
| { |
| backgroundColor: #FFFFFF; |
| borderCapColor: #919999; |
| borderColor: #D5DDDD; |
| borderStyle: "inset"; |
| buttonColor: #6F7777; |
| highlightColor: #C4CCCC; |
| paddingLeft: 5; |
| paddingRight: 5; |
| shadowCapColor: #D5DDDD; |
| shadowColor: #D5DDDD; |
| } |
| |
| /* |
| //------------------------------ |
| // Tab |
| //------------------------------ |
| */ |
| |
| Tab |
| { |
| /* disabledIcon: null; */ |
| disabledSkin: ClassReference(null); |
| /* downIcon: null; */ |
| downSkin: ClassReference(null); |
| /* overIcon: null; */ |
| overSkin: ClassReference(null); |
| paddingBottom: 1; |
| paddingTop: 1; |
| /* selectedDisabledIcon: null; */ |
| selectedDisabledSkin: ClassReference(null); |
| /* selectedDownIcon: null; */ |
| selectedDownSkin: ClassReference(null); |
| /* selectedOverIcon: null; */ |
| selectedOverSkin: ClassReference(null); |
| /* selectedUpIcon: null; */ |
| selectedUpSkin: ClassReference(null); |
| skin: ClassReference("mx.skins.halo.TabSkin"); |
| /* upIcon: ClassReference(null); */ |
| upSkin: ClassReference(null); |
| } |
| |
| /* |
| //------------------------------ |
| // TabBar |
| //------------------------------ |
| */ |
| |
| TabBar |
| { |
| horizontalAlign: "left"; |
| horizontalGap: -1; |
| selectedTabTextStyleName: "activeTabStyle"; |
| textAlign: "center"; |
| verticalAlign: "top"; |
| verticalGap: -1; |
| } |
| |
| /* |
| //------------------------------ |
| // TabNavigator |
| //------------------------------ |
| */ |
| |
| TabNavigator |
| { |
| backgroundColor: #FFFFFF; |
| borderColor: #AAB3B3; /* used for edge of tab's content area, */ |
| borderStyle: "solid"; |
| horizontalAlign: "left"; |
| horizontalGap: -1; |
| paddingTop: 10; |
| tabOffset: 0; |
| } |
| |
| /* |
| //------------------------------ |
| // Text |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // TextArea |
| //------------------------------ |
| */ |
| |
| TextArea |
| { |
| backgroundColor: #FFFFFF; |
| backgroundDisabledColor: #DDDDDD; |
| borderStyle: "solid"; |
| horizontalScrollBarStyleName: "textAreaHScrollBarStyle"; |
| verticalScrollBarStyleName: "textAreaVScrollBarStyle"; |
| } |
| |
| /* |
| //------------------------------ |
| // .textAreaVScrollBarStyle |
| //------------------------------ |
| */ |
| |
| .textAreaVScrollBarStyle |
| { |
| } |
| |
| /* |
| //------------------------------ |
| // .textAreaHScrollBarStyle |
| //------------------------------ |
| */ |
| |
| .textAreaHScrollBarStyle |
| { |
| } |
| |
| /* |
| //------------------------------ |
| // TextInput |
| //------------------------------ |
| */ |
| |
| TextInput |
| { |
| backgroundColor: #FFFFFF; |
| backgroundDisabledColor: #DDDDDD; |
| } |
| |
| /* |
| //------------------------------ |
| // Tile |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // TileList |
| //------------------------------ |
| */ |
| |
| TileList |
| { |
| paddingLeft: 2; |
| paddingRight: 2; |
| textAlign: "center"; |
| verticalAlign: "middle"; |
| } |
| |
| /* |
| //------------------------------ |
| // TitleWindow |
| //------------------------------ |
| */ |
| |
| /* |
| Note the use of effect triggers, below. |
| For now, adding a default effect trigger is a three step process: |
| 1) Add it to the style sheet, as shown here. |
| 2) Create a linker dependency so that the effect class |
| (mx.effects.Dissolve in this case) is linked into the app. |
| See the bottom of Panel.as. |
| 3) Register the EffectManager as an event listener. See Panel.createChildren(""). |
| */ |
| |
| TitleWindow |
| { |
| backgroundColor: #FFFFFF; |
| closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); |
| closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); |
| closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); |
| closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); |
| cornerRadius: 8; |
| dropShadowEnabled: true; |
| paddingBottom: 4; |
| paddingLeft: 4; |
| paddingRight: 4; |
| paddingTop: 4; |
| } |
| |
| |
| /* |
| //------------------------------ |
| // .todayStyle |
| //------------------------------ |
| */ |
| |
| .todayStyle |
| { |
| color: #FFFFFF; |
| textAlign: "center"; |
| } |
| |
| /* |
| //------------------------------ |
| // ToggleButtonBar |
| //------------------------------ |
| */ |
| /* |
| //------------------------------ |
| // Tree |
| //------------------------------ |
| */ |
| |
| Tree |
| { |
| defaultLeafIcon: Embed(source="Assets.swf",symbol="TreeNodeIcon"); |
| disclosureClosedIcon: Embed(source="Assets.swf",symbol="TreeDisclosureClosed"); |
| disclosureOpenIcon: Embed(source="Assets.swf",symbol="TreeDisclosureOpen"); |
| folderClosedIcon: Embed(source="Assets.swf",symbol="TreeFolderClosed"); |
| folderOpenIcon: Embed(source="Assets.swf",symbol="TreeFolderOpen"); |
| paddingLeft: 2; |
| paddingRight: 0; |
| verticalAlign: "middle"; |
| } |
| |
| /* |
| //------------------------------ |
| // VBox |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // VDividedBox |
| //------------------------------ |
| */ |
| |
| VDividedBox |
| { |
| dividerAffordance: 6; |
| dividerAlpha: 0.75; |
| dividerColor: #6F7777; |
| dividerSkin: Embed(source="Assets.swf",symbol="mx.skins.BoxDividerSkin"); |
| dividerThickness: 3; |
| horizontalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.HBoxDivider"); |
| horizontalGap: 10; |
| verticalDividerCursor: Embed(source="Assets.swf",symbol="mx.skins.cursor.VBoxDivider"); |
| verticalGap: 10; |
| } |
| |
| /* |
| //------------------------------ |
| // ViewStack |
| //------------------------------ |
| */ |
| |
| /* |
| //------------------------------ |
| // VideoDisplay |
| //------------------------------ |
| */ |
| |
| VideoDisplay |
| { |
| borderStyle: "none"; |
| backgroundColor: #000000; |
| } |
| |
| /* |
| //------------------------------ |
| // VRule |
| //------------------------------ |
| */ |
| |
| VRule |
| { |
| strokeColor: #C4CCCC; |
| strokeWidth: 2; |
| } |
| |
| /* |
| //------------------------------ |
| // VScrollBar |
| //------------------------------ |
| */ |
| |
| |
| /* |
| //------------------------------ |
| // VSlider |
| //------------------------------ |
| */ |
| |
| VSlider |
| { |
| borderColor: #919999; |
| dataTipOffset: 16; |
| dataTipPlacement: "left"; |
| dataTipPrecision: 2; |
| labelOffset: -10; |
| showTrackHighlight: false; |
| slideDuration: 300; |
| thumbDisabledSkin: ClassReference(null); |
| thumbDownSkin: ClassReference(null); |
| thumbOffset: 0; |
| thumbOverSkin: ClassReference(null); |
| thumbSkin: ClassReference("mx.skins.halo.SliderThumbSkin"); |
| thumbUpSkin: ClassReference(null); |
| tickColor: #6F7777; |
| tickLength: 3; |
| tickOffset: -6; |
| tickThickness: 1; |
| trackColors: #E7E7E7, #E7E7E7; |
| trackHighlightSkin: ClassReference("mx.skins.halo.SliderHighlightSkin"); |
| trackSkin: ClassReference("mx.skins.halo.SliderTrackSkin"); |
| } |
| |
| /* |
| //------------------------------ |
| // Window |
| //------------------------------ |
| */ |
| |
| Window |
| { |
| borderStyle: "default"; |
| closeButtonDisabledSkin: Embed(source="Assets.swf",symbol="CloseButtonDisabled"); |
| closeButtonDownSkin: Embed(source="Assets.swf",symbol="CloseButtonDown"); |
| closeButtonOverSkin: Embed(source="Assets.swf",symbol="CloseButtonOver"); |
| closeButtonUpSkin: Embed(source="Assets.swf",symbol="CloseButtonUp"); |
| cornerRadius: 8; |
| } |
| |
| /* |
| //------------------------------ |
| // .windowStatus |
| //------------------------------ |
| */ |
| |
| /* |
| This style declaration is required to make the status field of Panel/Window |
| correctly pick up global default style properties. |
| */ |
| |
| .windowStatus |
| { |
| color: #666666; |
| } |
| |
| /* |
| //------------------------------ |
| // .windowStyles |
| //------------------------------ |
| */ |
| |
| .windowStyles |
| { |
| fontWeight: "bold"; |
| /* fontSize: 12; */ |
| } |
| |
| /* |
| //------------------------------ |
| // .weekDayStyle |
| //------------------------------ |
| */ |
| |
| .weekDayStyle |
| { |
| fontWeight: "bold"; |
| textAlign: "center"; |
| } |
