<?xml version="1.0" encoding="UTF-8"?>
<!--
****************************************************************************

     File Name:   imAppLibStyles.box

****************************************************************************
   C O P Y R I G H T   A N D   C O N F I D E N T I A L I T Y   N O T I C E
****************************************************************************

//      Copyright (c) 2006 AOL LLC.  All rights reserved.
//      This software contains valuable confidential and proprietary
//      information of AOL LLC. and is subject to applicable
//      licensing agreements.  Unauthorized reproduction, transmission or
//      distribution of this file and its contents is a violation of
//      applicable laws.
//
//            A O L   C O N F I D E N T I A L

****************************************************************************
-->




<?import href="box://aimToolkit/theme/toolkit.box"?>

<library xmlns="http://www.aol.com/boxely/resource.xsd">
    <imageBrush id="fontbar.brush.bold" fill="box://imApp/resources/bold.png"/>
    <imageBrush id="fontbar.brush.italic" fill="box://imApp/resources/Italic.png"/>
    <imageBrush id="fontbar.brush.underline" fill="box://imApp/resources/Underline.png"/>
    <imageBrush id="fontbar.drop.arrow" fill="box://imApp/resources/blk_arrow.png"/>

    <linearGradientBrush id="imFontGradient">
        <rotateTransform center="30% 30%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#F4F4F4"/>
            <gradientStop offset="100%" color="#F4F4F4"/>
        </gradientStops>
    </linearGradientBrush>
    
    <linearGradientBrush id="accImFontGradient">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="sysColorWindow"/>
            <gradientStop offset="100%" color="sysColorWindow"/>
        </gradientStops>
    </linearGradientBrush>
    
    <linearGradientBrush id="imFontGradientInverted">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#9FA0A2"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="imFontGradientHovered">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#C9CCD1"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>

    <linearGradientBrush id="imFontGradientHoveredInverted">
        <rotateTransform center="50% 50%" angle="-90"/>
        <gradientStops>
            <gradientStop offset="0%" color="#C6C9D2"/>
            <gradientStop offset="100%" color="#FFFFFF"/>
        </gradientStops>
    </linearGradientBrush>
        
    <style id="imFontBarControlStyle" vAlign="center" hAlign="center" margin="0" padding="0">
        <attribute name="toggled" value="true" fill="url(#imFontGradientInverted)">
            <state name="hovered" fill="url(#imFontGradientHoveredInverted)"/>
        </attribute>
        <attribute name="toggled" value="false">
            <state name="hovered" fill="url(#imFontGradientHovered)"/>
        </attribute>
    </style>

    <style id="accImFontBarControlStyle" accStyleFor="imFontBarControlStyle" vAlign="center" hAlign="center" margin="0" padding="0" fill="sysColorWindow">
        <attribute name="toggled" value="true" fill="sysColor3DShadow">
            <state name="hovered" fill="sysColorItemHighlight"/>
        </attribute>
        <attribute name="toggled" value="false">
            <state name="hovered" fill="sysColorItemHighlight"/>
        </attribute>
    </style>

    <style tag="imFontBarTextButton" id="imFontBarTextButtonStyle" inherits="#imFontBarControlStyle,#control" maxHeight="18" margin="3 0" orient="vertical" vAlign="center" stroke="#b2b2b2" strokeWidth="1">
        <part name="container" vAlign="center" margin="1" padding="0"/>
        <part name="frame" vAlign="center" hAlign="center" width="16" height="12" maxHeight="12"/>
        <part id="sample" fontSize="12" layer="above" fontFamily="Arial" fontBold="true" position="fixed" zIndex="3" left="5" right="0" top="-2"/>
        <part name="separator" minWidth="1" height="12" fill="black"/>
        <part name="dropdown" margin="1 3 0 3" width="5" height="3" fill="black" mask="url(#fontbar.drop.arrow)"/>
    </style>

    <style tag="accImFontBarTextButtonStyle" accStyleFor="imFontBarTextButtonStyle" inherits="#accImFontBarControlStyle" maxHeight="18" margin="3 0" orient="vertical" vAlign="center" stroke="sysColorWindowText" strokeWidth="1">
        <part name="container" vAlign="center" margin="1" padding="0"/>
        <part name="frame" vAlign="center" hAlign="center" width="16" height="12" maxHeight="12"/>
        <part id="sample" fontSize="14" layer="above" fontFamily="Tahoma" fontBold="true" position="fixed" zIndex="3" left="5" right="0" top="-2"/>
        <part name="separator" minWidth="1" height="12" fill="black"/>
        <part name="dropdown" margin="1 3 0 3" width="5" height="3" fill="sysColorWindowText" mask="url(#fontbar.drop.arrow)"/>
    </style>

    <style tag="imFontBarImageButton" id="imFontBarImageButtonStyle" inherits="#imFontBarControlStyle,#control" orient="vertical" vAlign="stretch" margin="0" padding="0">
        <part name="container" vAlign="center" margin="0" padding="0" height="20"/>
        <part id="sample" padding="0 2 0 2" />
        <part name="dropdown" margin="1 4 0 3" width="5" height="3" fill="black" mask="url(#fontbar.drop.arrow)"/>
    </style>

    <style tag="accImFontBarImageButtonStyle" accStyleFor="imFontBarImageButtonStyle" inherits="#accImFontBarControlStyle" orient="vertical" vAlign="stretch" margin="0" padding="0">
        <part name="container" vAlign="center" margin="0" padding="0" height="20"/>
        <part id="sample" padding="0 2 0 2"/>
        <part name="dropdown" margin="1 4 0 3" width="5" height="3" fill="sysColorWindowText" mask="url(#fontbar.drop.arrow)"/>
    </style>

    <style tag="imFontBarMenuBox" id="imFontBarMenuBoxStyle" maxHeight="18" margin="3 0" inherits="#imFontBarControlStyle,#control" padding="0"  vAlign="stretch" stroke="#b2b2b2" strokeWidth="1">
        <part name="image" stroke="none" margin="2 2 1 2"/>
        <part name="label" flex="1" stroke="none" fontSize="10" margin="1 3 0 3" crop="right"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="dropdown" margin="1 4 0 3" width="5" height="3" fill="black" mask="url(#fontbar.drop.arrow)"/>
        <part name="menuArea" vAlign="center" hAlign="center" clipLeft="1">
        </part>
    </style>

    <style id="accImFontBarMenuBoxStyle" accStyleFor="imFontBarMenuBoxStyle" maxHeight="18" margin="3 2" inherits="#accImFontBarControlStyle" padding="0"  vAlign="stretch" stroke="sysColorWindowText" strokeWidth="1">
        <part name="image" stroke="none" margin="2 2 1 2"/>
        <part name="label" flex="1" stroke="none" fontSize="10" margin="1 3 0 3" maxWidth="80" crop="right"/>
        <part name="separator" minWidth="1" fill="black"/>
        <part name="dropdown" margin="1 4 0 3" width="5" height="3" fill="sysColorWindowText" mask="url(#fontbar.drop.arrow)"/>
        <part name="menuArea" vAlign="center" hAlign="center" clipLeft="1">
        </part>
    </style>

    <style tag="imFontBarPushButton" id="imThemeTextToolbarPushButton" vAlign="stretch" maxHeight="18" height="18" margin="2 0" inherits="#imFontBarControlStyle,#control">
        <part name="container" vAlign="center" margin="-1 0 0 0"/>
        <part name="icon" fill="black" width="10" height="8"/>
    </style>

    <style id="accImThemeTextToolbarPushButton"  accStyleFor="imThemeTextToolbarPushButton" vAlign="stretch" maxHeight="18" height="18" margin="2 0" inherits="#accImFontBarControlStyle">
        <part name="container" vAlign="center" margin="-1 0 0 0"/>
        <part name="icon" fill="sysColorWindowText" width="10" height="8"/>
    </style>

    <style id="imThemeTextToolbarPushButtonUnderline" inherits="#imFontBarPushButton">
        <part name="icon" height="11"/>
    </style>

    <style id="accImThemeTextToolbarPushButtonUnderline"  accStyleFor="imThemeTextToolbarPushButtonUnderline" inherits="#accImThemeTextToolbarPushButton">
        <part name="icon" height="11"/>
    </style>

    <style tag="imAppFontToolbar" id="imAppFontToolbarStyle">
        <part name="insideSeparators" maxHeight="20" minHeight="20" fill="url(#imFontGradient)"/>
    </style>
    
    <style id="accImAppFontToolbar" accStyleFor="imAppFontToolbarStyle">
        <part name="insideSeparators" maxHeight="20" minHeight="20" fill="url(#accImFontGradient)"/>
    </style>
</library>
    
