<!--

      ADOBE SYSTEMS INCORPORATED
      Copyright 2009 Adobe Systems Incorporated
      All Rights Reserved.

      NOTICE: Adobe permits you to use, modify, and distribute this file
      in accordance with the terms of the license agreement accompanying it.

-->
<!--- A skin class for the Spark WindowedApplication and Window containers. 
      This class defines just a border and status bar, but no gripper button, 
      title bar, or title bar buttons.
      
      <p>You can either use  system chrome, the FlexChromSkin class, or 
      the WindowedApplicationSkin class to define the appearance of 
      the WindowedApplication and Window containers. 
      To use the WindowedApplicationSkin class with the WindowedApplication container, 
      set <code>systemChrome</code> to "none" 
      in the application's .xml file, and set the <code>skinClass</code> style to
      spark.skins.spark.WindowedApplicationSkin. 
      To use the WindowedApplicationSkin class with the Window container, 
      set the <code>Window.systemChrome</code> property to "none", 
      and set the <code>skinClass</code> style to
      spark.skins.spark.WindowedApplicationSkin.</p>

      @see spark.components.WindowedApplication
       
      @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" 
    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabledGroup="0.5" >
     <fx:Metadata>[HostComponent("spark.components.WindowedApplication")]</fx:Metadata>

    <fx:Script fb:purpose="styling">
        /*  Define the skin elements that should not be colorized. 
         *  For WindowedApplication, border and status bar background are colorized,
         *  but the content area and status text are not. 
         *  Exclude the titleBar and scroller because they are SparkSkins and we 
         *  don't want to colorize them twice.
         * 
         * @langversion 3.0
         * @playerversion Flash 10
         * @playerversion AIR 1.5
         * @productversion Flex 4 
         */
        static private const exclusions:Array = ["backgroundRect", "contentGroup", "statusText"];
        
        /**
         * @private
         */
        override public function get colorizeExclusions():Array {return exclusions;}
        
        /**
         * @private
         */
        override protected function initializationComplete():void
        {
            useChromeColor = true;
            super.initializationComplete();
        } 
        
        /**
         *  @private
         */
      
    </fx:Script>
    
     <s:states>
        <s:State name="normal" />
        <s:State name="disabled" stateGroups="disabledGroup" />
        <s:State name="normalAndInactive" stateGroups="inactiveGroup" />
        <s:State name="disabledAndInactive" stateGroups="disabledGroup, inactiveGroup" />
    </s:states>

    <!-- layer 1: background fill -->
    <!--- Defines the background color of the skin. -->
    <s:Group x="2.7915" y="3.18799" d:type="layer" d:userLabel="Calque 1" xmlns:d="http://ns.adobe.com/fxg/2008/dt" alpha=".85">
        <s:Group x="39.2085" y="50.812">
            <s:Path winding="nonZero" data="M388 0L40.6675 0 39.0571 2.48242 52.8608 35.8247 18 26.5 0 41.8677 0 446C0 452.627 5.37256 458 12 458L388 458C394.627 458 400 452.627 400 446L400 12C400 5.37256 394.627 0 388 0Z" >
                <s:fill>
                    <s:LinearGradient x="-0.313477" y="42.2046" scaleX="571.383" rotation="43">
                        <s:GradientEntry color="#ffffba" ratio="0"/>
                        <s:GradientEntry color="#fb993b" ratio="1"/>
                    </s:LinearGradient>
                </s:fill>
            </s:Path>
        </s:Group>
        <s:Group>
            <s:Path winding="nonZero" data="M38.4321 0L58.5908 25.5679 91.0127 22.582 73.0049 50.6646 85.0767 81.2144 53.7886 73.0024 28.8276 94.8687 27.498 61.7114 0 44.6758 30.4668 32.3955 38.4321 0Z" >
                <s:fill>
                    <s:LinearGradient x="19.1357" y="20.6929" scaleX="89.502" rotation="43">
                        <s:GradientEntry color="#ffffba" ratio="0"/>
                        <s:GradientEntry color="#fb993b" ratio="1"/>
                    </s:LinearGradient>
                </s:fill>
            </s:Path>
        </s:Group>
        <s:filters>
            <s:DropShadowFilter alpha="0.5" angle="80" blurX="8" blurY="8" distance="2"/>
        </s:filters>
    </s:Group>

    
    

    <!-- layer 2:titleBar + content  -->
    <s:Group left="42" right="8" top="20" bottom="8" minHeight="24" minWidth="0" >
        <s:layout>
            <s:VerticalLayout gap="0"/>
        </s:layout>
        <s:TitleBar id="titleBar" width="100%" height="27" skinClass="myTitleBar"/>    
        
        
        <!-- content -->
        <!--- @copy spark.components.SkinnableContainer#contentGroup -->
        <s:Group id="contentGroup" width="100%" height="100%" minHeight="0" minWidth="0"/>
        
        
    </s:Group>

</s:SparkSkin>