<?xml version="1.0" encoding="utf-8"?> <GraphicBorderSkin xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="com.degrafa.skins.*" xmlns:paint="com.degrafa.paint.*" xmlns:geometry="com.degrafa.geometry.*"> <mx:Script> <![CDATA[ import mx.utils.ColorUtil; [Bindable] private var awidth:Number; [Bindable] private var aheight:Number; override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void { var primary:uint = this.getStyle( 'borderColor' ); theStroke.color = primary; MC1.color = ColorUtil.adjustBrightness( primary, 50 ); MC2.color = ColorUtil.adjustBrightness( primary, 70 ); super.updateDisplayList(unscaledWidth, unscaledHeight); awidth = unscaledWidth; aheight = unscaledHeight; } ]]> </mx:Script> <fills> <paint:LinearGradientFill id="MainFill" angle="90" > <paint:GradientStop id="MC1" color="#EE9819"/> <paint:GradientStop id="MC2" color="#FAE38F"/> </paint:LinearGradientFill> <paint:LinearGradientFill id="WashFill" angle="90" > <paint:GradientStop alpha=".75" color="#FFFFFF"/> <paint:GradientStop alpha="0" color="#FFFFFF"/> </paint:LinearGradientFill> </fills> <stroke> <paint:SolidStroke color="#EE9819" id="theStroke" weight="1" /> </stroke> <geometry> <geometry:RoundedRectangle cornerRadius="9" height="{aheight}" width="{awidth}" fill="{MainFill}" stroke="{theStroke}" /> <geometry:RoundedRectangle cornerRadius="7" height="{aheight/1.7}" width="{awidth-4}" x="2" y="2" fill="{WashFill}" /> </geometry> </GraphicBorderSkin>