Styles.xaml | searchcode

/TimeSheetReporting/TimeSheetReporting/Assets/Styles.xaml

#
XAML | 654 lines | 604 code | 24 blank | 26 comment | 0 complexity | d69d756be9d4da303986b19ef5d7ece5 MD5 | raw file

<ResourceDictionary

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation">



  <!-- ******MAIN PAGE STYLES****** -->

  <!-- **************************** -->

  <!-- Primary Color Brushes -->

  <SolidColorBrush x:Key="NavigationBackgroundColorBrush" Color="#FF484848"/>

  <SolidColorBrush x:Key="NavigationForegroundColorBrush" Color="#FFFFFFFF"/>

  <SolidColorBrush x:Key="HighLightColorBrush" Color="#FF0097FC"/>

  <SolidColorBrush x:Key="HoverHyperlinkForegroundColorBrush" Color="#FFEBF7FF"/>

  <SolidColorBrush x:Key="HoverHyperLinkBackgroundColorBrush" Color="#FF747474"/>

  <SolidColorBrush x:Key="BodyTextColorBrush" Color="#FF313131"/>



  <!-- LayoutRoot Grid Style -->

  <Style x:Key="LayoutRootGridStyle" TargetType="Grid">

    <Setter Property="Background" Value="#FFFFFFFF"/>

  </Style>



  <!-- Content Border Style -->

  <Style x:Key="ContentBorderStyle" TargetType="Border">

    <Setter Property="Background">

      <Setter.Value>

        <LinearGradientBrush EndPoint="0.5,0.045" StartPoint="0.5,0">

          <GradientStop Color="#6FCCCCCC"/>

          <GradientStop Color="#00CCCCCC" Offset="1"/>

        </LinearGradientBrush>

      </Setter.Value>

    </Setter>

    <Setter Property="BorderBrush" Value="#FFFFFFFF"/>

    <Setter Property="BorderThickness" Value="0,3,0,0"/>

    <Setter Property="Margin" Value="0,42,0,0"/>

    <Setter Property="VerticalAlignment" Value="Stretch"/>

    <Setter Property="HorizontalAlignment" Value="Stretch"/>

  </Style>



  <!-- Content Frame Style -->

  <Style x:Key="ContentFrameStyle" TargetType="navigation:Frame">

    <Setter Property="Background" Value="Transparent"/>

    <Setter Property="BorderBrush" Value="Transparent"/>

    <Setter Property="Padding" Value="58,15,58,15"/>

    <Setter Property="VerticalContentAlignment" Value="Stretch"/>

    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>

  </Style>



  <!-- Navigation Grid Style -->

  <Style x:Key="NavigationGridStyle" TargetType="Grid">

    <Setter Property="Background" Value="{StaticResource NavigationBackgroundColorBrush}"/>

    <Setter Property="Height" Value="42"/>

    <Setter Property="Margin" Value="0"/>

    <Setter Property="VerticalAlignment" Value="Top"/>

  </Style>



  <!-- Branding Border Style -->

  <Style x:Key="BrandingBorderStyle" TargetType="Border">

    <Setter Property="Height" Value="42"/>

    <Setter Property="Margin" Value="25,0,25,0"/>

    <Setter Property="VerticalAlignment" Value="Top"/>

    <Setter Property="HorizontalAlignment" Value="Left"/>

  </Style>



  <!-- Branding StackPanel Style -->

  <Style x:Key="BrandingStackPanelStyle" TargetType="StackPanel">

    <Setter Property="HorizontalAlignment" Value="Left"/>

    <Setter Property="Orientation" Value="Horizontal"/>

  </Style>



  <!-- Logo Path Style -->

  <Style x:Key="LogoIcon" TargetType="ContentControl">

    <Setter Property="Height" Value="24"/>

    <Setter Property="Width" Value="24"/>

    <Setter Property="Margin" Value="0,1,10,0"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="ContentControl">

          <Grid>

            <Path UseLayoutRounding='False' Fill="{StaticResource HighLightColorBrush}" Stretch="Fill" Data="M8,0 C12.417931,2.8898596E-06 16,3.5814998 16,8 C16,12.417819 12.41803,16 8,16 C3.5816212,16 6.1398991E-06,12.417912 0,8 C1.5351338E-06,6.8954077 0.22386749,5.8431153 0.62867981,4.8860393 C0.65398115,4.82622 0.6799894,4.7667723 0.70669389,4.7077074 L0.73170543,4.6541386 L5.6357112,9.5581446 L3.7429986,11.450858 L3.7429986,11.493001 L11.669835,11.493001 L11.669835,3.5661643 L11.627691,3.5661643 L9.7349787,5.4588776 L4.8993444,0.62324351 L5.0666013,0.55490673 C5.5510159,0.36389247 6.0585575,0.21878535 6.5838675,0.12495131 C6.8465204,0.078035071 7.1136146,0.043936942 7.3844767,0.023327276 C7.5199089,0.013022465 7.6562829,0.0060896641 7.7935166,0.0026129775 C7.862133,0.00087448902 7.9309645,4.5157563E-08 8,0 z"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>



  <!-- ApplicationName Style -->

  <Style x:Key="ApplicationNameStyle" TargetType="TextBlock">

    <Setter Property="Foreground" Value="{StaticResource NavigationForegroundColorBrush}"/>

    <Setter Property="FontSize" Value="14"/>

    <Setter Property="FontWeight" Value="Bold"/>

    <Setter Property="Margin" Value="0,2,0,0"/>

    <Setter Property="VerticalAlignment" Value="Center"/>

    <Setter Property="Effect">

      <Setter.Value>

        <DropShadowEffect BlurRadius="10" Opacity="0.25" ShadowDepth="0"/>

      </Setter.Value>

    </Setter>

  </Style>



  <!-- Links Border Style -->

  <Style x:Key="LinksBorderStyle" TargetType="Border">

    <Setter Property="Height" Value="42"/>

    <Setter Property="Margin" Value="25,0,25,0"/>

    <Setter Property="HorizontalAlignment" Value="Right"/>

  </Style>



  <!-- Links StackPanel Style -->

  <Style x:Key="LinksStackPanelStyle" TargetType="StackPanel">

    <Setter Property="VerticalAlignment" Value="Center"/>

    <Setter Property="HorizontalAlignment" Value="Left"/>

    <Setter Property="Orientation" Value="Horizontal"/>

  </Style>



  <!-- Link Style -->

  <Style x:Key="LinkStyle" TargetType="HyperlinkButton">

    <Setter Property="Background" Value="{StaticResource HighLightColorBrush}"/>

    <Setter Property="BorderThickness" Value="1"/>

    <Setter Property="BorderBrush" Value="#FF9D9492"/>

    <Setter Property="Foreground" Value="{StaticResource NavigationForegroundColorBrush}"/>

    <Setter Property="FontSize" Value="12"/>

    <Setter Property="Cursor" Value="Hand"/>

    <Setter Property="MinHeight" Value="28"/>

    <Setter Property="MinWidth" Value="78"/>

    <Setter Property="VerticalContentAlignment" Value="Center"/>

    <Setter Property="HorizontalContentAlignment" Value="Center"/>

    <Setter Property="Padding" Value="8,4,8,4"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="HyperlinkButton">

          <Grid x:Name="ButtonGrid" Cursor="{TemplateBinding Cursor}">

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal"/>

                <VisualState x:Name="MouseOver">

                  <Storyboard>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveElementBorder" Storyboard.TargetProperty="(UIElement.Visibility)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <Visibility>Visible</Visibility>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveElementBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.95"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.BlurRadius)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="10"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Pressed">

                  <Storyboard>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveElementBorder" Storyboard.TargetProperty="(UIElement.Visibility)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <Visibility>Visible</Visibility>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveElementBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.8"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(UIElement.Effect).(DropShadowEffect.BlurRadius)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="5"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="InteractiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="Visibility">

                      <DiscreteObjectKeyFrame KeyTime="0">

                        <DiscreteObjectKeyFrame.Value>

                          <Visibility>Visible</Visibility>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(FrameworkElement.HorizontalAlignment)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <HorizontalAlignment>Center</HorizontalAlignment>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(FrameworkElement.VerticalAlignment)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <VerticalAlignment>Center</VerticalAlignment>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="(FrameworkElement.HorizontalAlignment)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <HorizontalAlignment>Center</HorizontalAlignment>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="(FrameworkElement.VerticalAlignment)">

                      <DiscreteObjectKeyFrame KeyTime="00:00:00">

                        <DiscreteObjectKeyFrame.Value>

                          <VerticalAlignment>Center</VerticalAlignment>

                        </DiscreteObjectKeyFrame.Value>

                      </DiscreteObjectKeyFrame>

                    </ObjectAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

              <VisualStateGroup x:Name="LinkStates">

                <VisualState x:Name="ActiveLink">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ActiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ContentBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="InactiveLink"/>

              </VisualStateGroup>

              <VisualStateGroup x:Name="FocusStates">

                <VisualState x:Name="Focused">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity">

                      <SplineDoubleKeyFrame KeyTime="0" Value="0.35"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusX)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusY)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Unfocused"/>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Rectangle x:Name="FocusVisualElement" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="2" Opacity="0" Margin="-1" RadiusX="1" RadiusY="1"/>

            <Border x:Name="ActiveBorder" MinWidth="{TemplateBinding MinWidth}" MinHeight="{TemplateBinding MinHeight}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="0"/>

            <Border x:Name="ContentBorder" MinWidth="{TemplateBinding MinWidth}" MinHeight="{TemplateBinding MinHeight}" Opacity="1">

              <ContentPresenter x:Name="ContentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Opacity="1">

                <ContentPresenter.Effect>

                  <DropShadowEffect ShadowDepth="0" Color="#FF484848" Opacity="0.65" BlurRadius="0"/>

                </ContentPresenter.Effect>

              </ContentPresenter>

            </Border>

            <Border x:Name="InteractiveBorder" MinWidth="{TemplateBinding MinWidth}" MinHeight="{TemplateBinding MinHeight}" Background="{StaticResource HoverHyperLinkBackgroundColorBrush}" BorderThickness="1,1,1,1" Opacity="0" BorderBrush="{StaticResource HoverHyperLinkBackgroundColorBrush}" CornerRadius="1,1,1,1"/>

            <Border x:Name="InteractiveElementBorder" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Visibility="Collapsed">

              <TextBlock x:Name="InteractiveElement" Foreground="{StaticResource HoverHyperlinkForegroundColorBrush}" FontSize="{TemplateBinding FontSize}" FontWeight="{TemplateBinding FontWeight}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}"/>

            </Border>

            <TextBlock x:Name="DisabledOverlay" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" Text="{TemplateBinding Content}" Foreground="#FFAAAAAA" Visibility="Collapsed"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>



  <!-- Divider Style -->

  <Style x:Key="DividerStyle" TargetType="Rectangle">

    <Setter Property="Fill" Value="#1FFFFFFF"/>

    <Setter Property="Stroke" Value="Transparent"/>

    <Setter Property="Width" Value="1"/>

    <Setter Property="Margin" Value="2,4,2,4"/>

  </Style>



  <!-- ******CONTENT PAGE STYLES****** -->

  <!-- ******************************* -->

  <!-- Page Style -->

  <Style x:Key="PageStyle" TargetType="navigation:Page"/>



  <!-- Page ScrollViewer Style -->

  <Style x:Key="PageScrollViewerStyle" TargetType="ScrollViewer">

    <Setter Property="BorderBrush" Value="Transparent"/>

    <Setter Property="BorderThickness" Value="0,1,0,1"/>

    <Setter Property="Margin" Value="-58,-15,-58,-15"/>

    <Setter Property="Padding" Value="58,0,58,0"/>

    <Setter Property="VerticalScrollBarVisibility" Value="Auto"/>

    <Setter Property="HorizontalScrollBarVisibility" Value="Auto"/>

  </Style>



  <!-- Content Panel Style -->

  <Style x:Key="ContentPanelStyle" TargetType="StackPanel"/>



  <!-- Header Text Style -->

  <Style x:Key="HeaderTextStyle" TargetType="TextBlock">

    <Setter Property="Foreground" Value="{StaticResource BodyTextColorBrush}"/>

    <Setter Property="FontSize" Value="15"/>

    <Setter Property="FontWeight" Value="Bold"/>

    <Setter Property="TextWrapping" Value="Wrap"/>

    <Setter Property="Margin" Value="0,15,0,4"/>

    <Setter Property="HorizontalAlignment" Value="Left"/>

  </Style>



  <!-- Content Text Style -->

  <Style x:Key="ContentTextStyle" TargetType="TextBlock">

    <Setter Property="Foreground" Value="{StaticResource BodyTextColorBrush}"/>

    <Setter Property="FontSize" Value="12"/>

    <Setter Property="TextWrapping" Value="Wrap"/>

    <Setter Property="Margin" Value="0,2,0,2"/>

    <Setter Property="HorizontalAlignment" Value="Left"/>

  </Style>



  <!-- Page HyperlinkButton Style -->

  <Style x:Key="PageHyperlinkButtonStyle" TargetType="HyperlinkButton">

    <Setter Property="TargetName" Value="_new"/>

    <Setter Property="FontSize" Value="12"/>

    <Setter Property="VerticalAlignment" Value="Center"/>

  </Style>



  <!-- Content Boxes Styles -->

  <Style x:Key="ToolBoxStyle" TargetType="Border">

    <Setter Property="Width" Value="200" />

    <Setter Property="Height" Value="35" />

    <Setter Property="CornerRadius" Value="0,0,0,4" />

    <Setter Property="Margin" Value="0,-26,-69,0" />

    <Setter Property="Background" Value="#FF404146" />

    <Setter Property="HorizontalAlignment" Value="Right" />

    <Setter Property="VerticalAlignment" Value="Top" />

    <Setter Property="Effect">

      <Setter.Value>

        <DropShadowEffect ShadowDepth="2" Opacity="0.5" Direction="-135"/>

      </Setter.Value>

    </Setter>

  </Style>



  <!-- Button Styles -->

  <Style x:Key="BtnAddStyle" TargetType="Button">

    <Setter Property="Padding" Value="3"/>

    <Setter Property="BorderThickness" Value="1"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="Button">

          <Grid MinWidth="27" MinHeight="27" x:Name="grid">

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal"/>

                <VisualState x:Name="MouseOver">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ActiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="grid" Storyboard.TargetProperty="Opacity">

                      <SplineDoubleKeyFrame KeyTime="0" Value=".45"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Border x:Name="Background" Background="#FF404146" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6"/>

            <Border x:Name="ActiveBorder" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6" BorderBrush="#FF606062" Opacity="0">

              <Border BorderBrush="#FF2D2D31" BorderThickness="1" CornerRadius="5">

                <Border.Background>

                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                    <GradientStop Color="#FF49494D" Offset="0"/>

                    <GradientStop Color="#FF2D2D31" Offset="1"/>

                    <GradientStop Color="#FF37373B" Offset="0.4999"/>

                    <GradientStop Color="#FF2D2D31" Offset="0.5"/>

                  </LinearGradientBrush>

                </Border.Background>

              </Border>

            </Border>

            <Path x:Name="SymbAdd" Stretch="Fill" UseLayoutRounding="False" Data="M4.5000005,0.5 L8.5,0.5 L8.5,4.5000005 L12.5,4.5000005 L12.5,8.5 L8.5,8.5 L8.5,12.5 L4.5000005,12.5 L4.5000005,8.5 L0.5,8.5 L0.5,4.5000005 L4.5000005,4.5000005 z" Margin="5" Width="13" Height="13">

              <Path.Stroke>

                <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                  <GradientStop Color="White" Offset="0"/>

                  <GradientStop Color="#CCFFFFFF" Offset="0.996"/>

                </LinearGradientBrush>

              </Path.Stroke>

              <Path.Fill>

                <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                  <GradientStop Color="#CCFFFFFF" Offset="0"/>

                  <GradientStop Color="#7FFFFFFF" Offset="1"/>

                </LinearGradientBrush>

              </Path.Fill>

            </Path>

            <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="6" RadiusY="6" Margin="1" IsHitTestVisible="false" Opacity="0"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>

  <Style x:Key="BtnDeleteStyle" TargetType="Button">

    <Setter Property="Padding" Value="3"/>

    <Setter Property="BorderThickness" Value="1"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="Button">

          <Grid MinWidth="27" MinHeight="27" x:Name="grid">

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal"/>

                <VisualState x:Name="MouseOver">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ActiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="grid" Storyboard.TargetProperty="Opacity">

                      <SplineDoubleKeyFrame KeyTime="0" Value=".45"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Border x:Name="Background" Background="#FF404146" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6"/>

            <Border x:Name="ActiveBorder" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6" BorderBrush="#FF606062" Opacity="0">

              <Border BorderBrush="#FF2D2D31" BorderThickness="1" CornerRadius="5">

                <Border.Background>

                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                    <GradientStop Color="#FF49494D" Offset="0"/>

                    <GradientStop Color="#FF2D2D31" Offset="1"/>

                    <GradientStop Color="#FF37373B" Offset="0.4999"/>

                    <GradientStop Color="#FF2D2D31" Offset="0.5"/>

                  </LinearGradientBrush>

                </Border.Background>

              </Border>

            </Border>

            <Path x:Name="SymbDelete" Stretch="Fill" Width="15" UseLayoutRounding="False" Data="M385.36374,181.00761 C386.75754,178.39227 388.32108,174.87416 390.03058,170.57974 C392.86554,170.89752 396.49341,174.14009 400.55081,178.9671 L401.00375,176.58693 C396.7453,170.88838 393.97977,166.93143 393.75024,165.93289 C394.97635,164.11559 396.75653,162.05244 399.19034,159.69928 L398.05698,158.56615 C395.60294,159.45018 393.36371,160.78841 391.37021,162.64622 C387.72388,158.39613 384.50742,155.80099 381.62338,154.48578 L378.67715,158.7923 C382.50311,160.74921 385.52118,163.31186 387.85684,166.38617 C385.16602,169.07388 382.75278,171.72729 380.83005,174.32008 L381.05673,176.70026 C382.33063,178.45963 383.78247,179.86304 385.36374,181.00761 z" Height="17">

              <Path.Stroke>

                <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                  <GradientStop Color="White" Offset="0"/>

                  <GradientStop Color="#CCFFFFFF" Offset="0.996"/>

                </LinearGradientBrush>

              </Path.Stroke>

              <Path.Fill>

                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                  <GradientStop Color="#CCFFFFFF" Offset="0"/>

                  <GradientStop Color="#7FFFFFFF" Offset="0.996"/>

                </LinearGradientBrush>

              </Path.Fill>

            </Path>

            <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="6" RadiusY="6" Margin="1" IsHitTestVisible="false" Opacity="0"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>

  <Style x:Key="BtnEditStyle" TargetType="Button">

    <Setter Property="Padding" Value="3"/>

    <Setter Property="BorderThickness" Value="1"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="Button">

          <Grid MinWidth="27" MinHeight="27" x:Name="grid">

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal"/>

                <VisualState x:Name="MouseOver">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ActiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="grid" Storyboard.TargetProperty="Opacity">

                      <SplineDoubleKeyFrame KeyTime="0" Value=".45"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Border x:Name="Background" Background="#FF404146" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6"/>

            <Border x:Name="ActiveBorder" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6" BorderBrush="#FF606062" Opacity="0">

              <Border BorderBrush="#FF2D2D31" BorderThickness="1" CornerRadius="5">

                <Border.Background>

                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                    <GradientStop Color="#FF49494D" Offset="0"/>

                    <GradientStop Color="#FF2D2D31" Offset="1"/>

                    <GradientStop Color="#FF37373B" Offset="0.4999"/>

                    <GradientStop Color="#FF2D2D31" Offset="0.5"/>

                  </LinearGradientBrush>

                </Border.Background>

              </Border>

            </Border>

            <Canvas x:Name="SymbEdit" Width="15" Height="15">

              <Path Stretch="Fill" Height="16.467" Width="16.806" UseLayoutRounding="False" Data="M233.45152,283.42358 L231.10693,288.53693 L236.22113,286.29977 L246.76825,276.60452 C247.34918,273.96356 246.13968,272.92047 243.57236,273.08914 z">

                <Path.Stroke>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="White" Offset="0"/>

                    <GradientStop Color="#CCFFFFFF" Offset="0.996"/>

                  </LinearGradientBrush>

                </Path.Stroke>

                <Path.Fill>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="#CCFFFFFF" Offset="0"/>

                    <GradientStop Color="#7FFFFFFF" Offset="1"/>

                  </LinearGradientBrush>

                </Path.Fill>

              </Path>

              <Path Stretch="Fill" Height="3.851" Width="3.895" UseLayoutRounding="False" Canvas.Left="2.335" Canvas.Top="10.302" Data="M233.44183,283.37262 L236.3367,286.22284">

                <Path.Stroke>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="White" Offset="0"/>

                    <GradientStop Color="#CCFFFFFF" Offset="0.996"/>

                  </LinearGradientBrush>

                </Path.Stroke>

                <Path.Fill>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="#CCFFFFFF" Offset="0"/>

                    <GradientStop Color="#7FFFFFFF" Offset="1"/>

                  </LinearGradientBrush>

                </Path.Fill>

              </Path>

              <Path Stretch="Fill" Height="4.296" Width="4.564" UseLayoutRounding="False" Canvas.Left="11.332" Canvas.Top="1.037" Data="M242.4393,274.10831 L246.00284,277.40466">

                <Path.Stroke>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="White" Offset="0"/>

                    <GradientStop Color="#CCFFFFFF" Offset="0.996"/>

                  </LinearGradientBrush>

                </Path.Stroke>

                <Path.Fill>

                  <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                    <GradientStop Color="#CCFFFFFF" Offset="0"/>

                    <GradientStop Color="#7FFFFFFF" Offset="1"/>

                  </LinearGradientBrush>

                </Path.Fill>

              </Path>

            </Canvas>

            <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="6" RadiusY="6" Margin="1" IsHitTestVisible="false" Opacity="0"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>



  <Style x:Key="BtnSaveStyle" TargetType="Button">

    <Setter Property="Padding" Value="3"/>

    <Setter Property="BorderThickness" Value="1"/>

    <Setter Property="Template">

      <Setter.Value>

        <ControlTemplate TargetType="Button">

          <Grid MinWidth="27" MinHeight="27" x:Name="grid">

            <VisualStateManager.VisualStateGroups>

              <VisualStateGroup x:Name="CommonStates">

                <VisualState x:Name="Normal"/>

                <VisualState x:Name="MouseOver">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ActiveBorder" Storyboard.TargetProperty="(UIElement.Opacity)">

                      <EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

                <VisualState x:Name="Disabled">

                  <Storyboard>

                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="grid" Storyboard.TargetProperty="Opacity">

                      <SplineDoubleKeyFrame KeyTime="0" Value=".45"/>

                    </DoubleAnimationUsingKeyFrames>

                  </Storyboard>

                </VisualState>

              </VisualStateGroup>

            </VisualStateManager.VisualStateGroups>

            <Border x:Name="Background" Background="#FF404146" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6"/>

            <Border x:Name="ActiveBorder" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="6" BorderBrush="#FF606062" Opacity="0">

              <Border BorderBrush="#FF2D2D31" BorderThickness="1" CornerRadius="5">

                <Border.Background>

                  <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                    <GradientStop Color="#FF49494D" Offset="0"/>

                    <GradientStop Color="#FF2D2D31" Offset="1"/>

                    <GradientStop Color="#FF37373B" Offset="0.4999"/>

                    <GradientStop Color="#FF2D2D31" Offset="0.5"/>

                  </LinearGradientBrush>

                </Border.Background>

              </Border>

            </Border>

            <Canvas x:Name="save" RenderTransformOrigin="0.5,0.5" HorizontalAlignment="Center" VerticalAlignment="Center">

              <Canvas.RenderTransform>

                <TransformGroup>

                  <ScaleTransform ScaleX="0.35" ScaleY="0.35"/>

                  <SkewTransform/>

                  <RotateTransform/>

                  <TranslateTransform X="-10" Y="-10"/>

                </TransformGroup>

              </Canvas.RenderTransform>

              <Canvas x:Name="Layer_1" Height="55" Width="54">

                <Path Stretch="Fill" Height="50" Width="50" Canvas.Left="2" Canvas.Top="2.25" Data="F1M9,7.25C7.9,7.25,7,8.15,7,9.25L7,9.25L7,55.25C7,56.35,7.9,57.25,9,57.25L9,57.25L55,57.25C56.1,57.25,57,56.35,57,55.25L57,55.25L57,13.405C57,12.305,56.363,10.769,55.586,9.991L55.586,9.991L54.259,8.664C53.482,7.886,51.944,7.25,50.845,7.25L50.845,7.25z">

                  <Path.Fill>

                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                      <GradientStop Color="#CCFFFFFF" Offset="0"/>

                      <GradientStop Color="#7FFFFFFF" Offset="1"/>

                    </LinearGradientBrush>

                  </Path.Fill>

                </Path>

                <Path Stretch="Fill" Height="20.455" Width="29.544" Canvas.Left="11.091" Canvas.Top="2.25" Data="F1M16.091,7.25L16.091,25.432C16.091,26.682,17.113,27.705,18.365,27.705L18.365,27.705L43.365,27.705C44.614,27.705,45.635,26.682,45.635,25.432L45.635,25.432L45.635,7.25z M34.091,11.796L40.909,11.796L40.909,23.159L34.091,23.159z">

                  <Path.Fill>

                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

                      <GradientStop Color="#FFE6E8E8" Offset="0"/>

                      <GradientStop Color="#FF6D6F70" Offset="1"/>

                    </LinearGradientBrush>

                  </Path.Fill>

                </Path>

                <Path Fill="#FF898989" Stretch="Fill" Height="20.455" Width="29.545" Opacity="0.5299990177154541" Canvas.Left="11.091" Canvas.Top="2.25" Data="F1M40.909,23.159L34.091,23.159L34.091,11.795L40.909,11.795z M16.091,7.25L16.091,25.432C16.091,26.682,17.113,27.705,18.364,27.705L43.364,27.705C44.614,27.705,45.636,26.682,45.636,25.432L45.636,7.25z"/>

                <Path Stretch="Fill" Height="25.499" Width="36.861" Canvas.Left="8.57" Canvas.Top="27.001" Data="F1M16.09,32.001C14.7,32.001,13.57,33.133,13.57,34.522L13.57,34.522L13.57,55.251C13.57,56.492,14.578,57.5,15.818,57.5L15.818,57.5L48.181,57.5C49.423,57.5,50.431,56.492,50.431,55.251L50.431,55.251L50.431,34.522C50.431,33.133,49.298,32.001,47.909,32.001L47.909,32.001z">

                  <Path.Fill>

                    <LinearGradientBrush EndPoint="1,1" StartPoint="0,0">

                      <GradientStop Color="White" Offset="0.009"/>

                      <GradientStop Color="#CCFFFFFF" Offset="1"/>

                    </LinearGradientBrush>

                  </Path.Fill>

                </Path>

                <Path Fill="White" Stretch="Fill" Height="1" Width="27" Opacity="0.55999797582626343" Canvas.Left="12.5" Canvas.Top="3.75" Data="F1M44.5,9.25C44.5,9.525,44.05,9.75,43.5,9.75L18.5,9.75C17.95,9.75,17.5,9.525,17.5,9.25C17.5,8.975,17.95,8.75,18.5,8.75L43.5,8.75C44.05,8.75,44.5,8.975,44.5,9.25"/>

                <Path Fill="White" Stretch="Fill" Height="1" Width="7" Opacity="0.55999797582626343" Canvas.Left="29" Canvas.Top="18.75" Data="F1M41,24.25C41,24.525,40.55,24.75,40,24.75L35,24.75C34.45,24.75,34,24.525,34,24.25C34,23.975,34.45,23.75,35,23.75L40,23.75C40.55,23.75,41,23.975,41,24.25"/>

              </Canvas>

            </Canvas>

            <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="6" RadiusY="6" Margin="1" IsHitTestVisible="false" Opacity="0"/>

          </Grid>

        </ControlTemplate>

      </Setter.Value>

    </Setter>

  </Style>



  <!-- Content Boxes Styles -->

  <Style x:Key="ContentBoxStyle" TargetType="Border">

    <Setter Property="BorderThickness" Value="2" />

    <Setter Property="CornerRadius" Value="10" />

    <Setter Property="Margin" Value="20" />

    <Setter Property="Padding" Value="10" />

    <Setter Property="BorderBrush" Value="#FFC7C7C7" />

    <Setter Property="Background" Value="#FFF0F0F0" />

    <Setter Property="HorizontalAlignment" Value="Stretch" />

    <Setter Property="VerticalAlignment" Value="Stretch" />

    <Setter Property="Effect">

      <Setter.Value>

        <DropShadowEffect Opacity="0.5" BlurRadius="25" ShadowDepth="3"/>

      </Setter.Value>

    </Setter>

  </Style>



</ResourceDictionary>