remove unneeded panel skins

Project: http://git-wip-us.apache.org/repos/asf/flex-utilities/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-utilities/commit/e11842b6
Tree: http://git-wip-us.apache.org/repos/asf/flex-utilities/tree/e11842b6
Diff: http://git-wip-us.apache.org/repos/asf/flex-utilities/diff/e11842b6

Branch: refs/heads/develop
Commit: e11842b662a6d10ef538f40052e7a86e018e1b45
Parents: 8292633
Author: Justin Mclean <jmcl...@apache.org>
Authored: Sat Oct 18 18:19:59 2014 +1100
Committer: Justin Mclean <jmcl...@apache.org>
Committed: Sat Oct 18 18:19:59 2014 +1100

----------------------------------------------------------------------
 .../spark/charts/TDFGradientBackgroundSkin.mxml |  49 ------
 .../components/TDFGradientBackgroundSkin.mxml   |  49 ------
 .../spark/containers/skins/TDFPanelSkin.mxml    | 171 -------------------
 .../src/spark/css/skins/TDFPanelSkin.mxml       | 171 -------------------
 .../src/spark/effects/skins/TDFPanelSkin.mxml   | 170 ------------------
 .../src/spark/fxg/skins/TDFPanelSkin.mxml       | 170 ------------------
 .../spark/itemRenderers/skins/TDFPanelSkin.mxml | 170 ------------------
 .../src/spark/layouts/skins/TDFPanelSkin.mxml   | 171 -------------------
 .../src/spark/other/skins/TDFPanelSkin.mxml     | 130 --------------
 .../src/spark/skinning/skins/TDFPanelSkin.mxml  | 171 -------------------
 10 files changed, 1422 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
deleted file mode 100644
index 553aee3..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
+++ /dev/null
@@ -1,49 +0,0 @@
-<?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.
-
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
-                        xmlns:mx="library://ns.adobe.com/flex/mx" 
-                        xmlns:s="library://ns.adobe.com/flex/spark">
-       
-       <fx:Metadata>
-               [HostComponent("spark.components.Application")]
-       </fx:Metadata> 
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-       </s:states>
-       
-       <s:layout>
-               <s:BasicLayout />
-       </s:layout>
-       
-       <s:Rect id="bg" width="100%" height="100%">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:entries>
-                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
-                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
-                               </s:entries>
-                       </s:LinearGradient>    
-               </s:fill>
-       </s:Rect>
-       
-       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
-</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
deleted file mode 100644
index 553aee3..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
+++ /dev/null
@@ -1,49 +0,0 @@
-<?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.
-
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
-                        xmlns:mx="library://ns.adobe.com/flex/mx" 
-                        xmlns:s="library://ns.adobe.com/flex/spark">
-       
-       <fx:Metadata>
-               [HostComponent("spark.components.Application")]
-       </fx:Metadata> 
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-       </s:states>
-       
-       <s:layout>
-               <s:BasicLayout />
-       </s:layout>
-       
-       <s:Rect id="bg" width="100%" height="100%">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:entries>
-                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
-                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
-                               </s:entries>
-                       </s:LinearGradient>    
-               </s:fill>
-       </s:Rect>
-       
-       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
-</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
deleted file mode 100644
index f9151dc..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,171 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <!-- This layer was modified for Tour de Flex samples to have a 
gradient border at the bottom. -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
deleted file mode 100644
index 539c4fb..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,171 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <!-- This layer was modified for Tour de Flex samples to have a 
gradient border at the bottom. -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2"/>
-                       
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
deleted file mode 100644
index 4b06e54..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,170 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
deleted file mode 100644
index 4b06e54..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,170 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
deleted file mode 100644
index 4b06e54..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,170 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/layouts/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/layouts/skins/TDFPanelSkin.mxml
deleted file mode 100644
index f9151dc..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/layouts/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,171 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <!-- This layer was modified for Tour de Flex samples to have a 
gradient border at the bottom. -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/other/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/other/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/other/skins/TDFPanelSkin.mxml
deleted file mode 100644
index ff46524..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/other/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,130 +0,0 @@
-<?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.
-
--->
-
-
-<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" 
-               alpha.disabled="0.5" minWidth="131" minHeight="127">
-       
-       <fx:Metadata>
-               [HostComponent("spark.components.Panel")]
-       </fx:Metadata> 
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:Rect left="0" top="0" right="0" bottom="0">
-               <s:filters>
-                       <s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" 
distance="11" angle="90" knockout="true" />
-               </s:filters>
-               <s:fill>
-                       <s:SolidColor color="0" />
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       <!-- layer 2: background fill -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <s:Label id="titleDisplay" maxDisplayedLines="1"
-                                        left="9" right="3" top="1" 
minHeight="30"
-                                        verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-                       
-               </s:Group>
-               
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       <!-- layer 0: control bar background -->
-                       <s:Rect left="0" right="0" bottom="0" top="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xE2EdF7" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xD1E0F2" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: 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>
-       </s:Group>
-</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e11842b6/TourDeFlex/TourDeFlex3/src/spark/skinning/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/skinning/skins/TDFPanelSkin.mxml 
b/TourDeFlex/TourDeFlex3/src/spark/skinning/skins/TDFPanelSkin.mxml
deleted file mode 100644
index f9151dc..0000000
--- a/TourDeFlex/TourDeFlex3/src/spark/skinning/skins/TDFPanelSkin.mxml
+++ /dev/null
@@ -1,171 +0,0 @@
-<?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.
-
--->
-
-
-<!--- Custom Spark Panel Skin created for Tour de Flex.  
-
-@langversion 3.0
-@playerversion Flash 10
-@playerversion AIR 1.5
-@productversion Flex 4
--->
-<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
-                        blendMode.disabled="layer">
-       
-       <fx:Metadata>
-               <![CDATA[ 
-               /** 
-               * @copy spark.skins.spark.ApplicationSkin#hostComponent
-               */
-               [HostComponent("spark.components.Panel")]
-               ]]>
-       </fx:Metadata> 
-       
-       <fx:Script>
-               /* Define the skin elements that should not be colorized. 
-               For panel, border and title backround are skinned, but the 
content area and title text are not. */
-               static private const exclusions:Array = ["background", 
"titleDisplay", "contentGroup", "bgFill"];
-               
-               /** 
-                * @copy spark.skins.SparkSkin#colorizeExclusions
-                */     
-               override public function get colorizeExclusions():Array {return 
exclusions;}
-               
-               /* Define the content fill items that should be colored by the 
"contentBackgroundColor" style. */
-               static private const contentFill:Array = [];
-               
-               /**
-                * @inheritDoc
-                */
-               override public function get contentItems():Array {return 
contentFill};
-       </fx:Script>
-       
-       <s:states>
-               <s:State name="normal" />
-               <s:State name="disabled" />
-               <s:State name="normalWithControlBar" />
-               <s:State name="disabledWithControlBar" />
-       </s:states>
-       
-       <!-- drop shadow -->
-       <s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" 
distance="11" 
-                                                        angle="90" 
color="#000000" left="0" top="0" right="0" bottom="0"/>
-       
-       <!-- layer 1: border -->
-       <s:Rect left="0" right="0" top="0" bottom="0">
-               <s:stroke>
-                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
-               </s:stroke>
-       </s:Rect>
-       
-       
-       <!-- layer 2: background fill -->
-       <!-- This layer was modified for Tour de Flex samples to have a 
gradient border at the bottom. -->
-       <s:Rect left="0" right="0" bottom="0" height="15">
-               <s:fill>
-                       <s:LinearGradient rotation="90">
-                               <s:GradientEntry color="0xE2E2E2" />
-                               <s:GradientEntry color="0x000000" />
-                       </s:LinearGradient>
-               </s:fill>
-       </s:Rect>
-       
-       <!-- layer 3: contents -->
-       <!--- contains the vertical stack of titlebar content and controlbar -->
-       <s:Group left="1" right="1" top="1" bottom="1" >
-               <s:layout>
-                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
-               </s:layout>
-               
-               <s:Group id="topGroup" >
-                       <!-- layer 0: title bar fill -->
-                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
-                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0x000000" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: title bar highlight -->
-                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
-                               <s:stroke>
-                                       <s:LinearGradientStroke rotation="90" 
weight="1">
-                                               <s:GradientEntry 
color="0xEAEAEA" />
-                                               <s:GradientEntry 
color="0xD9D9D9" />
-                                       </s:LinearGradientStroke>
-                               </s:stroke>
-                       </s:Rect>
-                       
-                       <!-- layer 2: title bar divider -->
-                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
-                               <s:fill>
-                                       <s:SolidColor color="0xC0C0C0" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 3: text -->
-                       <!--- Defines the appearance of the PanelSkin class's 
title bar. -->
-                       <!-- Note: The title text display has been slightly 
modified for Tour de Flex. -->
-                       <s:Label id="titleDisplay" lineBreak="explicit"
-                                                 left="9" top="1" bottom="0" 
minHeight="30"
-                                                 verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
-                       </s:Label>
-               </s:Group>
-               
-               <!--
-               Note: setting the minimum size to 0 here so that changes to the 
host component's
-               size will not be thwarted by this skin part's minimum size.   
This is a compromise,
-               more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
-               -->
-               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
-               </s:Group>
-               
-               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
-                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
-                       
-                       <!-- layer 0: control bar background -->
-                       <!-- Note: We are skinning this to be the gradient in 
case we do specify control
-                       bar content, but it will only display if there's a 
controlBarContent
-                       property specified.-->
-                       <s:Rect left="0" right="0" bottom="0" top="0" 
height="15">
-                               <s:fill>
-                                       <s:LinearGradient rotation="90">
-                                               <s:GradientEntry 
color="0xE2E2E2" />
-                                               <s:GradientEntry 
color="0x000000" />
-                                       </s:LinearGradient>
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 1: control bar divider line -->
-                       <s:Rect left="0" right="0" top="0" height="1" >
-                               <s:fill>
-                                       <s:SolidColor color="0xCDCDCD" />
-                               </s:fill>
-                       </s:Rect>
-                       
-                       <!-- layer 2: control bar -->
-                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="0" minWidth="0" minHeight="0">
-                               <s:layout>
-                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="10" paddingBottom="10" />
-                               </s:layout>
-                       </s:Group>
-               </s:Group>
-       </s:Group>
-</s:SparkSkin>

Reply via email to