You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by cf...@apache.org on 2012/06/14 20:53:56 UTC
svn commit: r1350373 [14/23] - in /incubator/flex/trunk/samples/themes: ./
arcade/ arcade/src/ arcade/src/arcade/ arcade/src/arcade/skins/
arcade/src/arcade/skins/mediaClasses/
arcade/src/arcade/skins/mediaClasses/fullScreen/
arcade/src/arcade/skins/me...
Added: incubator/flex/trunk/samples/themes/graphite/src/defaults.css
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/defaults.css?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/defaults.css (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/defaults.css Thu Jun 14 18:53:27 2012
@@ -0,0 +1,1347 @@
+/*
+ *
+ * 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.
+ *
+ */
+
+/* Graphite is contributed by EffectiveUI www.effectiveui.com */
+
+/*
+//------------------------------
+// Namespaces
+//------------------------------
+*/
+
+/*Spark Namespace*/
+@namespace s "library://ns.adobe.com/flex/spark";
+
+/*Halo Namespace*/
+@namespace mx "library://ns.adobe.com/flex/mx";
+
+
+/*
+//------------------------------
+// Global
+//------------------------------
+*/
+
+global
+{
+ color: #c8c8c8;
+ text-roll-over-color: #dbdbdb;
+ text-selected-color: #a5a5a5;
+ font-family: Arial;
+ font-size: 12;
+ focus-color: #cccccc;
+}
+
+mx|ScrollControlBase
+{
+ borderSkin: ClassReference("graphite.skins.BorderSkin");
+}
+
+mx|Container
+{
+ borderSkin: ClassReference("graphite.skins.BorderSkin");
+}
+
+mx|Accordion
+{
+ borderSkin: ClassReference("graphite.skins.BorderSkin");
+}
+
+/*
+//------------------------------
+// Halo Accordion
+//------------------------------
+*/
+mx|Accordion
+{
+ background-color: #464646;
+ borderColor: #6a6a6a;
+ border-style:solid;
+
+}
+
+/*
+//------------------------------
+// Halo AccordionHeader
+//------------------------------
+*/
+mx|AccordionHeader
+{
+
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_overSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedDisabledSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedDownSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedOverSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_selectedUpSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="AccordionHeader_upSkin");
+ padding-left: 20;
+ font-size: 11;
+ font-weight: normal;
+ color: #BBBBBB;
+ text-selected-color: #cccccc;
+ focusColor: #cccccc;
+}
+
+/*
+//------------------------------
+//
+// Halo Alert
+//
+//------------------------------
+*/
+mx|Alert
+{
+ closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+ closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+ closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+ closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+ controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+ title-background-skin: Embed(source="assets/flex_skins.swf", symbol="Title_backgroundSkin");
+ title-style-name: "panelTitleStyle";
+ button-style-name: "Button";
+ background-color: #262626;
+ border-color: #7b7d82;
+ padding-top: 36;
+ padding-left: 10;
+ padding-right: 10;
+ padding-bottom: 4;
+}
+
+/*
+//------------------------------
+// Halo Application
+//------------------------------
+*/
+mx|Application
+{
+ backgroundImage: Embed(source="assets/flex_skins.swf",symbol="BackgroundImage");
+ background-color: #333333;
+}
+
+/*
+//------------------------------
+// Halo Button
+//------------------------------
+*/
+mx|Button
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="Button_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="Button_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="Button_overSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="Button_upSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="Button_selectedUpSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="Button_selectedOverSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="Button_selectedDownSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Button_selectedDisabledSkin");
+ text-selected-color: #333333;
+ focus-color: #cccccc;
+}
+
+/*
+//------------------------------
+// Halo ButtonBar
+//------------------------------
+*/
+
+mx|ButtonBar
+{
+ buttonStyleName: "buttonBarButton";
+ firstButtonStyleName: "firstButtonBarButton";
+ lastButtonStyleName: "lastButtonBarButton";
+ text-selected-color: #333333;
+ horizontal-gap: 0;
+}
+
+
+/*
+//------------------------------
+// Halo ButtonBarButtons
+//------------------------------
+*/
+
+.firstButtonBarButton
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstDisabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstDownSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstOverSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedDisabledSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstSelectedUpSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_firstUpSkin");
+ font-weight: normal;
+
+}
+.buttonBarButton
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonDisabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonDownSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonOverSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedDisabledSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonSelectedUpSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_buttonUpSkin");
+ font-weight: normal;
+}
+
+.lastButtonBarButton
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastDisabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastDownSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastOverSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedDisabledSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastSelectedUpSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="ButtonBar_lastUpSkin");
+ font-weight: normal;
+}
+
+/*
+//------------------------------
+// Halo Canvas
+//------------------------------
+*/
+
+mx|Canvas
+{
+
+}
+
+/*-- secondaryCanvas is used if theme color is desired --*/
+mx|Canvas.secondaryCanvas
+{
+ content-background-color: #333333;
+}
+
+/*
+//------------------------------
+// Halo CheckBox
+//------------------------------
+*/
+mx|CheckBox
+{
+ disabledIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_disabledIcon");
+ downIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_downIcon");
+ overIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_overIcon");
+ selectedDisabledIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedDisabledIcon");
+ selectedDownIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedDownIcon");
+ selectedOverIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedOverIcon");
+ selectedUpIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_selectedUpIcon");
+ upIcon: Embed(source="assets/flex_skins.swf", symbol="CheckBox_upIcon");
+ text-selected-color: #cccccc;
+}
+
+
+/*
+//------------------------------
+// Halo ColorPicker
+//------------------------------
+*/
+mx|ColorPicker
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_overSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="ColorPicker_upSkin");
+ focus-color: #cccccc;
+}
+
+/*
+//------------------------------
+// Halo ComboBox
+//------------------------------
+*/
+mx|ComboBox
+{
+
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_downSkin");
+ editableDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableDisabledSkin");
+ editableDownSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableDownSkin");
+ editableOverSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableOverSkin");
+ editableUpSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_editableUpSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_overSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="ComboBoxArrow_upSkin");
+ dropDownStyleName: "myComboBoxDropDowns";
+ text-input-style-name: "TextInput";
+ focus-color: #666666;
+ font-weight: normal;
+ font-size: 10;
+ text-selected-color: #333333;
+ focus-rounded-corners: "tr, br";
+ corner-radius: 4;
+}
+
+.myComboBoxDropDowns
+{
+ cornerRadius: 4;
+ borderThickness: 0;
+ shadowDirection: center;
+ drop-shadow-enabled: true;
+ roll-over-color: #666666;
+ selection-color: #333333;
+ background-color: #464646;
+ font-weight: normal;
+ text-selected-color: #CCCCCC;
+
+}
+
+/*
+//------------------------------
+// Halo CursorManager
+//------------------------------
+*/
+mx|CursorManager
+{
+ busyCursor: Embed(source="assets/flex_skins.swf", symbol="BusyCursor");
+ busyCursorBackground: Embed(source="assets/flex_skins.swf",symbol="BusyCursor");
+}
+
+/*
+//------------------------------
+// Halo DataGrid
+//------------------------------
+*/
+mx|DataGrid
+{
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_borderSkin");
+ headerBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerBackgroundSkin");
+ columnDropIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_columnDropIndicatorSkin");
+ columnResizeSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_columnResizeSkin");
+ headerSeparatorSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_headerSeparatorSkin");
+ sortArrowSkin: Embed(source="assets/flex_skins.swf", symbol="DataGrid_sortArrowSkin");
+ stretchCursor: Embed(source="assets/flex_skins.swf",symbol="DataGrid_stretchCursor");
+ alternatingItemColors: #464646, #4f4f4f;
+ verticalGridLineColor: #464646;
+ roll-over-color: #666666;
+ selection-color: #333333;
+ font-size: 12;
+}
+
+/*
+//------------------------------
+// Halo DateChooser
+//------------------------------
+*/
+mx|DateChooser
+{
+ nextMonthDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthDisabledSkin");
+ nextMonthDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthDownSkin");
+ nextMonthOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthOverSkin");
+ nextMonthUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextMonthUpSkin");
+ prevMonthDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthDisabledSkin");
+ prevMonthDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthDownSkin");
+ prevMonthOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthOverSkin");
+ prevMonthUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevMonthUpSkin");
+ nextYearDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearDisabledSkin");
+ nextYearDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearDownSkin");
+ nextYearOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearOverSkin");
+ nextYearUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_nextYearUpSkin");
+ prevYearDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearDisabledSkin");
+ prevYearDownSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearDownSkin");
+ prevYearOverSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearOverSkin");
+ prevYearUpSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_prevYearUpSkin");
+ todayIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_todayIndicatorSkin");
+ rollOverIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_rollOverIndicatorSkin");
+ selectionIndicatorSkin: Embed(source="assets/flex_skins.swf", symbol="DateChooser_selectionIndicatorSkin");
+ content-background-color: #222222;
+ header-colors: #656565, #434343;
+ color: #cccccc;
+ header-style-name: "myDateChooserHeaderStyle";
+ today-color: #e8e8e8;
+ selection-color: #cccccc;
+ border-color: #515151;
+ week-day-style-name: "myWeekDayStyle";
+ font-size: 12pt;
+ border-thickness-top: 0;
+}
+
+.myDateChooserHeaderStyle
+{
+ color: #cccccc;
+ font-weight: bold;
+ font-size: 12pt;
+}
+
+.myWeekDayStyle
+{
+ font-weight: bold;
+ font-size: 12pt;
+}
+
+/*
+//------------------------------
+// Halo DateField
+//------------------------------
+*/
+mx|DateField
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_overSkin");
+ upSkin: Embed(source="assets/flex_skins.swf",symbol="DateField_upSkin");
+ date-chooser-style-name: "DateChooser";
+}
+
+/*
+//------------------------------
+// Halo DividedBox
+//------------------------------
+*/
+mx|DividedBox
+{
+ dividerSkin: Embed(source="assets/flex_skins.swf",symbol="DividedBox_dividerSkin");
+ horizontalCursor: Embed(source="assets/flex_skins.swf",symbol="DividedBox_horizontalCursor");
+ verticalCursor: Embed(source="assets/flex_skins.swf",symbol="DividedBox_verticalCursor");
+}
+
+/*
+//------------------------------
+// Halo DragManager
+//------------------------------
+*/
+mx|DragManager
+{
+ copyCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_copyCursor");
+
+ defaultDragImageSkin: Embed(source="assets/flex_skins.swf", symbol="DragManager_defaultDragImageSkin");
+
+ linkCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_linkCursor");
+ moveCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_moveCursor");
+ rejectCursor: Embed(source="assets/flex_skins.swf",symbol="DragManager_rejectCursor");
+}
+
+/*
+//------------------------------
+// Halo FormItem
+//------------------------------
+*/
+mx|FormItem
+{
+ indicatorSkin: Embed(source="assets/flex_skins.swf",symbol="FormItem_indicatorSkin");
+}
+
+/*
+//------------------------------
+// Halo Image
+//------------------------------
+*/
+mx|Image
+{
+
+ brokenImageSkin: Embed(source="assets/flex_skins.swf",symbol="Loader_brokenImageSkin");
+
+}
+
+/*
+//------------------------------
+// Halo HorizontalList
+//------------------------------
+*/
+
+mx|HorizontalList
+{
+ roll-over-color: #666666;
+ selection-color: #333333;
+ content-background-color: #464646;
+ border-color: #6a6a6a;
+ border-style: solid;
+}
+
+/*
+//------------------------------
+// Halo HRule
+//------------------------------
+*/
+
+mx|HRule {
+ strokeColor: #515151;
+ strokeWidth: 1;
+}
+
+/*
+//------------------------------
+//
+// **Halo HScrollBar
+//
+//------------------------------
+*/
+mx|HScrollBar
+{
+ downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+ downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+ downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+ downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+
+ upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+ upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+ upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+ upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+/* thumbIcon: Embed(source="assets/flex_skins.swf", symbol="HScrollBar_thumbIcon");
+
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_downSkin");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="HScrollThumb_upSkin"); */
+
+ trackDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_disabledSkin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+}
+
+/*
+//------------------------------
+//
+// **Halo HSlider
+//
+//------------------------------
+*/
+mx|HSlider
+{
+ thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_disabledSkin");
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_downSkin");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_upSkin");
+ trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+ labelOffset: -6;
+ thumbOffset: -2;
+ dataTipOffset: 2;
+ tickLength: 2;
+ tickThickness: 1;
+ showTrackHighlight: true;
+ invertThumbDirection: false;
+ dataTipOffset: 3;
+}
+
+/*
+//------------------------------
+// Halo LinkButton
+//------------------------------
+*/
+mx|LinkButton
+{
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="LinkButton_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="LinkButton_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="LinkButton_overSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="LinkButton_upSkin");
+ text-selected-color: #cccccc;
+}
+
+/*
+//------------------------------
+// Halo List
+//------------------------------
+*/
+
+mx|List
+{
+ roll-over-color: #666666;
+ selection-color: #464646;
+ content-background-color: #464646;
+ border-color: #6a6a6a;
+ border-style: solid;
+ font-size: 12;
+}
+
+/*
+//------------------------------
+// Halo Menu
+//------------------------------
+*/
+mx|Menu
+{
+ branchIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_branchIcon");
+ branchDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_branchDisabledIcon");
+ checkIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_checkIcon");
+ checkDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_checkDisabledIcon");
+ radioIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_radioIcon");
+ radioDisabledIcon: Embed(source="assets/flex_skins.swf",symbol="Menu_radioDisabledIcon");
+ separatorSkin: Embed(source="assets/flex_skins.swf",symbol="Menu_separatorSkin");
+ roll-over-color: #666666;
+ selection-color: #333333;
+ content-background-color: #464646;
+}
+
+/*
+//------------------------------
+// Halo MenuBar
+//------------------------------
+*/
+mx|MenuBar
+{
+
+ backgroundSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_backgroundSkin");
+ itemUpSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemUpSkin");
+ itemOverSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemOverSkin");
+ itemDownSkin: Embed(source="assets/flex_skins.swf", symbol="MenuBar_itemDownSkin");
+ font-weight: normal;
+
+}
+
+/*
+//------------------------------
+// Halo NumericStepper
+//------------------------------
+*/
+mx|NumericStepper
+{
+
+ downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_disabledSkin");
+ downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_downSkin");
+ downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_overSkin");
+ downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperDownArrow_upSkin");
+ upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_disabledSkin");
+ upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_downSkin");
+ upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_overSkin");
+ upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="NumericStepperUpArrow_upSkin");
+ focus-color: #666666;
+ focus-rounded-corners: "tr, br";
+ corner-radius: 4;
+
+}
+
+/*
+//------------------------------
+// Halo Panel
+//------------------------------
+*/
+mx|Panel
+{
+ background-color: #262626;
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_borderSkin");
+ closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+ closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+ closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+ closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+ controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+ title-background-skin: Embed(source="assets/flex_skins.swf", symbol="Title_backgroundSkin");
+ title-style-name: "panelTitleStyle";
+ control-bar-style-name: "controlBar";
+ padding-left: 3;
+ padding-right: 3;
+ header-height: 30;
+}
+
+.panelTitleStyle
+{
+ color: #cccccc;
+ font-family: Arial;
+ font-weight: bold;
+ font-size: 12;
+ header-height: 32;
+}
+
+.controlBar
+{
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+ padding-bottom: 6;
+ padding-left: 14;
+ padding-right: 14;
+}
+
+/*
+//------------------------------
+// Halo PopUpButton
+//------------------------------
+*/
+mx|PopUpButton
+{
+
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_overSkin");
+ popUpDownSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpDownSkin");
+ popUpOverSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_popUpOverSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="PopUpButton_upSkin");
+}
+
+/*
+//------------------------------
+// Halo ProgressBar
+//------------------------------
+*/
+mx|ProgressBar
+{
+
+ barSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressBarSkin");
+ indeterminateSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressIndeterminateSkin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="ProgressTrackSkin");
+
+}
+
+/*
+//------------------------------
+// Halo RadioButton
+//------------------------------
+*/
+mx|RadioButton
+{
+
+ disabledIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_disabledIcon");
+ downIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_downIcon");
+ overIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_overIcon");
+ selectedDisabledIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_disabledIcon");
+ selectedDownIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_downIcon");
+ selectedOverIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_overIcon");
+ selectedUpIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButtonSelected_upIcon");
+ upIcon: Embed(source="assets/flex_skins.swf", symbol="RadioButton_upIcon");
+ text-selected-color: #cccccc;
+
+}
+
+/*
+//------------------------------
+// Halo RichTextEditor
+//------------------------------
+*/
+mx|RichTextEditor
+{
+ title-background-skin: Embed(source="assets/flex_skins.swf" , symbol="RichTextEditor_barBackgroundSkin");
+ control-bar-style-name: "richTextEditorControlBar";
+}
+
+.richTextEditorControlBar {
+ border-skin: Embed(source="assets/flex_skins.swf" , symbol="Panel_controlBarBackgroundSkin");
+}
+
+/*
+//------------------------------
+// Halo ScrollBar
+//------------------------------
+*/
+mx|ScrollBar
+{
+
+ downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+ downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+ downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+ downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_downSkin");
+ thumbIcon: Embed(source="assets/flex_skins.swf", symbol="ScrollBar_thumbIcon");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_upSkin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+ upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+ upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+ upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+ upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+}
+
+/*
+//------------------------------
+// Halo Slider
+//------------------------------
+*/
+mx|HSlider
+{
+ thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_disabledSkin");
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_downSkin");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_upSkin");
+ trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+ thumb-offset: 2;
+}
+
+mx|VSlider
+{
+ thumbDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_disabledSkin");
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_downSkin");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="SliderThumb_upSkin");
+ trackHighlightSkin: Embed(source="assets/flex_skins.swf", symbol="SliderHighlight_Skin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="SliderTrack_Skin");
+ labelOffset: -6;
+ thumbOffset: 0;
+ dataTipOffset: 2;
+ tickLength: 2;
+ tickThickness: 1;
+ showTrackHighlight: true;
+ invertThumbDirection: false;
+ dataTipOffset: 3;
+}
+
+/*
+//------------------------------
+// Halo SWFLoader
+//------------------------------
+*/
+mx|SWFLoader
+{
+ brokenImageSkin: Embed(source="assets/flex_skins.swf",symbol="Loader_brokenImageSkin");
+
+}
+
+/*
+//------------------------------
+// Halo Tab
+//------------------------------
+*/
+mx|TabBar
+{
+ firstTabStyleName: "tabStyle";
+ tabStyleName: "tabStyle";
+ lastTabStyleName: "tabStyle";
+ font-weight: normal;
+ color: #ffffff;
+ selected-tab-text-style-name: "selectedTabText";
+ horizontal-gap: 1;
+
+}
+
+.tabStyle {
+ disabledSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_disabledSkin");
+ downSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_downSkin");
+ overSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_overSkin");
+ selectedDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_disabledSkin");
+ selectedDownSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+ selectedOverSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+ selectedUpSkin: Embed(source="assets/flex_skins.swf", symbol="TabSelected_upSkin");
+ upSkin: Embed(source="assets/flex_skins.swf", symbol="Tab_upSkin");
+ font-weight: normal;
+}
+
+.selectedTabText
+{
+ font-weight: normal;
+ color: #ffffff;
+}
+
+/*
+//------------------------------
+//
+// **Halo TabNavigator
+//
+//------------------------------
+*/
+mx|TabNavigator
+{
+ tab-height: 22;
+ selected-tab-text-style-name: "selectedTabText";
+ font-size: 11;
+ background-color: #333333;
+ horizontal-gap: 1;
+ tab-offset: 4;
+}
+
+.myTabNavigatorText
+{
+ font-weight: normal;
+ font-size: 11;
+}
+
+/*
+//------------------------------
+// Halo TextArea
+//------------------------------
+*/
+mx|TextArea
+{
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="TextArea_borderSkin");
+ focusSkin: Embed(source="assets/flex_skins.swf", symbol="TextArea_focusSkin");
+ border-color: #6a6a6a;
+ content-background-color: #464646;
+ padding-left: 5;
+ padding-top: 2;
+ font-size: 12;
+ padding-bottom: 2;
+ padding-right:1;
+}
+
+/*
+//------------------------------
+// Halo TextInput
+//------------------------------
+*/
+mx|TextInput
+{
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="TextInput_borderSkin");
+ focusSkin: Embed(source="assets/flex_skins.swf", symbol="TextInput_focusSkin");
+ contentBackgroundColor: #464646;
+ padding-left: 5;
+ padding-top: 2;
+ selection-color: #666666;
+ font-size: 12;
+}
+
+
+/*
+//------------------------------
+// Halo TileList
+//------------------------------
+*/
+mx|TileList
+{
+ roll-over-color: #666666;
+ selection-color: #333333;
+ content-background-color: #464646;
+ border-color: #6a6a6a;
+ border-style: solid;
+ font-size: 12;
+}
+
+
+/*
+//------------------------------
+// Halo TitleWindow
+//------------------------------
+*/
+mx|TitleWindow
+{
+ closeButtonUpSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonUpSkin");
+ closeButtonDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDisabledSkin");
+ closeButtonDownSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonDownSkin");
+ closeButtonOverSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_closeButtonOverSkin");
+ controlBarBackgroundSkin: Embed(source="assets/flex_skins.swf", symbol="Panel_controlBarBackgroundSkin");
+ background-color: #262626;
+ border-color: #7b7d82;
+ padding-top: 0;
+ corner-radius: 16;
+ background-alpha: 1.0;
+ border-alpha: 1.0;
+ header-height: 33;
+ color:#cccccc;
+}
+
+
+/*
+//------------------------------
+//
+// **Halo ToggleButtonBar
+//
+//------------------------------
+*/
+mx|ToggleButtonBar
+{
+ buttonStyleName: "buttonBarButton";
+ firstButtonStyleName: "firstButtonBarButton";
+ lastButtonStyleName: "lastButtonBarButton";
+ text-selected-color: #333333;
+ selected-tab-text-style-name: "myToggleButtonBarStyle";
+}
+
+.myToggleButtonBarStyle
+{
+ color: #333333;
+ text-selected-color: #333333;
+}
+
+
+/*
+//------------------------------
+// Halo ToolTip
+//------------------------------
+*/
+mx|ToolTip
+{
+
+ borderSkin: Embed(source="assets/flex_skins.swf", symbol="ToolTip_borderSkin");
+
+}
+
+/*
+//------------------------------
+// Halo Tree
+//------------------------------
+*/
+mx|Tree
+{
+ defaultLeafIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_defaultLeafIcon");
+ disclosureClosedIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_disclosureClosedIcon");
+ disclosureOpenIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_disclosureOpenIcon");
+ folderClosedIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_folderClosedIcon");
+ folderOpenIcon: Embed(source="assets/flex_skins.swf",symbol="Tree_folderOpenIcon");
+ roll-over-color: #666666;
+ selection-color: #464646;
+ border-color: #6a6a6a;
+ font-size: 12;
+}
+
+/*
+//------------------------------
+// Halo VRule
+//------------------------------
+*/
+
+mx|VRule {
+ strokeColor: #515151;
+ strokeWidth: 1;
+}
+
+/*
+//------------------------------
+//
+// **Halo VScrollBar
+//
+//------------------------------
+*/
+mx|VScrollBar
+{
+ downArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_disabledSkin");
+ downArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_downSkin");
+ downArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_overSkin");
+ downArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowDown_upSkin");
+
+ upArrowDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_disabledSkin");
+ upArrowDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_downSkin");
+ upArrowOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_overSkin");
+ upArrowUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollArrowUp_upSkin");
+
+ thumbIcon: Embed(source="assets/flex_skins.swf", symbol="ScrollBar_thumbIcon");
+
+ thumbDownSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_downSkin");
+ thumbOverSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_overSkin");
+ thumbUpSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollThumb_upSkin");
+
+ trackDisabledSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_disabledSkin");
+ trackSkin: Embed(source="assets/flex_skins.swf", symbol="ScrollTrack_Skin");
+}
+
+
+/*
+//==========================================================================================================================
+//
+// ************************ Spark Skins ************************
+//
+//==========================================================================================================================
+*/
+
+/*
+//------------------------------
+// ** Spark Application
+//------------------------------
+*/
+s|Application
+{
+ skinClass: ClassReference('graphite.skins.ApplicationSkin');
+ background-color: #333333;
+}
+
+
+/*
+//------------------------------
+//
+// **Spark Button
+//
+//------------------------------
+*/
+
+s|Button
+{
+ skinClass: ClassReference('graphite.skins.ButtonSkin');
+ corner-radius: 5;
+}
+
+s|Button.emphasized
+{
+ skinClass: ClassReference("graphite.skins.DefaultButtonSkin");
+}
+
+/*
+//------------------------------
+// **Spark ButtonBar
+//------------------------------
+*/
+
+s|ButtonBar
+{
+ skinClass: ClassReference('graphite.skins.ButtonBarSkin');
+}
+
+
+/*
+//------------------------------
+//
+// **Spark CheckBox
+//
+//------------------------------
+*/
+s|CheckBox
+{
+ skinClass: ClassReference('graphite.skins.CheckBoxSkin');
+}
+
+/*
+//------------------------------
+//
+// **Spark ComboBox
+//
+//------------------------------
+*/
+s|ComboBox
+{
+ skinClass: ClassReference('graphite.skins.ComboBoxSkin');
+ roll-over-color: #666666;
+ selection-color: #333333;
+}
+
+/*
+//------------------------------
+// **Spark DropDown
+//------------------------------
+*/
+
+s|DropDownList
+{
+ skinClass: ClassReference('graphite.skins.DropDownListSkin');
+ content-background-color: #464646;
+ roll-over-color: #666666;
+ selection-color: #333333;
+}
+
+
+/*
+//------------------------------
+//
+// **Spark HScrollBar
+//
+//------------------------------
+*/
+
+s|HScrollBar
+{
+ skinClass: ClassReference('graphite.skins.HScrollBarSkin');
+}
+
+
+/*
+//------------------------------
+//
+// **Spark HSlider
+//
+//------------------------------
+*/
+s|HSlider
+{
+ skinClass: ClassReference('graphite.skins.HSliderSkin');
+}
+
+
+
+
+/*
+//------------------------------
+//
+// **Spark List
+//
+//------------------------------
+*/
+s|List
+{
+ skinClass: ClassReference('graphite.skins.ListSkin');
+ content-background-color: #464646;
+ roll-over-color: #666666;
+ selection-color: #333333;
+ text-align: left;
+}
+
+
+/*
+//------------------------------
+//
+// Spark NumericStepper
+//
+//------------------------------
+*/
+
+s|NumericStepper
+{
+ skinClass: ClassReference('graphite.skins.NumericStepperSkin');
+ content-background-color: #464646;
+ focus-color: #cccccc;
+ selection-color: #000000;
+}
+
+/*
+//------------------------------
+//
+// ** Spark Panel
+//
+//------------------------------
+*/
+s|Panel
+{
+ skinClass: ClassReference('graphite.skins.PanelSkin');
+ font-size: 11pt;
+ text-align: center;
+ color: #CCCCCC;
+ title-style-name: "panelTitleStyle";
+ corner-radius:20;
+ border-weight: 3;
+ border-style: solid;
+ border-color: #333333;
+ background-color: #262626;
+}
+
+.panelTitleStyle
+{
+ text-align: center;
+}
+
+
+
+/*
+//------------------------------
+//
+// **Spark RadioButton
+//
+//------------------------------
+*/
+s|RadioButton
+{
+ skinClass: ClassReference('graphite.skins.RadioButtonSkin');
+}
+
+
+/*
+//------------------------------
+//
+// Spark Spinner
+//
+//------------------------------
+*/
+
+s|Spinner
+{
+ skinClass: ClassReference('graphite.skins.SpinnerSkin');
+}
+
+/*
+//------------------------------
+//
+// Spark TabBar
+//
+//------------------------------
+*/
+s|TabBar
+{
+ skinClass: ClassReference('graphite.skins.TabBarSkin');
+}
+
+/*
+//------------------------------
+//
+// Spark TextArea
+//
+//------------------------------
+*/
+s|TextArea
+{
+ skinClass: ClassReference('graphite.skins.TextAreaSkin');
+
+}
+
+
+/*
+//------------------------------
+//
+// Spark TextInput
+//
+//------------------------------
+*/
+
+s|TextInput
+{
+ skinClass: ClassReference('graphite.skins.TextInputSkin');
+}
+
+/*
+//------------------------------
+//
+// ** Spark TitleWindow
+//
+//------------------------------
+*/
+s|TitleWindow
+{
+ skinClass: ClassReference('graphite.skins.TitleWindowSkin');
+ font-size: 11pt;
+ text-align: center;
+ color: #CCCCCC;
+ title-style-name: "titleWindowTitleStyle";
+ corner-radius:20;
+ border-weight: 3;
+ border-style: solid;
+ border-color: #333333;
+ background-color: #262626;
+}
+
+.titleWindowTitleStyle
+{
+ text-align:center;
+}
+
+/*
+//------------------------------
+//
+// Spark ToggleButton
+//
+//------------------------------
+*/
+
+s|ToggleButton
+{
+ skinClass: ClassReference('graphite.skins.ToggleButtonSkin');
+}
+
+/*
+//------------------------------
+//
+// Spark VideoPlayer
+//
+//------------------------------
+*/
+
+s|VideoPlayer
+{
+ skinClass: ClassReference('graphite.skins.VideoPlayerSkin');
+ symbol-color: #cccccc;
+ color: #cccccc;
+}
+
+
+/*
+//------------------------------
+// Spark VScrollBar
+//------------------------------
+*/
+
+s|VScrollBar
+{
+ skinClass: ClassReference('graphite.skins.VScrollBarSkin');
+}
+
+/*
+//------------------------------
+//
+// **Spark VSlider
+//
+//------------------------------
+*/
+s|VSlider
+{
+ skinClass: ClassReference('graphite.skins.VSliderSkin');
+}
+
+
Propchange: incubator/flex/trunk/samples/themes/graphite/src/defaults.css
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/defaults.css
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the Spark Application component.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * A strongly typed property that references the component to which this skin is applied.
+ */
+ [HostComponent("spark.components.Application")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script fb:purpose="styling">
+ <![CDATA[
+ /**
+ * @private
+ */
+ override protected function updateDisplayList(unscaledWidth:Number,
+ unscaledHeight:Number) : void
+ {
+ bgRectFill.color = getStyle('backgroundColor');
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+ }
+ ]]>
+ </fx:Script>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ <s:State name="normalWithControlBar" />
+ <s:State name="disabledWithControlBar" />
+ </s:states>
+
+ <!-- fill -->
+ <!---
+ A rectangle with a solid color fill that forms the background of the application.
+ The color of the fill is set to the Application's backgroundColor property.
+ -->
+ <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" >
+ <s:fill>
+ <s:SolidColor id="bgRectFill"/>
+ </s:fill>
+ </s:Rect>
+
+ <s:Group left="0" right="0" top="0" bottom="0">
+ <s:layout>
+ <s:VerticalLayout gap="0" horizontalAlign="justify" />
+ </s:layout>
+
+ <!---
+ Application Control Bar
+ -->
+ <s:Group id="topGroup" minWidth="0" minHeight="0"
+ includeIn="normalWithControlBar, disabledWithControlBar" >
+
+ <!-- layer 0: control bar highlight -->
+ <s:Rect left="0" right="0" top="0" bottom="1" >
+ <s:stroke>
+ <s:SolidColorStroke color="0x282828" />
+ </s:stroke>
+ </s:Rect>
+
+ <!-- layer 1: control bar fill -->
+ <s:Rect left="1" right="1" top="1" bottom="2" >
+ <s:fill>
+ <s:SolidColor color="0x696a69" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 2: control bar divider line -->
+ <s:Rect left="0" right="0" bottom="0" height="1" alpha="0.55">
+ <s:fill>
+ <s:SolidColor color="0x000000" />
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: control bar -->
+ <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+ <s:layout>
+ <s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+ </s:layout>
+ </s:Group>
+ </s:Group>
+
+ <!---
+ @copy spark.components.SkinnableContainer#contentGroup
+ -->
+ <s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />
+
+ </s:Group>
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ApplicationSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+<!--- The Spark skin class for the Halo Border base class.
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ implements="mx.core.IRectangularBorder" mouseEnabled="false" mouseChildren="false">
+
+ <fx:Script>
+ <![CDATA[
+ import mx.core.EdgeMetrics;
+ import mx.core.IUIComponent;
+ import mx.graphics.RectangularDropShadow;
+
+ static private const metrics:EdgeMetrics = new EdgeMetrics(1, 1, 1, 1);
+
+ [Bindable]
+ public var cornerRadius:Number = 0;
+
+ private var dropShadow:RectangularDropShadow;
+
+ public function get borderMetrics():EdgeMetrics
+ {
+ if (getStyle("borderVisible") == false ||
+ getStyle("borderStyle") == "none")
+ return EdgeMetrics.EMPTY;
+
+ return metrics;
+ }
+
+ public function get backgroundImageBounds():Rectangle
+ {
+ return null;
+ }
+
+ public function set backgroundImageBounds(value:Rectangle):void
+ {
+
+ }
+
+ public function get hasBackgroundImage():Boolean
+ {
+ return false;
+ }
+
+ public function layoutBackgroundImage():void
+ {
+
+ }
+
+ override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+ {
+ // Force a redraw to clear any existing shadow, and to force a redraw of the
+ // border/background.
+ redrawRequested = true;
+
+ if (getStyle("borderVisible") == false || getStyle("borderStyle") == "none")
+ {
+ border.visible = false;
+ background.left = background.top = background.right = background.bottom = 0;
+ }
+ else
+ {
+ border.visible = true;
+ background.left = background.top = background.right = background.bottom = 1;
+ }
+
+ border.radiusX = cornerRadius;
+ background.radiusX = cornerRadius;
+
+ super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+ if (parent && parent is IUIComponent && !IUIComponent(parent).enabled)
+ alpha = 0.5;
+ else
+ alpha = 1;
+
+ // Draw drop shadow, if needed
+ if (getStyle("dropShadowVisible") == false ||
+ width == 0 ||
+ height == 0)
+ {
+ return;
+ }
+
+ // Create a RectangularDropShadow object, set its properties,
+ // and draw the shadow
+ if (!dropShadow)
+ dropShadow = new RectangularDropShadow();
+
+ dropShadow.distance = 5;
+ dropShadow.angle = 90;
+ dropShadow.color = 0;
+ dropShadow.alpha = 0.8;
+ dropShadow.blurX = 20;
+ dropShadow.blurY = 20;
+
+ // Clear out any pending line style
+ graphics.lineStyle();
+ dropShadow.drawShadow(graphics, 0, 0, width, height);
+ }
+
+ private function getDropShadowAngle(distance:Number,
+ direction:String):Number
+ {
+ if (direction == "left")
+ return distance >= 0 ? 135 : 225;
+
+ else if (direction == "right")
+ return distance >= 0 ? 45 : 315;
+
+ else // direction == "center"
+ return distance >= 0 ? 90 : 270;
+ }
+ ]]>
+ </fx:Script>
+
+ <!-- border -->
+ <s:Rect left="0" right="0" top="0" bottom="0" radiusX="0" id="border" >
+ <s:stroke>
+ <s:SolidColorStroke id="borderStroke" color="0x252525"/>
+ </s:stroke>
+ </s:Rect>
+
+ <!-- fill -->
+ <s:Rect id="background" left="1" right="1" top="1" bottom="1" radiusX="0">
+ <s:fill>
+ <s:SolidColor id="bgFill" color="0x333333" />
+ </s:fill>
+ </s:Rect>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/BorderSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the first button in a Spark ButtonBar component.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBarButton")]
+ ]]>
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" stateGroups="overStates" />
+ <s:State name="down" stateGroups="downStates" />
+ <s:State name="disabled" stateGroups="disabledStates" />
+ <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+ <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+ <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+ <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+ </s:states>
+
+ <s:Group left="0" right="-1" top="-1" bottom="-1">
+ <!-- layer 1: border fill-->
+ <s:Rect id="borderFill" left="1" right="1" top="1" bottom="1" bottomLeftRadiusX="3" topLeftRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0xBFBFBF"
+ color.over="0xBFBFBF"
+ color.downStates="0xBFBFBF"
+ color.overAndSelected="0xFFFFFF"
+ />
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.overAndSelected="0x7B7C7B"
+ color.downStates="0x7B7C7B"
+ />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="3" right="2" top="3" bottom="3" bottomLeftRadiusX="3" topLeftRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+
+ <!-- layer 3: text -->
+ <!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="1"
+ left="10" right="10" top="2" bottom="2">
+ </s:Label>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarFirstButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the last button in a Spark ButtonBar component.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBarButton")]
+ ]]>
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" stateGroups="overStates" />
+ <s:State name="down" stateGroups="downStates" />
+ <s:State name="disabled" stateGroups="disabledStates" />
+ <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+ <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+ <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+ <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+ </s:states>
+
+ <s:Group left="0" right="-1" top="-1" bottom="-1">
+
+ <!-- layer 1: border fill-->
+ <s:Rect id="borderFill" left="1" right="1" top="1" bottom="1" bottomRightRadiusX="3" topRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0xBFBFBF"
+ color.over="0xBFBFBF"
+ color.downStates="0xBFBFBF"
+ color.overAndSelected="0xFFFFFF"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.overAndSelected="0x7B7C7B"
+ color.downStates="0x7B7C7B"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="2" right="3" top="3" bottom="3" bottomRightRadiusX="3" topRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+
+ <!-- layer 3: text -->
+ <!--- The defines the appearance of the label for the last button in the ButtonBar component. -->
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="1"
+ left="10" right="10" top="2" bottom="2">
+ </s:Label>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarLastButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the middle buttons in a Spark ButtonBar component.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="21"
+ alpha.disabledStates="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBarButton")]
+ ]]>
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" stateGroups="overStates" />
+ <s:State name="down" stateGroups="downStates" />
+ <s:State name="disabled" stateGroups="disabledStates" />
+ <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+ <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+ <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+ <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+ </s:states>
+
+ <s:Group left="0" right="-1" top="-1" bottom="-1">
+ <!-- layer 1: border fill-->
+ <s:Rect id="borderFill" left="1" right="1" top="1" bottom="1">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0xBFBFBF"
+ color.over="0xBFBFBF"
+ color.downStates="0xBFBFBF"
+ color.overAndSelected="0xFFFFFF"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.selectedUpStates="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.overAndSelected="0x7B7C7B"
+ color.downStates="0x7B7C7B"
+ alpha="1"
+ alpha.overAndSelected="1" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="2" right="2" top="3" bottom="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ color.selectedStates="0x333333"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ </s:Group>
+ <!-- layer 3: text -->
+ <!--- Defines the appearance of the label(s) for the middle button(s) in the ButtonBar component. -->
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="1"
+ left="10" right="10" top="2" bottom="2">
+ </s:Label>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarMiddleButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the Spark ButtonBar component. The buttons on the ButtonBar component
+ use the ButtonBarLastButtonSkin, ButtonBarFirstButtonSkin and ButtonBarMiddleButtonSkin classes.
+
+ @see spark.components.ButtonBar
+ @see spark.components.ButtonBarButton
+
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ alpha.disabled="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.ButtonBar")]
+ ]]>
+ </fx:Metadata>
+
+ <s:states>
+ <s:State name="normal" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <fx:Declarations>
+ <!---
+ Specifies the skin class for the first button on the ButtonBar.
+ @default spark.skins.spark.ButtonBarFirstButtonSkin
+ -->
+ <fx:Component id="firstButton">
+ <s:ButtonBarButton skinClass="graphite.skins.ButtonBarFirstButtonSkin" />
+ </fx:Component>
+
+ <!---
+ Specifies the skin class for the middle button(s) on the ButtonBar.
+ @default spark.skins.spark.ButtonBarMiddleButtonSkin
+ -->
+ <fx:Component id="middleButton" >
+ <s:ButtonBarButton skinClass="graphite.skins.ButtonBarMiddleButtonSkin" />
+ </fx:Component>
+
+ <!---
+ Specifies the skin class for the last button on the ButtonBar.
+ @default spark.skins.spark.ButtonBarLastButtonSkin
+ -->
+ <fx:Component id="lastButton" >
+ <s:ButtonBarButton skinClass="graphite.skins.ButtonBarLastButtonSkin" />
+ </fx:Component>
+
+ </fx:Declarations>
+
+ <!---
+ @copy spark.components.SkinnableDataContainer#dataGroup
+ -->
+ <s:DataGroup id="dataGroup" width="100%" height="100%">
+ <s:layout>
+ <s:ButtonBarHorizontalLayout gap="-1"/>
+ </s:layout>
+ </s:DataGroup>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonBarSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the Spark Button component.
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="21" minHeight="24" alpha.disabled="0.5">
+
+ <!-- host component -->
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.default.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.Button")]
+ ]]>
+ </fx:Metadata>
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" />
+ <s:State name="down" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="1" right="1" top="1" bottom="1" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ alpha="1.0" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.down="0x7B7C7B"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="3" right="3" top="3" bottom="3" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+
+ <!-- layer 3: text -->
+ <!---
+ @copy spark.components.supportClasses.ButtonBase#labelDisplay
+ -->
+ <s:Label id="labelDisplay"
+ textAlign="center"
+ verticalAlign="middle"
+ lineBreak="toFit"
+ maxDisplayedLines="1"
+ horizontalCenter="0" verticalCenter="1"
+ left="10" right="10" top="2" bottom="2"
+ >
+ </s:Label>
+
+</s:Skin>
\ No newline at end of file
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+
+
+<!--- The default skin class for the Spark CheckBox component.
+
+ @langversion 3.0
+ @playerversion Flash 10
+ @playerversion AIR 1.5
+ @productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledStates="0.5">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.CheckBox")]
+ ]]>
+ </fx:Metadata>
+
+ <fx:Script>
+ <![CDATA[
+ /**
+ * @inheritDoc
+ */
+ override public function get focusSkinExclusions():Array {return [labelDisplay]};
+ ]]>
+ </fx:Script>
+
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" stateGroups="overStates" />
+ <s:State name="down" stateGroups="downStates" />
+ <s:State name="disabled" stateGroups="disabledStates" />
+ <s:State name="upAndSelected" stateGroups="selectedStates" />
+ <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+ <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+ <s:State name="disabledAndSelected" stateGroups="disabledStates, selectedStates" />
+ </s:states>
+
+ <s:Group verticalCenter="0" width="13" height="13">
+
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.overStates="0xBFBFBF"
+ color.downStates="0xBFBFBF"
+ alpha="1.0" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.overStates="0x7B7C7B"
+ color.downStates="0x7B7C7B"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" radiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.overStates="0x6A6B6A"
+ color.downStates="0xA0A0A0"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.overStates="0x282828"
+ color.downStates="0x787878"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- checkmark -->
+ <!--- The checkmark in the box for this skin. To create a custom check mark, create a custom skin class. -->
+ <s:Path left="2" top="0" includeIn="selectedStates" id="check" itemCreationPolicy="immediate"
+ data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">
+ <s:fill>
+ <!--- The solid color fill for the CheckBox's checkmark. The default alpha is .9, and the default fill color is 0x000000. -->
+ <s:SolidColor id="checkMarkFill" color="0xFFFFFF" alpha="0.5" />
+ </s:fill>
+ </s:Path>
+ </s:Group>
+
+ <!-- Label -->
+ <s:Label id="labelDisplay"
+ textAlign="start"
+ verticalAlign="middle"
+ maxDisplayedLines="1"
+ left="18" right="0" top="3" bottom="3" verticalCenter="2" />
+
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/CheckBoxSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain
Added: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ 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.
+
+-->
+<!--- The default skin class for the anchor button on a Spark ComboBox component.
+
+@see spark.components.ComboBox
+@see spark.skins.spark.ComboBoxSkin
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+ xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minWidth="20" minHeight="23">
+
+ <fx:Metadata>
+ <![CDATA[
+ /**
+ * @copy spark.skins.spark.ApplicationSkin#hostComponent
+ */
+ [HostComponent("spark.components.Button")]
+ ]]>
+ </fx:Metadata>
+
+
+ <!-- states -->
+ <s:states>
+ <s:State name="up" />
+ <s:State name="over" />
+ <s:State name="down" />
+ <s:State name="disabled" />
+ </s:states>
+
+ <!-- Layer 1: border -->
+ <s:Rect id="border" left="0" right="0" top="0" bottom="0" topRightRadiusX="3" bottomRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0xBFBFBF"
+ color.down="0xBFBFBF"
+ alpha="1.0" />
+ <s:GradientEntry color="0x7B7C7B"
+ color.over="0x7B7C7B"
+ color.down="0x7B7C7B"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- Layer 2: innerFill -->
+ <s:Rect id="innerFill" left="2" right="2" top="2" bottom="2" topRightRadiusX="3" bottomRightRadiusX="3">
+ <s:fill>
+ <s:LinearGradient rotation="90">
+ <s:GradientEntry color="0x6A6B6A"
+ color.over="0x6A6B6A"
+ color.down="0xA0A0A0"
+ alpha="1.0" />
+ <s:GradientEntry color="0x282828"
+ color.over="0x282828"
+ color.down="0x787878"
+ alpha="1.0" />
+ </s:LinearGradient>
+ </s:fill>
+ </s:Rect>
+
+ <!-- layer 3: arrow -->
+ <!--- The arrow graphic displayed in the anchor button. -->
+ <s:Path right="7" verticalCenter="0" id="arrow"
+ data="M 7.03 0.5 C 7.43 0.9 7.43 1.55 7.03 1.95 L 4.64 4.34 C 4.24 4.74 3.59 4.74 3.19 4.34 L 0.8 1.95 C 0.4 1.55 0.4 0.9 0.8 0.5 L 7.03 0.5 Z">
+ <s:fill>
+ <s:RadialGradient rotation="90" focalPointRatio="1">
+ <!--- The first part of the arrow's gradient fill.
+ The default alpha is .6. The default color if 0x000000. -->
+ <s:GradientEntry id="arrowFill1" color="0xCCCCCC" alpha="0.6" />
+ <!--- The second part of the arrow's gradient fill.
+ The default alpha is .6. The default color if 0x000000. -->
+ <s:GradientEntry id="arrowFill2" color="0xCCCCCC" alpha="0.8" />
+ </s:RadialGradient>
+ </s:fill>
+ </s:Path>
+</s:Skin>
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
svn:eol-style = native
Propchange: incubator/flex/trunk/samples/themes/graphite/src/graphite/skins/ComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
svn:mime-type = text/plain