Virgo_ST/VirgoUI/Styles/MenuItem.xaml

<ResourceDictionary
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d">

    <ControlTemplate x:Key="SubMenuItem" TargetType="{x:Type MenuItem}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="SubMenuOnMouseOver">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HighLight">
                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1" KeySpline="0,0,1,0"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            <Storyboard x:Key="SubMenuOnMouseOut">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="HighLight">
                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0" KeySpline="0,0,0,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <Grid SnapsToDevicePixels="true" Margin="0,3">
            <Rectangle x:Name="HighLight" Margin="-2,-2,-3,2" Fill="{DynamicResource Color_BG_SubMenu_OnMouseOver}" Opacity="0"/>
            <ContentPresenter x:Name="contentPresenter" Margin="16,0" VerticalAlignment="Center" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header" RecognizesAccessKey="True" Grid.Column="0">
            </ContentPresenter>
            <Rectangle Height="1" VerticalAlignment="Bottom" Fill="{DynamicResource Color_BG_SubMenu_LineHighlight}">
                <Rectangle.OpacityMask>
                    <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                        <GradientStop Offset="0"/>
                        <GradientStop Offset="1"/>
                        <GradientStop Color="White" Offset="0.2"/>
                        <GradientStop Color="White" Offset="0.8"/>
                    </LinearGradientBrush>
                </Rectangle.OpacityMask>
            </Rectangle>
            <Rectangle Height="1" Margin="0,0,0,2" VerticalAlignment="Bottom" StrokeThickness="2" Fill="{DynamicResource Color_BG_SubMenu_LineShadow}">
                <Rectangle.OpacityMask>
                    <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                        <GradientStop Offset="0"/>
                        <GradientStop Offset="1"/>
                        <GradientStop Color="White" Offset="0.2"/>
                        <GradientStop Color="White" Offset="0.8"/>
                    </LinearGradientBrush>
                </Rectangle.OpacityMask>
            </Rectangle>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="Icon" Value="{x:Null}"/>
            <Trigger Property="IsChecked" Value="true"/>
            <Trigger Property="IsHighlighted" Value="true">
                <Trigger.ExitActions>
                    <BeginStoryboard x:Name="SubMenuOnMouseOut_BeginStoryboard" Storyboard="{StaticResource SubMenuOnMouseOut}"/>
                </Trigger.ExitActions>
                <Trigger.EnterActions>
                    <BeginStoryboard Storyboard="{StaticResource SubMenuOnMouseOver}"/>
                </Trigger.EnterActions>
            </Trigger>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Foreground" Value="#FF9A9A9A"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <Geometry x:Key="UpArrow">M 0,4 L 3.5,0 L 7,4 Z</Geometry>

    <MenuScrollingVisibilityConverter x:Key="MenuScrollingVisibilityConverter"/>

    <Geometry x:Key="DownArrow">M 0,0 L 3.5,4 L 7,0 Z</Geometry>

    <Style x:Key="MenuScrollButton" BasedOn="{x:Null}" TargetType="{x:Type RepeatButton}">
        <Setter Property="ClickMode" Value="Hover"/>
        <Setter Property="MinWidth" Value="0"/>
        <Setter Property="MinHeight" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RepeatButton}">
                    <DockPanel SnapsToDevicePixels="true" Background="Transparent">
                        <Rectangle x:Name="R1" Fill="Transparent" Width="1" DockPanel.Dock="Right"/>
                        <Rectangle x:Name="B1" Fill="Transparent" Height="1" DockPanel.Dock="Bottom"/>
                        <Rectangle x:Name="L1" Fill="Transparent" Width="1" DockPanel.Dock="Left"/>
                        <Rectangle x:Name="T1" Fill="Transparent" Height="1" DockPanel.Dock="Top"/>
                        <ContentPresenter x:Name="ContentContainer" HorizontalAlignment="Center" Margin="2,2,2,2" VerticalAlignment="Center"/>
                    </DockPanel>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="true">
                            <Setter Property="Fill" TargetName="R1" Value="{DynamicResource {x:Static SystemColors.ControlLightLightBrushKey}}"/>
                            <Setter Property="Fill" TargetName="B1" Value="{DynamicResource {x:Static SystemColors.ControlLightLightBrushKey}}"/>
                            <Setter Property="Fill" TargetName="L1" Value="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"/>
                            <Setter Property="Fill" TargetName="T1" Value="{DynamicResource {x:Static SystemColors.ControlDarkDarkBrushKey}}"/>
                            <Setter Property="Margin" TargetName="ContentContainer" Value="3,3,1,1"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="{ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}" BasedOn="{x:Null}" TargetType="{x:Type ScrollViewer}">
        <Setter Property="HorizontalScrollBarVisibility" Value="Hidden"/>
        <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ScrollViewer}">
                    <Grid SnapsToDevicePixels="true">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Border Grid.Column="0" Grid.Row="1">
                            <ScrollContentPresenter Margin="{TemplateBinding Padding}"/>
                        </Border>
                        <RepeatButton Style="{StaticResource MenuScrollButton}" Focusable="false" Command="{x:Static ScrollBar.LineUpCommand}" CommandTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Grid.Column="0" Grid.Row="0">
                            <RepeatButton.Visibility>
                                <MultiBinding FallbackValue="Visibility.Collapsed" Converter="{StaticResource MenuScrollingVisibilityConverter}" ConverterParameter="0">
                                    <Binding Path="ComputedVerticalScrollBarVisibility" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="VerticalOffset" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="ExtentHeight" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="ViewportHeight" RelativeSource="{RelativeSource TemplatedParent}"/>
                                </MultiBinding>
                            </RepeatButton.Visibility>
                            <Path Fill="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}" Data="{StaticResource UpArrow}"/>
                        </RepeatButton>
                        <RepeatButton Style="{StaticResource MenuScrollButton}" Focusable="false" Command="{x:Static ScrollBar.LineDownCommand}" CommandTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Grid.Column="0" Grid.Row="2">
                            <RepeatButton.Visibility>
                                <MultiBinding FallbackValue="Visibility.Collapsed" Converter="{StaticResource MenuScrollingVisibilityConverter}" ConverterParameter="100">
                                    <Binding Path="ComputedVerticalScrollBarVisibility" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="VerticalOffset" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="ExtentHeight" RelativeSource="{RelativeSource TemplatedParent}"/>
                                    <Binding Path="ViewportHeight" RelativeSource="{RelativeSource TemplatedParent}"/>
                                </MultiBinding>
                            </RepeatButton.Visibility>
                            <Path Fill="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}" Data="{StaticResource DownArrow}"/>
                        </RepeatButton>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <ControlTemplate x:Key="{ComponentResourceKey ResourceId=SubmenuContent, TypeInTargetAssembly={x:Type FrameworkElement}}" TargetType="{x:Type ContentControl}">
        <Border SnapsToDevicePixels="True" Background="{DynamicResource Color_BG_SubMenuBG}" MinWidth="{TemplateBinding ActualWidth}" BorderThickness="1" BorderBrush="{DynamicResource Color_BD_SubMenu}" Padding="5,0">
            <ContentPresenter Margin="0,5" HorizontalAlignment="Left"/>
        </Border>
    </ControlTemplate>

    <ControlTemplate x:Key="{ComponentResourceKey ResourceId=TopLevelHeaderTemplateKey, TypeInTargetAssembly={x:Type MenuItem}}" TargetType="{x:Type MenuItem}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="OnMouseOver">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Highlight">
                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="1" KeySpline="0,0,1,0"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            <Storyboard x:Key="OnMouseOut">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Highlight">
                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                    <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="0" KeySpline="0,0,0,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <Grid SnapsToDevicePixels="true">
            <Border x:Name="BG" BorderBrush="{DynamicResource Color_BD_Menu}" BorderThickness="1" Cursor="Hand" Background="{DynamicResource Color_BG_Menu}">
                <Border.Effect>
                    <DropShadowEffect Color="#FFC6E9FF" ShadowDepth="0" BlurRadius="10"/>
                </Border.Effect>
                <Grid>
                    <Border x:Name="Highlight" Background="{DynamicResource Color_BG_Menu_Highlight}" Opacity="0">
                        <Border.Effect>
                            <BlurEffect/>
                        </Border.Effect>
                    </Border>
                </Grid>
            </Border>
            <ContentPresenter x:Name="contentPresenter" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header" RecognizesAccessKey="True" HorizontalAlignment="Center" VerticalAlignment="Center" Cursor="Hand">
            </ContentPresenter>
            <Popup x:Name="PART_Popup" AllowsTransparency="true" HorizontalOffset="1" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Bottom" PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}" VerticalOffset="2" Focusable="false" MinWidth="150" Grid.Column="1">
                <ContentControl x:Name="SubMenuBorder" IsTabStop="false" Template="{DynamicResource {ComponentResourceKey ResourceId=SubmenuContent, TypeInTargetAssembly={x:Type FrameworkElement}}}">
                    <ScrollViewer Style="{DynamicResource {ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}}" CanContentScroll="true">
                        <ItemsPresenter Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Grid.IsSharedSizeScope="true" KeyboardNavigation.DirectionalNavigation="Cycle" KeyboardNavigation.TabNavigation="Cycle" Cursor="Hand"/>
                    </ScrollViewer>
                </ContentControl>
            </Popup>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsSuspendingPopupAnimation" Value="true">
                <Setter Property="PopupAnimation" TargetName="PART_Popup" Value="None"/>
            </Trigger>
            <Trigger Property="Icon" Value="{x:Null}"/>
            <Trigger Property="IsChecked" Value="true"/>
            <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"/>
            <Trigger Property="IsHighlighted" Value="true">
                <Trigger.ExitActions>
                    <BeginStoryboard x:Name="OnMouseOut_BeginStoryboard1" Storyboard="{StaticResource OnMouseOut}"/>
                </Trigger.ExitActions>
                <Trigger.EnterActions>
                    <BeginStoryboard x:Name="OnMouseOver_BeginStoryboard" Storyboard="{StaticResource OnMouseOver}"/>
                </Trigger.EnterActions>
            </Trigger>
            <DataTrigger Binding="{Binding Selected}" Value="True">
                <Setter Property="Opacity" TargetName="Highlight" Value="1"/>
            </DataTrigger>
            <Trigger Property="IsKeyboardFocused" Value="true"/>
            <Trigger Property="IsSubmenuOpen" Value="true"/>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Foreground" Value="#FF9A9A9A"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <SolidColorBrush x:Key="Menu_Main_BG_Outer" Color="#FF164EA1"/>
    <SolidColorBrush x:Key="Menu_Main_BD_Highlight" Color="#FFC6D9FF"/>
    <SolidColorBrush x:Key="Menu_Main_BD_Shadow" Color="#FF111A2B"/>
    <LinearGradientBrush x:Key="Menu_Main_BG_Inner" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF5B89CC" Offset="0"/>
        <GradientStop Color="#FF5B89CC" Offset="1"/>
        <GradientStop Color="#FF5B89CC" Offset="0.4"/>
        <GradientStop Color="#FF5B89CC" Offset="0.401"/>
        <GradientStop Color="#FF5B89CC" Offset="0.9"/>
    </LinearGradientBrush>
    <SolidColorBrush x:Key="Menu_Main_BG_Outer_Highlight" Color="#FF49BD9A"/>
    <LinearGradientBrush x:Key="Menu_Main_BG_Inner_Highlight" EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FF49BD9A" Offset="0"/>
        <GradientStop Color="#FF49BD9A" Offset="1"/>
        <GradientStop Color="#FF49BD9A" Offset="0.4"/>
        <GradientStop Color="#FF49BD9A" Offset="0.401"/>
        <GradientStop Color="#FF49BD9A" Offset="0.9"/>
    </LinearGradientBrush>

    <ControlTemplate x:Key="SubMunu_ShowOnTop" TargetType="{x:Type MenuItem}">
        <Grid SnapsToDevicePixels="true">
            <Border x:Name="BG" BorderBrush="{DynamicResource Menu_Main_BD_Highlight}" BorderThickness="3,3,0,0" CornerRadius="8" Cursor="Hand" Background="{DynamicResource Menu_Main_BG_Outer}">
                <Border x:Name="InnerBD" BorderBrush="{DynamicResource Menu_Main_BD_Shadow}" BorderThickness="0,0,3,3" CornerRadius="7">
                    <Grid Width="Auto">
                        <Rectangle x:Name="InnerBG" Margin="2" RadiusX="6" RadiusY="6" Fill="{DynamicResource Menu_Main_BG_Inner}">
                            <Rectangle.Effect>
                                <BlurEffect Radius="5"/>
                            </Rectangle.Effect>
                        </Rectangle>
                        <Grid x:Name="Content_Grid" SnapsToDevicePixels="true">
                            <Grid.Effect>
                                <DropShadowEffect ShadowDepth="0" BlurRadius="8" Color="White"/>
                            </Grid.Effect>
                            <ContentPresenter x:Name="contentPresenter" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" ContentSource="Header" RecognizesAccessKey="True" HorizontalAlignment="Center" VerticalAlignment="Center" Cursor="Hand">
                                <ContentPresenter.Effect>
                                    <DropShadowEffect BlurRadius="8" ShadowDepth="0" Color="White"/>
                                </ContentPresenter.Effect>
                            </ContentPresenter>
                        </Grid>
                    </Grid>
                </Border>
            </Border>
            <Popup x:Name="PART_Popup" AllowsTransparency="true" HorizontalOffset="0" IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}" Placement="Top" PopupAnimation="{DynamicResource {x:Static SystemParameters.MenuPopupAnimationKey}}" VerticalOffset="-1" Focusable="false" MinWidth="150" Grid.Column="1">
                <ContentControl x:Name="SubMenuBorder" IsTabStop="false" Template="{DynamicResource {ComponentResourceKey ResourceId=SubmenuContent, TypeInTargetAssembly={x:Type FrameworkElement}}}">
                    <ScrollViewer Style="{DynamicResource {ComponentResourceKey ResourceId=MenuScrollViewer, TypeInTargetAssembly={x:Type FrameworkElement}}}" CanContentScroll="true">
                        <ItemsPresenter Margin="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Grid.IsSharedSizeScope="true" KeyboardNavigation.DirectionalNavigation="Cycle" KeyboardNavigation.TabNavigation="Cycle" Cursor="Hand"/>
                    </ScrollViewer>
                </ContentControl>
            </Popup>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsSuspendingPopupAnimation" Value="true">
                <Setter Property="PopupAnimation" TargetName="PART_Popup" Value="None"/>
            </Trigger>
            <Trigger Property="Icon" Value="{x:Null}"/>
            <Trigger Property="IsChecked" Value="true"/>
            <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"/>
            <Trigger Property="IsHighlighted" Value="true">
                <Setter Property="Foreground" Value="{DynamicResource FG_Black}"/>
                <Setter Property="Effect" TargetName="Content_Grid">
                    <Setter.Value>
                        <DropShadowEffect BlurRadius="8" Color="White" ShadowDepth="0" Opacity="0.5"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Effect" TargetName="contentPresenter">
                    <Setter.Value>
                        <DropShadowEffect BlurRadius="8" Color="White" ShadowDepth="0"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Fill" TargetName="InnerBG" Value="{DynamicResource Menu_Main_BG_Inner_Highlight}"/>
                <Setter Property="Background" TargetName="BG" Value="{DynamicResource Menu_Main_BG_Outer_Highlight}"/>
            </Trigger>
            <DataTrigger Binding="{Binding Selected}" Value="True">
                <Setter Property="Foreground" Value="{DynamicResource FG_White}"/>
                <Setter Property="Effect" TargetName="Content_Grid">
                    <Setter.Value>
                        <DropShadowEffect BlurRadius="10" Color="Black" ShadowDepth="0" Opacity="0.5"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Effect" TargetName="contentPresenter">
                    <Setter.Value>
                        <DropShadowEffect BlurRadius="10" Color="Black" ShadowDepth="0"/>
                    </Setter.Value>
                </Setter>
                <Setter Property="Fill" TargetName="InnerBG" Value="{DynamicResource Menu_Main_BG_Inner_Highlight}"/>
                <Setter Property="Background" TargetName="BG" Value="{DynamicResource Menu_Main_BG_Outer_Highlight}"/>
            </DataTrigger>
            <Trigger Property="IsKeyboardFocused" Value="true"/>
            <Trigger Property="IsSubmenuOpen" Value="true"/>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="Foreground" Value="#FF9A9A9A"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

</ResourceDictionary>