incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cframp...@apache.org
Subject svn commit: r1350373 [11/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...
Date Thu, 14 Jun 2012 18:53:56 GMT
Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,141 @@
+<?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 close button of the Spark TitleWindow 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">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<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" radiusX="4">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- X icon  -->
+	<s:Group verticalCenter="0" left="1" id="xSymbol">	
+		<!-- X Shadow -->
+		<s:Path alpha="1.0"
+				data="M 3 5 L 4 5 L 4 6 L 5 6 L 5 7 L 4 7 L 4 8 L 3 8 L 3 9 L 4 9 L 4 10 L 5 10 L 5 9 L 6 9 L 6 8 L 7 8 L 7 9 L 8 9 L 8 10 L 9 10 L 9 9 L 10 9 L 10 8 L 9 8 L 9 7 L 8 7 L 8 6 L 9 6 L 9 5 L 10 5 L 10 4 L 9 4 L 9 3 L 8 3 L 8 4 L 7 4 L 7 5 L 6 5 L 6 4 L 5 4 L 5 3 L 4 3 L 4 4 L 3 4 L 3 5 Z">
+			<s:fill>
+				<s:SolidColor id="xFill1" color="0x000000" alpha="0.5" />
+			</s:fill>
+		</s:Path>
+		<!-- X -->
+		<s:Path top="1" alpha="1.0"
+				data="M 3 5 L 4 5 L 4 6 L 5 6 L 5 7 L 4 7 L 4 8 L 3 8 L 3 9 L 4 9 L 4 10 L 5 10 L 5 9 L 6 9 L 6 8 L 7 8 L 7 9 L 8 9 L 8 10 L 9 10 L 9 9 L 10 9 L 10 8 L 9 8 L 9 7 L 8 7 L 8 6 L 9 6 L 9 5 L 10 5 L 10 4 L 9 4 L 9 3 L 8 3 L 8 4 L 7 4 L 7 5 L 6 5 L 6 4 L 5 4 L 5 3 L 4 3 L 4 4 L 3 4 L 3 5 Z">
+			<s:fill>
+				<s:SolidColor 
+					color="0xD3e7F3"
+					color.over="0xFFFFFF"
+					color.down="0x3F5E85"/>
+			</s:fill>
+		</s:Path>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowCloseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,261 @@
+<?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 a Spark TitleWindow container.  
+
+@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" blendMode="normal" mouseEnabled="false"
+			 minWidth="76" minHeight="76" alpha.disabled="0.5" alpha.disabledWithControlBar="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.TitleWindow")]
+		]]>
+	</fx:Metadata>      
+	
+	<s:states>
+		<s:State name="normal" stateGroups="normalGroup"/>
+		<s:State name="active" />
+		<s:State name="inactive" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" stateGroups="withControls, normalGroup"/>
+		<s:State name="activeWithControlBar" stateGroups="withControls" />
+		<s:State name="inactiveWithControlBar" />
+		<s:State name="disabledWithControlBar" stateGroups="withControls" />
+	</s:states>
+	
+	<!-- drop shadow can't be hittable so it stays sibling of other graphics -->
+	<s:Rect top="0" right="0" bottom="0" left="0" 
+			topLeftRadiusX="5" topRightRadiusX="5" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+		<s:filters>
+			<s:DropShadowFilter  blurX="20" blurY="20" alpha="0.32" 
+								 alpha.normalGroup="0.22" distance="11"  
+								 distance.normalGroup="7"
+								 angle="90" 
+								 color="0x000000"
+								 knockout="true"/>
+		</s:filters>
+	</s:Rect>
+	
+	<!-- drop shadow can't be hittable so all other graphics go in this group -->
+	<s:Group left="0" right="0" top="0" bottom="0">
+		
+		<!-- top group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="topGroupMask" >
+			<s:Rect id="topMaskRect" left="0" top="0" right="0" bottom="0"
+					topLeftRadiusX="4" topRightRadiusX="4" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- bottom group mask -->
+		<s:Group left="1" top="1" right="1" bottom="1" id="bottomGroupMask" 
+				 includeIn="withControls">
+			<s:Rect id="bottomMaskRect" left="0" top="0" right="0" bottom="0"
+					topLeftRadiusX="0" topRightRadiusX="0" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+				<s:fill>
+					<s:SolidColor alpha="0"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		
+		<!-- layer 1: border -->
+		<s:Rect id="border" left="1" right="1" top="0" bottom="1" 
+				topLeftRadiusX="4" topRightRadiusX="4" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:stroke>
+				<s:SolidColorStroke
+					color="0x304663"
+					weight="1" 
+					/>
+			</s:stroke>
+		</s:Rect>
+		
+		<!-- layer 2: background fill -->
+		<s:Rect id="background" left="2" top="1" right="2" bottom="2"
+				topLeftRadiusX="3" topRightRadiusX="3" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+			<s:fill>
+				<s:SolidColor color="0xFFFFFF" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- layer 3: contents -->
+		<!--- contains the vertical stack of titlebar content and controlbar -->
+		<s:Group left="1" right="1" top="0" bottom="1">
+			<s:layout>
+				<s:VerticalLayout gap="0" horizontalAlign="justify" />
+			</s:layout>
+			
+			<s:Group id="topGroup" mask="{topGroupMask}" top="0">
+				
+				<!-- layer 0: title bar fill -->
+				<s:Rect left="1" right="0" top="0" bottom="1" 
+						topLeftRadiusX="4" topRightRadiusX="4" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+					<s:fill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0x426089"
+											 alpha="1.0" />
+							<s:GradientEntry color="0x304663"
+											 alpha="1.0" />
+						</s:LinearGradient>
+					</s:fill>
+				</s:Rect>
+				<!-- Layer 2: innerBorder -->
+				<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" 
+						topLeftRadiusX="3" topRightRadiusX="3" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+					<s:fill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0x557FB5"
+											 alpha="1.0" />
+							<s:GradientEntry color="0x42628A"
+											 alpha="1.0" />
+						</s:LinearGradient>
+					</s:fill>
+				</s:Rect>
+				<!-- Layer 3: insetBorder -->
+				<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2"
+						topLeftRadiusX="2" topRightRadiusX="2" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+					<s:fill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0x426089"
+											 alpha="1.0" />
+							<s:GradientEntry color="0x304663" 
+											 alpha="1.0" />
+						</s:LinearGradient>
+					</s:fill>
+				</s:Rect>
+				<!-- Layer 4: fill -->
+				<s:Rect id="fill" left="3" right="3" top="3" bottom="3"
+						topLeftRadiusX="1" topRightRadiusX="1" bottomRightRadiusX="0" bottomLeftRadiusX="0">
+					<s:fill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0x446690" 
+											 alpha="1.0"
+											 ratio="0"/>
+							<s:GradientEntry color="0x496C9A"
+											 alpha="1.0" 
+											 ratio="0.2"/>
+							<s:GradientEntry color="0x3D5A80"
+											 alpha="1.0" 
+											 ratio="0.8"/>
+							<s:GradientEntry color="0x385275"
+											 alpha="1.0" 
+											 ratio="1.0"/>
+						</s:LinearGradient>
+					</s:fill>
+					<!-- inner Glow -->
+					<s:filters>
+						<s:GlowFilter color="0x000000"
+									  alpha="0.85"
+									  blurX="1" blurY="1"
+									  inner="true"
+									  />
+					</s:filters>
+				</s:Rect>
+				
+				
+				
+				<!-- layer 2: title bar divider -->
+				<s:Group top="31" left="1" right="1" minHeight="3">
+					<s:Rect width="100%" height="3" >
+						<s:fill>
+							<s:SolidColor 
+								color="0x5680B6"
+								/>
+						</s:fill>
+					</s:Rect>
+					<!-- innerLine -->
+					<s:Rect width="100%" height="1" top="1">
+						<s:fill>
+							<s:SolidColor 
+								color="0x3A577B"
+								/>
+						</s:fill>
+					</s:Rect>
+				</s:Group>
+				
+				<!-- layer 3: text -->
+				<!--- Defines the appearance of the TitleWindowSkin class's title bar. -->
+				<s:Label id="titleDisplay" maxDisplayedLines="1"
+						 left="9" right="16" top="1" bottom="0" minHeight="23"
+						 verticalAlign="middle" fontWeight="bold"
+						 color="0xFFFFFF">
+				</s:Label>
+				
+				<!-- layer 4: moveArea -->
+				<!--- Defines the area where the user can drag the TitleWindow. -->
+				<s:Group id="moveArea" left="0" right="0" top="0" bottom="0" />
+				
+				<!-- close button -->
+				<s:Button id="closeButton" skinClass="cobalt.skins.TitleWindowCloseButtonSkin"
+						  width="15" height="15" right="8" verticalCenter="-2"/>
+			</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%" top="34" minWidth="0" minHeight="0">
+			</s:Group>
+			
+			<s:Group id="bottomGroup" minWidth="0" minHeight="0" 
+					 includeIn="withControls">	
+				
+				<s:Group left="0" right="0" top="0" bottom="0" mask="{bottomGroupMask}">
+					
+					<!-- layer 0: control bar divider line -->
+					<s:Rect left="0" right="0" top="0" height="1" alpha="0.22">
+						<s:fill>
+							<s:SolidColor color="0x666666" />
+						</s:fill>
+					</s:Rect>
+					
+					<!-- layer 1: control bar fill -->
+					<s:Rect left="1" right="1" top="2" bottom="1">
+						<s:fill>
+							<s:SolidColor color="0xE8E8E8"/>
+						</s:fill>
+						<s:stroke>
+							<s:SolidColorStroke color="0x666666"/>
+						</s:stroke>
+					</s:Rect>
+				</s:Group>
+				
+				<!-- 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>
+		</s:Group>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/TitleWindowSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ToggleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ToggleButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ToggleButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ToggleButtonSkin.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 default skin class for a Spark ToggleButton 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.disabledStates="0.5">
+	
+	<!-- 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>
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="4">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852"
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="3">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 color.upAndSelected="0x344E6D"
+								 color.overAndSelected="0x496D98"
+								 color.downAndSelected="0x344E6D"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 color.upAndSelected="0x3E5A80"
+								 color.overAndSelected="0x577EB3"
+								 color.downAndSelected="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 color.upAndSelected="0x263852" 
+								 color.overAndSelected="0x263852"
+								 color.downAndSelected="0x263852"
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 color.upAndSelected="0x2E4260"
+								 color.overAndSelected="0x2E4260"
+								 color.downAndSelected="0x2E4260"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 color.upAndSelected="0x2B405C"
+								 color.overAndSelected="0x2B405C"
+								 color.downAndSelected="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 color.upAndSelected="0x2F4563"
+								 color.overAndSelected="0x2F4563"
+								 color.downAndSelected="0x2F4563"
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 color.upAndSelected="0x354D6F"
+								 color.overAndSelected="0x354D6F"
+								 color.downAndSelected="0x354D6F"
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 color.upAndSelected="0x314867"
+								 color.overAndSelected="0x314867"
+								 color.downAndSelected="0x314867"
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- layer 5: text -->
+	<s:Label id="labelDisplay"
+             textAlign="center"
+             verticalAlign="middle"
+             lineBreak="explicit"
+			 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/cobalt/src/cobalt/skins/ToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/ToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,65 @@
+<?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 thumb and track skins are defined by the
+VScrollBarThumbSkin and VScrollBarTrackSkin classes, respectively. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+	  minWidth="15" minHeight="35"
+	  alpha.disabled="0.5">
+	  
+	<fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.VScrollBar")]
+    ]]>
+    </fx:Metadata> 
+
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+		<s:State name="inactive" />
+    </s:states>
+   
+    <!--- Defines the skin class for the VScrollBarSkin's track. The default skin class is VScrollBarTrackSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+    <s:Button id="track" top="16" bottom="15" height="54"
+              focusEnabled="false"
+              skinClass="cobalt.skins.VScrollBarTrackSkin"  />
+             
+    <!--- Defines the skin class for the VScrollBarSkin's thumb. The default skin class is VScrollBarThumbSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+    <s:Button id="thumb" 
+              focusEnabled="false"
+              skinClass="cobalt.skins.VScrollBarThumbSkin"  />
+    
+    <!--- Defines the skin class for the up button of the VScrollBarSkin. The default skin class is ScrollBarUpButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+    <s:Button id="decrementButton" top="0"
+              focusEnabled="false"
+              skinClass="cobalt.skins.ScrollBarUpButtonSkin" />
+    
+    <!--- Defines the skin class for the down button of the VScrollBarSkin. The default skin class is ScrollBarDownButtonSkin. -->
+    <!-- when using custom theme set path to theme's skin MXML files: cobalt.skins.xxxSkin -->
+    <s:Button id="incrementButton" bottom="0"
+              focusEnabled="false"
+              skinClass="cobalt.skins.ScrollBarDownButtonSkin" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,179 @@
+<?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 thumb of a Spark VScrollBar 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">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+
+	<s:Group right="2" left="2">
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="-1" radiusX="4" minWidth="11" minHeight="24">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x5C85B8" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x43658F" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 2: innerBorder -->
+		<s:Rect id="innerBorder" left="1" right="1" top="0" bottom="1" radiusX="3">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x557FB5" 
+									 color.over="0x77B1D2" 
+									 color.down="0x344E6D" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x42628A" 
+									 color.over="0x5C89B9" 
+									 color.down="0x3E5A80"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 3: insetBorder -->
+		<s:Rect id="insetBorder" left="2" right="2" top="1" bottom="2" radiusX="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x426089" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x304663" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 4: fill -->
+		<s:Rect id="fill" left="3" right="3" top="2" bottom="3" radiusX="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x446690" 
+									 color.over="0x446690" 
+									 color.down="0x2B405C"
+									 alpha="1.0"/>
+					<s:GradientEntry color="0x496C9A" 
+									 color.over="0x496C9A" 
+									 color.down="0x2F4563" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+					<s:GradientEntry color="0x3D5A80" 
+									 color.over="0x3D5A80" 
+									 color.down="0x354D6F" 
+									 alpha="1.0" 
+									 ratio=".9"/>
+					<s:GradientEntry color="0x385275" 
+									 color.over="0x385275" 
+									 color.down="0x314867" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Thumb Icon DropShadow -->
+		<s:Group verticalCenter="0" horizontalCenter="0">
+			<s:Rect width="3" height="2" top="0">
+				<s:fill>
+					<s:SolidColor
+						color="0x000000"
+						alpha=".3"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="3">
+				<s:fill>
+					<s:SolidColor
+						color="0x000000"
+						alpha=".3"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="6">
+				<s:fill>
+					<s:SolidColor
+						color="0x000000"
+						alpha=".3"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="9">
+				<s:fill>
+					<s:SolidColor
+						color="0x000000"
+						alpha=".3"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+		<!-- Thumb Icon -->
+		<s:Group verticalCenter="-1" horizontalCenter="0">
+			<s:Rect width="3" height="2" top="0">
+				<s:fill>
+					<s:SolidColor
+						color="0xAFAFAF"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="3">
+				<s:fill>
+					<s:SolidColor
+						color="0xAFAFAF"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="6">
+				<s:fill>
+					<s:SolidColor
+						color="0xAFAFAF"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="3" height="2" top="9">
+				<s:fill>
+					<s:SolidColor
+						color="0xAFAFAF"/>
+				</s:fill>
+			</s:Rect>
+		</s:Group>
+	</s:Group>
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,84 @@
+<?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 track of a Spark VSlider 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">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="down" />
+        <s:State name="over" />
+        <s:State name="disabled" />
+    </s:states>
+
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="-1" bottom="0" width="15">
+		<s:fill>
+			<s:SolidColor 	color="0x496C9A" 
+							color.over="0x496C9A" 
+							color.down="0x496C9A"/>
+		</s:fill>
+		
+	</s:Rect>
+	<!-- Layer 2: Track Fill -->
+	<s:Rect id="trackFill" left="1" right="1" top="-1" bottom="0" width="13">
+		<s:fill>
+			<s:LinearGradient>
+				<s:GradientEntry color="0xBABABA" 
+								 color.over="0xBABABA" 
+								 color.down="0xBABABA" 
+								 ratio="0"
+								 />
+				<s:GradientEntry color="0xE4E4E4" 
+								 color.over="0xE4E4E4" 
+								 color.down="0xE4E4E4" 
+								 ratio=".2"
+								 />
+				<s:GradientEntry color="0xE4E4E4" 
+								 color.over="0xE4E4E4" 
+								 color.down="0xE4E4E4" 
+								 ratio=".8"
+								 />
+				<s:GradientEntry color="0xBABABA" 
+								 color.over="0xBABABA" 
+								 color.down="0xBABABA" 
+								 ratio="1.0"
+								 />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VScrollBarTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,73 @@
+<?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 VSlider component. The thumb and track skins are defined by the
+VSliderThumbSkin and VSliderTrackSkin classes, respectively. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+	  minWidth="11" minHeight="100"
+	  alpha.disabled="0.5">
+
+    <fx:Metadata>
+    <![CDATA[ 
+	/** 
+	 * @copy spark.skins.default.ApplicationSkin#hostComponent
+	 */
+    	[HostComponent("spark.components.VSlider")]
+    ]]>
+    </fx:Metadata> 
+    
+    
+    <s:states>
+    	<s:State name="normal" />
+    	<s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+	<!--- Defines the appearance of the the Slider's DataTip. To customize the DataTip's appearance, create a custom VSliderSkin class. -->
+        <fx:Component id="dataTip">
+            <s:DataRenderer minHeight="18" minWidth="40" x="20"> 
+                <s:Rect top="0" left="0" right="0" bottom="0" radiusX="2">
+					<s:fill>
+						<s:SolidColor color="0x333333" alpha=".9"/>
+					</s:fill>
+					<s:filters>
+    					<s:DropShadowFilter angle="90" color="0x000000" distance="3"/>
+    				</s:filters>
+                </s:Rect>
+                <s:Label id="labelDisplay" text="{data}"
+                         horizontalCenter="0" verticalCenter="1"
+                         left="3" right="3" top="3" bottom="3"
+                         textAlign="center" verticalAlign="middle"
+                         fontWeight="normal" color="white" fontSize="11">
+                </s:Label>
+            </s:DataRenderer>
+		</fx:Component>
+    </fx:Declarations>
+    
+    <!--- Defines the skin class for the VSliderSkin's track. The default skin class is VSliderTrackSkin. -->
+    <!-- using a graphical skin, need to increase constraints right and left so track does not scale to the bounding height of the thumb -->
+    <s:Button id="track" left="4" right="4" top="0" bottom="0" 
+              skinClass="cobalt.skins.VSliderTrackSkin"/>
+    <!--- Defines the skin class for the VSliderSkin's thumb. The default skin class is VSliderThumbSkin. -->
+    <s:Button id="thumb" left="0" right="0" width="11" height="11" 
+               skinClass="cobalt.skins.VSliderThumbSkin"/>
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,121 @@
+<?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 thumb of a Spark HSlider 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">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:Group verticalCenter="0" minHeight="11" minWidth="11">
+		<!-- Layer 1: border -->
+		<s:Rect id="border" left="0" right="0" top="0" bottom="0" radiusX="2">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x5C85B8" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x43658F" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 2: innerBorder -->
+		<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" radiusX="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x557FB5" 
+									 color.over="0x77B1D2" 
+									 color.down="0x344E6D" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x42628A" 
+									 color.over="0x5C89B9" 
+									 color.down="0x3E5A80"
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 3: insetBorder -->
+		<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" radiusX="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x426089" 
+									 color.over="0x426089" 
+									 color.down="0x263852" 
+									 alpha="1.0" />
+					<s:GradientEntry color="0x304663" 
+									 color.over="0x304663" 
+									 color.down="0x2E4260" 
+									 alpha="1.0" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<!-- Layer 4: fill -->
+		<s:Rect id="fill" left="3" right="3" top="3" bottom="3" radiusX="1">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0x446690" 
+									 color.over="0x446690" 
+									 color.down="0x2B405C"
+									 alpha="1.0"/>
+					<s:GradientEntry color="0x496C9A" 
+									 color.over="0x496C9A" 
+									 color.down="0x2F4563" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+					<s:GradientEntry color="0x3D5A80" 
+									 color.over="0x3D5A80" 
+									 color.down="0x354D6F" 
+									 alpha="1.0" 
+									 ratio=".9"/>
+					<s:GradientEntry color="0x385275" 
+									 color.over="0x385275" 
+									 color.down="0x314867" 
+									 alpha="1.0" 
+									 ratio=".1"/>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+	</s:Group>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,79 @@
+<?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 track of a Spark VSlider 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">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata> 
+	
+	
+	<s:states>
+		<s:State name="up" />
+		<s:State name="down" />
+		<s:State name="over" />
+		<s:State name="disabled" />
+	</s:states>
+	<!-- Left Edge Track -->
+	<s:Rect left="0" top="1" bottom="1" width="1">
+		<s:fill>
+			<s:SolidColor color="0x585F63"/>
+		</s:fill>
+	</s:Rect>
+	<!-- Inner Track tips-->
+	<s:Rect left="1" right="1" top="0" bottom="0" width="1">
+		<s:fill>
+			<s:SolidColor color="0x999999"/>
+		</s:fill>
+	</s:Rect>
+	<!-- Inner Track-->
+	<s:Rect left="1" top="1" bottom="1" width="1">
+		<s:fill>
+			<s:SolidColor color="0xFFFFFF"/>
+		</s:fill>
+	</s:Rect>
+	<!-- Right Edge Track -->
+	<s:Rect right="0" top="1" bottom="1" width="1">
+		<s:fill>
+			<s:SolidColor color="0x999999"/>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- hit area -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor alpha="0"/>
+		</s:fill>
+	</s:Rect>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VSliderTrackSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,240 @@
+<?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 VideoPlayer 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" 
+			 >
+	
+	<!-- host component -->
+	<fx:Metadata>
+		[HostComponent("spark.components.VideoPlayer")]
+	</fx:Metadata>
+	
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="uninitialized" stateGroups="uninitializedStates, normalStates" />
+		<s:State name="loading" stateGroups="loadingStates, normalStates" />
+		<s:State name="ready" stateGroups="readyStates, normalStates" />
+		<s:State name="playing" stateGroups="playingStates, normalStates" />
+		<s:State name="paused" stateGroups="pausedStates, normalStates" />
+		<s:State name="buffering" stateGroups="bufferingStates, normalStates" />
+		<s:State name="playbackError" stateGroups="playbackErrorStates, normalStates" />
+		<s:State name="disabled" stateGroups="disabledStates, normalStates"/>
+		<s:State name="uninitializedAndFullScreen" stateGroups="uninitializedStates, fullScreenStates" />
+		<s:State name="loadingAndFullScreen" stateGroups="loadingStates, fullScreenStates" />
+		<s:State name="readyAndFullScreen" stateGroups="readyStates, fullScreenStates" />
+		<s:State name="playingAndFullScreen" stateGroups="playingStates, fullScreenStates" />
+		<s:State name="pausedAndFullScreen" stateGroups="pausedStates, fullScreenStates" />
+		<s:State name="bufferingAndFullScreen" stateGroups="bufferingStates, fullScreenStates" />
+		<s:State name="playbackErrorAndFullScreen" stateGroups="playbackErrorStates, fullScreenStates" />
+		<s:State name="disabledAndFullScreen" stateGroups="disabledStates, fullScreenStates"/>
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="17" blurY="17" alpha="0.32" distance="4" 
+							 angle="90" color="#131313" left="0" top="0" right="0" bottom="0"
+							 excludeFrom="fullScreenStates"/>
+	
+	<!-- video and player controls are clipped if they exceed the size of the 
+	component, but the drop shadow above is not clipped and sizes to the component -->
+	<s:Group clipAndEnableScrolling="true" left="0" top="0" right="0" bottom="0">
+		
+		<!-- There's a minimum size for the video and controls.  If we go below that
+		we are clipped. -->
+		<s:Group minWidth="263" minHeight="184" left="0" right="0" top="0" bottom="0">
+			
+			<!-- background when the videoElement doesn't fill its whole spot -->
+			<s:Rect bottom="1" left="1" right="1" top="1"
+					bottom.fullScreenStates="0" left.fullScreenStates="0" 
+					right.fullScreenStates="0" top.fullScreenStates="0">
+				<s:fill>
+					<s:SolidColor color="0x324C6C" />
+				</s:fill>
+			</s:Rect>
+			
+			<!--- The subcomponent that loads the video but does not define the appearance of the VideoPlayer component. -->
+			<s:VideoDisplay id="videoDisplay" bottom="24" left="1" right="1" top="1" 
+					bottom.fullScreenStates="0" left.fullScreenStates="0" 
+					right.fullScreenStates="0" top.fullScreenStates="0" />
+			
+			<!-- video player controls -->
+			<s:Group left="0" right="0" height="24" bottom="0" bottom.fullScreenStates="150">
+				
+				<!-- actual controls with a maxWidth in non-fullScreen mode -->
+				<s:Group bottom="0" horizontalCenter="0" left="0" right="0" maxWidth.fullScreenStates="755" id="playerControls">
+					
+					<!--- Defines the label and appearance of the Play/Pause button. -->
+					<s:ToggleButton id="playPauseButton" left="0" bottom="0" 
+									skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerPlayPauseButtonSkin" 
+									skinClass.fullScreenStates="cobalt.skins.mediaClasses.normal.VideoPlayerPlayPauseButtonSkin"
+									focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+					
+					<!-- scrubbar + the playHeadTime/totalTime labels -->
+					<s:Group left="39" right="75" top="0" bottom="0">
+						<!-- background for scrubbar + the playHeadTime/totalTime -->
+						<s:Rect id="border" left="0" right="0" top="0" bottom="0" >
+							<s:fill>
+								<s:LinearGradient rotation="90">
+									<s:GradientEntry color="0x426089" 
+													 alpha="1.0" />
+									<s:GradientEntry color="0x304663"
+													 alpha="1.0" />
+								</s:LinearGradient>
+							</s:fill>
+						</s:Rect>
+						<!-- Layer 2: innerBorder -->
+						<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1" >
+							<s:fill>
+								<s:LinearGradient rotation="90">
+									<s:GradientEntry color="0x557FB5" 
+													 alpha="1.0" />
+									<s:GradientEntry color="0x42628A"
+													 alpha="1.0" />
+								</s:LinearGradient>
+							</s:fill>
+						</s:Rect>
+						<!-- Layer 3: insetBorder -->
+						<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" >
+							<s:fill>
+								<s:LinearGradient rotation="90">
+									<s:GradientEntry color="0x426089" 
+													 alpha="1.0" />
+									<s:GradientEntry color="0x304663"
+													 alpha="1.0" />
+								</s:LinearGradient>
+							</s:fill>
+						</s:Rect>
+						<!-- Layer 4: fill -->
+						<s:Rect id="fill" left="3" right="3" top="3" bottom="3" >
+							<s:fill>
+								<s:LinearGradient rotation="90">
+									<s:GradientEntry color="0x446690"
+													 alpha="1.0"/>
+									<s:GradientEntry color="0x496C9A" 
+													 alpha="1.0" 
+													 ratio=".1"/>
+									<s:GradientEntry color="0x3D5A80" 
+													 alpha="1.0" 
+													 ratio=".9"/>
+									<s:GradientEntry color="0x385275"
+													 alpha="1.0" 
+													 ratio=".1"/>
+								</s:LinearGradient>
+							</s:fill>
+						</s:Rect>
+						
+						
+						<!-- layer 2: One pixel stroke inside border (exclude in downStates) -->
+						<s:Rect left="1" right="1" top="1" bottom="1" rotation="90">
+							<s:stroke>
+								<s:LinearGradientStroke weight="1">
+									<s:GradientEntry color="0x557FB5" 
+													 />
+									<s:GradientEntry color="0x5075A7" 
+													 />
+								</s:LinearGradientStroke>
+							</s:stroke>
+						</s:Rect>
+						
+						<!-- border for the scrubbar/time label controls -->
+						<s:Rect left="-1" right="0" top="0" bottom="0">
+							<s:stroke>
+								<s:SolidColorStroke color="0x131313" color.fullScreenStates="0x222222" alpha.fullScreenStates="0.66"  />
+							</s:stroke>
+						</s:Rect>
+						
+						<!-- scrub bar + playHeadTime/totalTime in a HorizontalLayout -->
+						<s:Group left="0" right="0" height="23" bottom="0">
+							<s:layout>
+								<s:HorizontalLayout verticalAlign="middle" gap="1" />
+							</s:layout>
+							
+							<!-- spacer -->
+							<s:Rect width="7" height="1" />
+							
+							<s:ScrubBar id="scrubBar" width="100%" liveDragging="true"
+										skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerScrubBarSkin"
+										skinClass.fullScreenStates="cobalt.skins.mediaClasses.normal.VideoPlayerScrubBarSkin" />
+							
+							<!-- spacer -->
+							<s:Rect width="8" height="1" />
+							
+							<s:Label id="currentTimeDisplay" 
+									 color="0xFFFFFF"
+									 color.fullScreenStates="0xFFFFFF" />
+							
+							<s:Label id="timeDivider" text="/" 
+									 color="0xFFFFFF"
+									 color.fullScreenStates="0xFFFFFF" />
+							
+							<s:Label id="durationDisplay" 
+									 color="0xFFFFFF"
+									 color.fullScreenStates="0xFFFFFF" />
+							
+							<!-- spacer -->
+							<s:Rect width="8" height="1" />
+						</s:Group>
+						
+					</s:Group>
+					
+					<!--- Defines the appearance of the volume bar. -->
+					<s:VolumeBar id="volumeBar" snapInterval=".01" stepSize=".01" liveDragging="true"
+								 right="37" bottom="0" 
+								 skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerVolumeBarSkin"
+								 skinClass.fullScreenStates="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenVolumeBarSkin"
+								 focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+					
+					<!--- Defines the label and appearance of the Fullscreen button. -->
+					<s:Button id="fullScreenButton" right="0" bottom="0" label="Fullscreen" 
+							  skinClass="cobalt.skins.mediaClasses.normal.VideoPlayerFullScreenButtonSkin"
+							  skinClass.fullScreenStates="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenFullScreenButtonSkin"
+							  focusIn="event.target.depth=1" focusOut="event.target.depth=0" />
+					
+				</s:Group>
+				<!-- HRule above control bar-->
+				<s:Rect left="0" right="0" top="-1" bottom="0" excludeFrom="fullScreenStates">
+					<s:stroke>
+						<s:SolidColorStroke color="0x131313" />
+					</s:stroke>
+				</s:Rect>
+				
+			</s:Group>
+			
+			<!-- border around player-->
+			<s:Rect left="0" right="0" top="0" bottom="0" excludeFrom="fullScreenStates">
+				<s:stroke>
+					<s:SolidColorStroke color="0x131313" />
+				</s:stroke>
+			</s:Rect>
+			
+			
+			
+		</s:Group>
+	</s:Group>
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/VideoPlayerSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,266 @@
+<?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 fullScreen button of a Spark VideoPlayer 
+      component while in the fullScreen state. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"  
+      alpha.disabled="0.5">
+
+    <!-- host component -->
+    <fx:Metadata>
+        [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" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+    
+    <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+    <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+        <s:stroke>
+            <s:SolidColorStroke color="0x222222" alpha="0.66" />
+        </s:stroke>
+    </s:Rect>
+    
+    <!-- full screen symbol -->
+    <s:Group horizontalCenter="0" verticalCenter="-1" id="fullScreenSymbol">
+        <!-- size of area so left, right, bottom, top work well -->
+        <s:Rect left="0" top="0" width="26" height="17">
+            <s:stroke>
+                <s:SolidColorStroke alpha="0" />
+            </s:stroke>
+        </s:Rect>
+    
+        <!-- background for big rectangle -->
+        <s:Rect left="5" top="3" right="5" bottom="3">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        <!-- dropshadow -->
+        <s:Rect bottom="2" left="5" right="5" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- inside rect1 -->
+        <s:Rect left="6" top="4" right="6" bottom="4">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- inside rect2 -->
+        <s:Rect left="7" top="5" right="7" bottom="5">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha=".6"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- top-left -->
+        <!-- dropshadow -->
+        <s:Rect left="0" top="3" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <!-- <s:Rect left="2" top="1" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".75"/>
+            </s:fill>
+        </s:Rect> -->
+        <!-- symbol -->
+        <s:Rect left="0" top="2" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect left="2" top="0" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- top-right -->
+        <!-- dropshadow -->
+        <s:Rect right="0" top="3" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <!-- <s:Rect right="2" top="1" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".75"/>
+            </s:fill>
+        </s:Rect> -->
+        <!-- symbol -->
+        <s:Rect right="0" top="2" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect right="2" top="0" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- bottom-left -->
+        <!-- dropshadow -->
+        <s:Rect left="0" bottom="2" width="2" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect left="2" bottom="0" width="1" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <!-- symbol -->
+        <s:Rect left="0" bottom="3" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect left="2" bottom="1" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha="1"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- bottom-right -->
+        <!-- dropshadow -->
+        <s:Rect right="0" bottom="2" width="2" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect right="2" bottom="0" width="1" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".5"/>
+            </s:fill>
+        </s:Rect>
+        <!-- symbol -->
+        <s:Rect right="0" bottom="3" width="3" height="1">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha=".75"/>
+            </s:fill>
+        </s:Rect>
+        <s:Rect right="2" bottom="1" width="1" height="2">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha=".75"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- bar down below -->
+        <s:Rect left="10" bottom="1" right="10" height="1">
+            <s:fill>
+                <s:SolidColor color="0xD1E5F2" alpha=".75"/>
+            </s:fill>
+        </s:Rect>
+        <!-- dropshadow -->
+        <s:Rect left="10" bottom="0" right="10" height="1">
+            <s:fill>
+                <s:SolidColor color="0x000000" alpha=".8"/>
+            </s:fill>
+        </s:Rect>
+    </s:Group>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenFullScreenButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,178 @@
+<?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 play/pause button of a Spark VideoPlayer 
+      component while in the fullScreen state. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+      alpha.disabledStates="0.5">
+
+    <!-- host component -->
+    <fx:Metadata>
+        [HostComponent("spark.components.ToggleButton")]
+    </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>
+        
+	<!-- Layer 1: border -->
+	<s:Rect id="border" left="0" right="0" top="0" bottom="0" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x5C85B8" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x43658F" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 2: innerBorder -->
+	<s:Rect id="innerBorder" left="1" right="1" top="1" bottom="1">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x557FB5" 
+								 color.over="0x77B1D2" 
+								 color.down="0x344E6D" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x42628A" 
+								 color.over="0x5C89B9" 
+								 color.down="0x3E5A80"
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 3: insetBorder -->
+	<s:Rect id="insetBorder" left="2" right="2" top="2" bottom="2" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x426089" 
+								 color.over="0x426089" 
+								 color.down="0x263852" 
+								 alpha="1.0" />
+				<s:GradientEntry color="0x304663" 
+								 color.over="0x304663" 
+								 color.down="0x2E4260" 
+								 alpha="1.0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- Layer 4: fill -->
+	<s:Rect id="fill" left="3" right="3" top="3" bottom="3" >
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x446690" 
+								 color.over="0x446690" 
+								 color.down="0x2B405C"
+								 alpha="1.0"/>
+				<s:GradientEntry color="0x496C9A" 
+								 color.over="0x496C9A" 
+								 color.down="0x2F4563" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+				<s:GradientEntry color="0x3D5A80" 
+								 color.over="0x3D5A80" 
+								 color.down="0x354D6F" 
+								 alpha="1.0" 
+								 ratio=".9"/>
+				<s:GradientEntry color="0x385275" 
+								 color.over="0x385275" 
+								 color.down="0x314867" 
+								 alpha="1.0" 
+								 ratio=".1"/>
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+    
+    <!-- layer 4: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+    <s:Rect left="0" right="0" top="0" bottom="0" width="38" height="24">
+        <s:stroke>
+            <s:SolidColorStroke color="0x222222" alpha="0.66" />
+        </s:stroke>
+    </s:Rect>
+    
+    <!-- play symbol -->
+    <s:Group horizontalCenter="0" verticalCenter="0" excludeFrom="selectedStates" id="playSymbol">
+        <!-- triangle -->
+        <s:Path winding="evenOdd" data="M 1 0 L 1 13 L 8 7 L 1 0 Z">
+            <s:fill>
+                <s:SolidColor color="0xFFFFFF" alpha="0.75"/>
+            </s:fill>
+        </s:Path>
+        
+        <!-- triangle drop shadow on bottom/right -->
+        <s:Line xFrom="1" xTo="7" yFrom="13" yTo="7">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.33" />
+            </s:stroke>
+        </s:Line>
+        
+        <!-- line on left of triangle -->
+        <s:Line x="0" yFrom="0" yTo="13">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.33" />
+            </s:stroke>
+        </s:Line>
+    </s:Group>
+    
+    <!-- pause symbol -->
+    <s:Group horizontalCenter="0" verticalCenter="0" includeIn="selectedStates" id="pauseSymbol">
+        
+        <!-- big line on left -->
+        <s:Rect left="0" top="0" height="10" width="3">
+            <s:fill>
+                <s:SolidColor color="0xFFFFFF" alpha="0.75"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- big line on right -->
+        <s:Rect left="4" top="0" height="10" width="3">
+            <s:fill>
+                <s:SolidColor color="0xFFFFFF" alpha="0.75"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!-- drop shadows -->
+        <s:Line xFrom="0" xTo="3" y="11">
+            <s:stroke>
+                <s:SolidColorStroke color="0x404040" />
+            </s:stroke>
+        </s:Line>
+        <s:Line xFrom="4" xTo="7" y="11">
+            <s:stroke>
+                <s:SolidColorStroke color="0x404040" />
+            </s:stroke>
+        </s:Line>
+    </s:Group>
+    
+</s:Skin>
\ No newline at end of file

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenPlayPauseButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,116 @@
+<?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 scrub bar of a Spark VideoPlayer 
+      component while in the fullScreen state. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
+      minHeight="14" minWidth="60"
+      alpha.disabled="0.5">
+
+    <fx:Metadata>
+        [HostComponent("spark.components.mediaClasses.ScrubBar")]
+    </fx:Metadata>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+        <fx:Component id="dataTip">     
+           <s:DataRenderer minHeight="24" minWidth="40" y="-34">  
+              <s:Rect top="0" left="0" right="0" bottom="0">
+                    <s:fill>
+                        <s:SolidColor color="0x000000" alpha=".9"/>
+                    </s:fill>
+                    <s:filters>
+                        <s:DropShadowFilter angle="90" color="0x999999" distance="3"/>
+                    </s:filters>
+                </s:Rect>
+                <s:Label id="labelDisplay" text="{data}"
+                         horizontalCenter="0" verticalCenter="1"
+                         left="5" right="5" top="5" bottom="5"
+                         textAlign="center" verticalAlign="middle"
+                         fontWeight="normal" color="white" fontSize="11">
+                </s:Label>
+            </s:DataRenderer>
+       </fx:Component>
+    </fx:Declarations>
+    
+    <s:Button id="track" left="0" right="0" top="0" height="14"
+              skinClass="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenScrubBarTrackSkin" />
+              
+    <s:Group id="bufferedArea" left="0" top="0" height="14">
+    
+        <!-- inset 7 pixels because that's thumbSize/2 -->
+        <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+        
+            <!-- fill -->
+            <s:Rect left="0" right="0" top="0" bottom="0">
+                <s:fill>
+                    <s:LinearGradient rotation="90">
+                        <s:GradientEntry color="0xFFFFFF" alpha="0.33"/>
+                        <s:GradientEntry color="0xE1E1E1" alpha="0.33"/>
+                    </s:LinearGradient>
+                </s:fill>
+            </s:Rect>
+            
+            <!-- black line on top -->
+            <!-- set width to 100%, maxWidth=1, minWidth=0 b/c only want this line to show up 
+                 if there's room for it -->
+            <s:Rect right="0" left="0" top="0">
+                <s:fill>
+                    <s:SolidColor color="0x000000" alpha=".18"/>
+                </s:fill>
+            </s:Rect>
+            
+        </s:Group>    
+    </s:Group>
+    
+    <s:Group id="playedArea" left="0" top="0" height="14">
+    
+        <!-- inset 7 pixels because that's thumbSize/2 -->
+        <s:Group left="7" right="7" top="0" bottom="0" minWidth="0">
+        
+            <!-- fill -->
+            <s:Rect left="0" right="0" top="0" bottom="0">
+                <s:fill>
+                    <s:LinearGradient rotation="90">
+                        <s:GradientEntry color="0xEBECF2"/>
+                        <s:GradientEntry color="0xD2D3D8"/>
+                    </s:LinearGradient>
+                </s:fill>
+            </s:Rect>
+            
+            <!-- border -->
+            <s:Rect left="0" right="0" top="0" bottom="0" minWidth="0">
+                <s:stroke>
+                    <s:SolidColorStroke color="0x000000" alpha="0.85" />
+                </s:stroke>
+            </s:Rect>
+            
+        </s:Group>  
+    </s:Group>
+    
+    <s:Button id="thumb" top="0" bottom="0" width="14" includeInLayout="false"
+              skinClass="cobalt.skins.mediaClasses.fullScreen.VideoPlayerFullScreenScrubBarThumbSkin" />
+
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml?rev=1350373&view=auto
==============================================================================
--- incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml (added)
+++ incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml Thu Jun 14 18:53:27 2012
@@ -0,0 +1,110 @@
+<?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 scrub bar thumb part of a Spark VideoPlayer 
+      component while in the fullScreen state. -->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
+
+    <fx:Metadata>
+        [HostComponent("spark.components.Button")]
+    </fx:Metadata>
+    
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <!-- black line/pointer on top of symbol -->
+    <s:Line x="6" width="1" yFrom="0" yTo="5">
+        <s:stroke>
+            <s:SolidColorStroke color="0x000000"/>
+        </s:stroke>
+    </s:Line>
+    
+    <!-- TODO: this part is a little fuzzy...what can we do to make it better? -->
+    
+    <!-- now the base shape of the component -->
+    <s:Group y="5">
+    
+        <!-- drop shadow for shape -->
+        <s:Line xFrom="2" xTo="11" y="12">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.5" />
+            </s:stroke>
+        </s:Line>
+        <s:Line yFrom="5" yTo="13" x="1">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.12" />
+            </s:stroke>
+        </s:Line>
+        <s:Line yFrom="5" yTo="13" x="11">
+            <s:stroke>
+                <s:SolidColorStroke color="0x000000" alpha="0.12" />
+            </s:stroke>
+        </s:Line>
+        
+        <!-- shape border -->
+        <s:Path winding="evenOdd" data="M 2 5 L 2 12 L 11 12 L 11 5 L 6 0 L 2 5 Z">
+            <s:fill>
+                <s:SolidColor color="0x000000"/>
+            </s:fill>
+        </s:Path>
+    
+        <!-- shape fill -->
+        <s:Path winding="evenOdd" data="M 3 6 L 3 11 L 10 11 L 10 6 L 6 1 L 3 6 Z">
+            <s:fill>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0xFFFFFF" />
+                    <s:GradientEntry color="0xE1E1E1" />
+                </s:LinearGradient>
+            </s:fill>
+            <s:fill.over>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0x676767" />
+                    <s:GradientEntry color="0x363636" />
+                </s:LinearGradient>
+            </s:fill.over>
+            <s:fill.down>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry color="0x9A9A9A" />
+                    <s:GradientEntry color="0xAAAAAA" />
+                </s:LinearGradient>
+            </s:fill.down>
+        </s:Path>
+        
+        <!-- shape fill highlight -->
+        <s:Path winding="evenOdd" data="M 3 6 L 3 11 L 10 11 L 10 6 L 6 1 L 3 6 Z">
+            <s:fill>
+                <s:SolidColor color="0xFFFFFF" alpha="0.22"/>
+            </s:fill>
+        </s:Path>  
+    </s:Group>
+    
+    <!-- for sizing/hit-test only -->
+    <s:Rect width="14" height="19">
+        <s:fill>
+            <s:SolidColor color="0x000000" alpha="0" />
+        </s:fill>
+    </s:Rect>
+    
+</s:Skin>

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/trunk/samples/themes/cobalt/src/cobalt/skins/mediaClasses/fullScreen/VideoPlayerFullScreenScrubBarThumbSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain



Mime
View raw message