<?xml version="1.0" encoding="utf-8"?>
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:system="clr-namespace:System;assembly=mscorlib" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:C1Extended_Demo" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">

    <Style x:Key="ButtonGeneric" TargetType="Button">
        <!--<Setter Property="BorderBrush" Value="#00FFFFFF"/>
        <Setter Property="Background" Value="#00A9A9A9"/>-->
        <Setter Property="BorderBrush" Value="#00FFFFFF" />
        <Setter Property="Background" Value="#00A9A9A9" />
        <Setter Property="Foreground" Value="#FF000000" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Padding" Value="1" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Grid>
                        <vsm:VisualStateManager.VisualStateGroups>
                            <vsm:VisualStateGroup x:Name="CommonStates">
                                <vsm:VisualState x:Name="Normal" />
                                <vsm:VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="OuterBtnBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="#FFFFFFFF" />
                                        <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="#7FA9A9A9" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Pressed">
                                    <Storyboard>
                                        <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="#7FA9A9A9" />
                                        <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#7FA9A9A9" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.3" />
                                    </Storyboard>
                                </vsm:VisualState>
                            </vsm:VisualStateGroup>
                            <vsm:VisualStateGroup x:Name="FocusStates">
                                <vsm:VisualState x:Name="Focused">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1" />
                                    </Storyboard>
                                </vsm:VisualState>
                                <vsm:VisualState x:Name="Unfocused" />
                            </vsm:VisualStateGroup>
                        </vsm:VisualStateManager.VisualStateGroups>
                        <Border x:Name="OuterBtnBorder" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="3">
                            <Border x:Name="InnerBtnBorder" BorderBrush="{TemplateBinding Background}" Background="{TemplateBinding Background}" CornerRadius="2">
                                <ContentPresenter x:Name="contentPresenter" Height="Auto" Width="Auto" HorizontalAlignment="Center" VerticalAlignment="Center" />
                            </Border>
                        </Border>
                        <Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" CornerRadius="2" Margin="1" Opacity="0" />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="local:Navigator">
        <Setter Property="Background" Value="White" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:Navigator">
                    <Grid MinHeight="27" x:Name="_navigator">
                        <StackPanel Orientation="Horizontal" Background="{TemplateBinding Background}" Width="{TemplateBinding Width}" HorizontalAlignment="Center">
                            <Button x:Name="FirstItemButton" Style="{StaticResource ButtonGeneric}">
                                <Grid Height="9" Margin="6,5,5,5" Width="8" Opacity="1">
                                    <Grid.OpacityMask>
                                        <LinearGradientBrush StartPoint="0.4,0" EndPoint="0.6,1">
                                            <GradientStop Color="#7FFFFFFF" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Grid.OpacityMask>
                                    <Grid.Effect>
                                        <DropShadowEffect Color="#FFFFFFFF" ShadowDepth="0" BlurRadius="8" Opacity="1" Direction="100" />
                                    </Grid.Effect>
                                    <Path Stretch="Fill" Height="9" HorizontalAlignment="Right" Margin="0" Width="5" Data="M1,0 L1,2 L0,1 Z" Fill="Black" Opacity="0.85" />
                                    <Rectangle HorizontalAlignment="Left" Width="2" Fill="Black" Opacity="0.85" />
                                </Grid>
                            </Button>
                            <Button x:Name="PreviousItemButton" Style="{StaticResource ButtonGeneric}">
                                <Path Stretch="Fill" Height="9" Margin="6,5,8,5" Width="5" Data="M1,0 L1,2 L0,1 Z" Opacity="0.85" Fill="Black">
                                    <Path.OpacityMask>
                                        <LinearGradientBrush StartPoint="0.4,0" EndPoint="0.6,1">
                                            <GradientStop Color="#7F000000" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.OpacityMask>
                                    <Path.Effect>
                                        <DropShadowEffect BlurRadius="8" Direction="100" ShadowDepth="0" Color="#FFFFFFFF" />
                                    </Path.Effect>
                                </Path>
                            </Button>
                            <Button x:Name="NextItemButton" Style="{StaticResource ButtonGeneric}">
                                <Path Stretch="Fill" Height="9" Margin="8,5,6,5" Width="5" Data="M0,0 L1,1 L0,2 Z" Opacity="0.85" Fill="Black">
                                    <Path.OpacityMask>
                                        <LinearGradientBrush StartPoint="0.4,0" EndPoint="0.6,1">
                                            <GradientStop Color="#7F000000" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.OpacityMask>
                                    <Path.Effect>
                                        <DropShadowEffect BlurRadius="8" Direction="100" ShadowDepth="0" Color="#FFFFFFFF" />
                                    </Path.Effect>
                                </Path>
                            </Button>
                            <Button x:Name="LastItemButton" Style="{StaticResource ButtonGeneric}">
                                <Grid Height="9" Margin="6,5,5,5" Width="8" Opacity="1">
                                    <Grid.OpacityMask>
                                        <LinearGradientBrush StartPoint="0.4,0" EndPoint="0.6,1">
                                            <GradientStop Color="#7F000000" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Grid.OpacityMask>
                                    <Grid.Effect>
                                        <DropShadowEffect BlurRadius="8" Direction="100" ShadowDepth="0" Color="#FFFFFFFF" />
                                    </Grid.Effect>
                                    <Path Stretch="Fill" Height="9" HorizontalAlignment="Left" Width="5" Data="M0,0 L1,1 L0,2 Z" Fill="Black" Opacity="0.85" />
                                    <Rectangle HorizontalAlignment="Right" Width="2" Fill="Black" Opacity="0.85" />
                                </Grid>
                            </Button>
                            <Border x:Name="ButtonSeparator" Background="Gray" BorderBrush="#59FFFFFF" BorderThickness="1,0,1,0" Margin="2,4,2,4" Width="3" Opacity="0.2" />
                            <Button x:Name="NewItemButton" Style="{StaticResource ButtonGeneric}" ToolTipService.ToolTip="Add">
                                <Path Stretch="Fill" Height="9" Margin="5" Width="9" Data="F1 M18.41,61.67 L19.56,60.52 L21.92,62.88 L24.22,60.57 L25.36,61.72 L23.06,64.03 L25.43,66.4 L24.22,67.60 L21.87,65.25 L19.56,67.56 L18.41,66.41 L20.73,64.08 L18.41,61.67 z" Fill="Black" Opacity="0.85" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <Path.OpacityMask>
                                        <LinearGradientBrush StartPoint="-0.27,0.05" EndPoint="0.35,0.5">
                                            <GradientStop Color="#7F000000" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.OpacityMask>
                                    <Path.Effect>
                                        <DropShadowEffect BlurRadius="8" Direction="100" ShadowDepth="0" Color="#FFFFFFFF" />
                                    </Path.Effect>
                                    <Path.RenderTransform>
                                        <TransformGroup>
                                            <ScaleTransform />
                                            <SkewTransform />
                                            <RotateTransform Angle="45" />
                                            <TranslateTransform X="0.18" Y="-0.07" />
                                        </TransformGroup>
                                    </Path.RenderTransform>
                                </Path>
                            </Button>
                            <Button x:Name="DeleteItemButton" Style="{StaticResource ButtonGeneric}" ToolTipService.ToolTip="Delete">
                                <Path Stretch="Fill" Height="9" Margin="5,5,5,5" Width="9" Data="F1 M24.32,60.48 L25.60,61.76 L19.65,67.75 L18.37,66.46 z" Fill="Black" Opacity="0.85" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <Path.OpacityMask>
                                        <LinearGradientBrush StartPoint="-0.44,-0.11" EndPoint="0.74,0.66">
                                            <GradientStop Color="#7F000000" Offset="0" />
                                            <GradientStop Color="#BF000000" Offset="0.25" />
                                            <GradientStop Color="#FF000000" Offset="1" />
                                        </LinearGradientBrush>
                                    </Path.OpacityMask>
                                    <Path.Effect>
                                        <DropShadowEffect BlurRadius="8" Direction="100" ShadowDepth="0" Color="#FFFFFFFF" />
                                    </Path.Effect>
                                    <Path.RenderTransform>
                                        <TransformGroup>
                                            <RotateTransform Angle="45" />
                                            <TranslateTransform X="0.06" Y="-0.01" />
                                        </TransformGroup>
                                    </Path.RenderTransform>
                                </Path>
                            </Button>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

</ResourceDictionary>