"me-web?" 0.14.0: the first three cards, drawn again
- The three pictures at the top are new: a small planet at dusk under twinkling stars, with town lights on its night side, drifting clouds, smoke from the chimney and trees that sway. - The house and the block of flats now have lit walls, a tiled roof, glowing windows and soft shadows. - The photo now flies like a little print and the visitor is a letter, because a letter needs an address. Each flies along its route with a glowing trail. At the house the door lights up green; at the block of flats the letter stops at the main door while the windows light up one by one, and a question mark appears. - The path from your device to the internet glows in each step's colour. While a step is checked, an arc circles it and small lights travel along the wires, and a ring spreads out when its answer arrives. - In right-to-left languages the small picture badge stays in its corner instead of covering the drawing. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
thepraandClaude Opus 5.5 committed
1 parent
91c92c80e9
commit
3d6315fe1e
8 files changed
+1200
-318
No files matched your search
@@ -124,6 +124,11 @@
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="3" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<BrushTransition Property="Stroke" Duration="0:0:0.5" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.disc.good">
|
||||
<Setter Property="Stroke" Value="{StaticResource GoodBrush}" />
|
||||
@@ -208,6 +213,9 @@
|
||||
<Setter Property="Cursor" Value="Hand" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
<Style Selector="Button.hop, Button.hop /template/ ContentPresenter">
|
||||
<Setter Property="ClipToBounds" Value="False" />
|
||||
</Style>
|
||||
<Style Selector="Button.hop:pointerover /template/ ContentPresenter, Button.hop:pressed /template/ ContentPresenter">
|
||||
<Setter Property="Background" Value="Transparent" />
|
||||
</Style>
|
||||
@@ -293,6 +301,127 @@
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.aura">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
<Setter Property="Transitions">
|
||||
<Transitions>
|
||||
<DoubleTransition Property="Opacity" Duration="0:0:0.6" />
|
||||
</Transitions>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.aura.good">
|
||||
<Setter Property="Opacity" Value="0.55" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0.5" Color="{StaticResource GoodGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource GoodClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.aura.caution">
|
||||
<Setter Property="Opacity" Value="0.55" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0.5" Color="{StaticResource CautionGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource CautionClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.aura.bad">
|
||||
<Setter Property="Opacity" Value="0.55" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0.5" Color="{StaticResource BadGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BadClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.gloss">
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource Glint}" />
|
||||
<GradientStop Offset="0.55" Color="{StaticResource GlintClear}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.spinner">
|
||||
<Setter Property="StrokeThickness" Value="3" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="Stroke">
|
||||
<LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedLight}" />
|
||||
<GradientStop Offset="0.5" Color="{StaticResource BrandRedClear}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedLight}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.6" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="RotateTransform.Angle" Value="0" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="RotateTransform.Angle" Value="360" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.burst">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="StrokeThickness" Value="2" />
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.burst.good">
|
||||
<Setter Property="Stroke" Value="{StaticResource GoodBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.burst.caution">
|
||||
<Setter Property="Stroke" Value="{StaticResource CautionBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.burst.bad">
|
||||
<Setter Property="Stroke" Value="{StaticResource BadBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.burst.good, Ellipse.burst.caution, Ellipse.burst.bad">
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.1" Easing="CubicEaseOut" FillMode="Forward">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="ScaleTransform.ScaleX" Value="1" />
|
||||
<Setter Property="ScaleTransform.ScaleY" Value="1" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="12%">
|
||||
<Setter Property="Opacity" Value="0.9" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="ScaleTransform.ScaleX" Value="1.5" />
|
||||
<Setter Property="ScaleTransform.ScaleY" Value="1.5" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Path.packets">
|
||||
<Setter Property="Stretch" Value="Fill" />
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
<Setter Property="Stroke" Value="{StaticResource WindowCoreBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="5" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="StrokeDashArray" Value="0.01,9" />
|
||||
</Style>
|
||||
<Style Selector="Path.packets.flowing">
|
||||
<Setter Property="Opacity" Value="1" />
|
||||
<Style.Animations>
|
||||
<Animation Duration="0:0:1.1" IterationCount="Infinite">
|
||||
<KeyFrame Cue="0%">
|
||||
<Setter Property="StrokeDashOffset" Value="0" />
|
||||
</KeyFrame>
|
||||
<KeyFrame Cue="100%">
|
||||
<Setter Property="StrokeDashOffset" Value="-9.01" />
|
||||
</KeyFrame>
|
||||
</Animation>
|
||||
</Style.Animations>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.disc.thin">
|
||||
<Setter Property="StrokeThickness" Value="2" />
|
||||
</Style>
|
||||
@@ -478,14 +607,6 @@
|
||||
<Setter Property="Width" Value="170" />
|
||||
<Setter Property="Height" Value="170" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.glow">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Border.statusChip">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="CornerRadius" Value="14" />
|
||||
@@ -578,81 +699,137 @@
|
||||
<Style Selector="TextBlock.lead.strong">
|
||||
<Setter Property="Foreground" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.star">
|
||||
<Setter Property="Fill" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.planet">
|
||||
<Style Selector="Rectangle.sky">
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,22%">
|
||||
<GradientStop Offset="0" Color="{StaticResource SurfaceRaised}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Ground}" />
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource SkyHigh}" />
|
||||
<GradientStop Offset="0.72" Color="{StaticResource SkyLow}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.meridian">
|
||||
<Setter Property="Stroke" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1" />
|
||||
<Setter Property="Opacity" Value="0.7" />
|
||||
<Style Selector="Ellipse.dusk">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource Dusk}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource DuskClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.star, Path.sparkle">
|
||||
<Setter Property="Fill" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.sparkle">
|
||||
<Setter Property="Data" Value="{StaticResource ArtSparkle}" />
|
||||
<Setter Property="Width" Value="10" />
|
||||
<Setter Property="Height" Value="10" />
|
||||
</Style>
|
||||
<Style Selector="Border.meteor">
|
||||
<Setter Property="CornerRadius" Value="1" />
|
||||
<Setter Property="Background">
|
||||
<LinearGradientBrush StartPoint="0%,50%" EndPoint="100%,50%">
|
||||
<GradientStop Offset="0" Color="{StaticResource GlintClear}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource TextStrong}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.cloud">
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource Cloud}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource CloudLit}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.halo">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.atmosphere">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0.86" Color="{StaticResource AtmosphereClear}" />
|
||||
<GradientStop Offset="0.896" Color="{StaticResource Atmosphere}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource AtmosphereClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.planet">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush Center="46%,0%" GradientOrigin="46%,0%" RadiusX="50%" RadiusY="50%">
|
||||
<GradientStop Offset="0" Color="{StaticResource PlanetLit}" />
|
||||
<GradientStop Offset="0.62" Color="{StaticResource PlanetShade}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.town">
|
||||
<Setter Property="Fill" Value="{StaticResource WindowCoreBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.townGlow">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource TownGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource CautionClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.rim">
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.5" />
|
||||
<Setter Property="Opacity" Value="0.45" />
|
||||
<Setter Property="StrokeThickness" Value="1.4" />
|
||||
<Setter Property="Stroke">
|
||||
<LinearGradientBrush StartPoint="0%,50%" EndPoint="100%,50%">
|
||||
<GradientStop Offset="0.12" Color="{StaticResource BrandRedClear}" />
|
||||
<GradientStop Offset="0.5" Color="{StaticResource BrandRedLight}" />
|
||||
<GradientStop Offset="0.88" Color="{StaticResource BrandRedClear}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.contact">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource Contact}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource ContactClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Rectangle.vignette">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush Center="50%,42%" GradientOrigin="50%,42%" RadiusX="72%" RadiusY="85%">
|
||||
<GradientStop Offset="0.55" Color="{StaticResource ContactClear}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Vignette}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.trail">
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.5" />
|
||||
<Setter Property="StrokeDashArray" Value="2,4" />
|
||||
<Setter Property="StrokeThickness" Value="1.6" />
|
||||
<Setter Property="StrokeDashArray" Value="0.1,3.2" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="Opacity" Value="0.55" />
|
||||
<Setter Property="Opacity" Value="0.6" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.shadow">
|
||||
<Setter Property="Fill" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="Opacity" Value="0.7" />
|
||||
</Style>
|
||||
<Style Selector="Path.wall">
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
</Style>
|
||||
<Style Selector="Path.wall.side">
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.roof">
|
||||
<Setter Property="Fill" Value="{StaticResource BrandRedBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedDarkBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1" />
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
</Style>
|
||||
<Style Selector="Path.roofEdge">
|
||||
<Setter Property="Stroke" Value="{StaticResource BrandRedBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="3" />
|
||||
<Style Selector="Path.comet">
|
||||
<Setter Property="StrokeThickness" Value="2.6" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
</Style>
|
||||
<Style Selector="Path.flatRoof">
|
||||
<Setter Property="Fill" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1" />
|
||||
<Style Selector="Ellipse.spark">
|
||||
<Setter Property="Fill" Value="{StaticResource WindowCoreBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.door">
|
||||
<Setter Property="Fill" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource LineBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1" />
|
||||
<Style Selector="Ellipse.ripple">
|
||||
<Setter Property="Stroke" Value="{StaticResource TextStrongBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.4" />
|
||||
</Style>
|
||||
<Style Selector="Path.doorLight">
|
||||
<Setter Property="Fill" Value="{StaticResource GoodBrush}" />
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Style Selector="Ellipse.smoke">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource Smoke}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource SmokeClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.window, Ellipse.window, Rectangle.flat">
|
||||
<Setter Property="Fill" Value="{StaticResource CautionBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.mullion">
|
||||
<Setter Property="Stroke" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.warmGlow">
|
||||
<Style Selector="Ellipse.windowGlow">
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource CautionGlow}" />
|
||||
@@ -660,57 +837,159 @@
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.doorSpill">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource GoodGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource GoodClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.doorLight">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource GoodLight}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Good}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.gateLight">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="Fill" Value="{StaticResource WindowCoreBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.flat">
|
||||
<Setter Property="Fill" Value="{StaticResource CautionBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.flat.dark">
|
||||
<Setter Property="Fill" Value="{StaticResource WindowDarkBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.flat.cool">
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource WindowCool}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BlockShade}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Rectangle.scan">
|
||||
<Setter Property="Fill" Value="{StaticResource WindowCoreBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.beacon">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedLight}" />
|
||||
<GradientStop Offset="0.45" Color="{StaticResource BrandRed}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Border.plate">
|
||||
<Setter Property="Background" Value="{StaticResource TextStrongBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource BrandRedDarkBrush}" />
|
||||
<Setter Property="BorderThickness" Value="0.8" />
|
||||
<Setter Property="CornerRadius" Value="2" />
|
||||
</Style>
|
||||
<Style Selector="Path.digit">
|
||||
<Setter Property="Stroke" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.5" />
|
||||
<Setter Property="StrokeThickness" Value="1.25" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
<Setter Property="Width" Value="6.5" />
|
||||
<Setter Property="Height" Value="9" />
|
||||
<Setter Property="Stretch" Value="Uniform" />
|
||||
<Setter Property="Width" Value="4.8" />
|
||||
<Setter Property="Height" Value="6.6" />
|
||||
<Setter Property="HorizontalAlignment" Value="Center" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
<Style Selector="Border.device">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceRaisedBrush}" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource TextSoftBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.5" />
|
||||
<Setter Property="BorderBrush" Value="{StaticResource DeviceEdgeBrush}" />
|
||||
<Setter Property="BorderThickness" Value="1.2" />
|
||||
<Setter Property="Background">
|
||||
<LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource DeviceLit}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource DeviceShade}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Border.screen">
|
||||
<Setter Property="Background" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="Background">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource ScreenHigh}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource ScreenLow}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Border.flash">
|
||||
<Setter Property="Background" Value="{StaticResource TextStrongBrush}" />
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
</Style>
|
||||
<Style Selector="Border.photoFrame">
|
||||
<Style Selector="Path.sheen">
|
||||
<Setter Property="Fill" Value="{StaticResource SheenBrush}" />
|
||||
<Setter Property="IsHitTestVisible" Value="False" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.lens">
|
||||
<Setter Property="Fill" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource DeviceEdgeBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="0.5" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.homeBar">
|
||||
<Setter Property="Fill" Value="{StaticResource DeviceEdgeBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.screenGlow">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Border.polaroid">
|
||||
<Setter Property="Background" Value="{StaticResource TextStrongBrush}" />
|
||||
<Setter Property="CornerRadius" Value="2" />
|
||||
<Setter Property="Padding" Value="2" />
|
||||
<Setter Property="CornerRadius" Value="1.5" />
|
||||
<Setter Property="Padding" Value="2,2,2,5" />
|
||||
</Style>
|
||||
<Style Selector="Canvas.photo">
|
||||
<Setter Property="Background" Value="{StaticResource BrandRedLightBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.hills">
|
||||
<Setter Property="Fill" Value="{StaticResource BrandRedDarkBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.sun">
|
||||
<Setter Property="Fill" Value="{StaticResource CautionBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.packet">
|
||||
<Setter Property="Fill" Value="{StaticResource TextStrongBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Path.heart">
|
||||
<Setter Property="Fill" Value="{StaticResource BrandRedBrush}" />
|
||||
<Style Selector="Path.heart, Path.heartlet">
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedLight}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRed}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.badge.good">
|
||||
<Setter Property="Fill" Value="{StaticResource GoodBrush}" />
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource GoodLight}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Good}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.badge.caution">
|
||||
<Setter Property="Fill" Value="{StaticResource CautionBrush}" />
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="50%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource CautionLight}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Caution}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.badgeGlow.good">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource GoodGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource GoodClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.badgeGlow.caution">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0" Color="{StaticResource CautionGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource CautionClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.badgeMark">
|
||||
<Setter Property="Stroke" Value="{StaticResource GroundBrush}" />
|
||||
@@ -718,6 +997,46 @@
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="StrokeJoin" Value="Round" />
|
||||
</Style>
|
||||
<Style Selector="Path.beam">
|
||||
<Setter Property="Opacity" Value="0" />
|
||||
<Setter Property="Fill">
|
||||
<LinearGradientBrush StartPoint="0%,100%" EndPoint="100%,0%">
|
||||
<GradientStop Offset="0" Color="{StaticResource Beam}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BeamClear}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.callout">
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
<Setter Property="Stroke" Value="{StaticResource TrimSoftBrush}" />
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush Center="40%,30%" GradientOrigin="40%,30%" RadiusX="70%" RadiusY="70%">
|
||||
<GradientStop Offset="0" Color="{StaticResource SurfaceRaised}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource Ground}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.calloutGlow">
|
||||
<Setter Property="Fill">
|
||||
<RadialGradientBrush>
|
||||
<GradientStop Offset="0.6" Color="{StaticResource BrandRedGlow}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedClear}" />
|
||||
</RadialGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Path.orbit">
|
||||
<Setter Property="StrokeThickness" Value="2" />
|
||||
<Setter Property="StrokeLineCap" Value="Round" />
|
||||
<Setter Property="Stroke">
|
||||
<LinearGradientBrush StartPoint="50%,0%" EndPoint="100%,100%">
|
||||
<GradientStop Offset="0" Color="{StaticResource BrandRedClear}" />
|
||||
<GradientStop Offset="1" Color="{StaticResource BrandRedLight}" />
|
||||
</LinearGradientBrush>
|
||||
</Setter>
|
||||
</Style>
|
||||
<Style Selector="Ellipse.led">
|
||||
<Setter Property="Fill" Value="{StaticResource CautionBrush}" />
|
||||
</Style>
|
||||
|
||||
<Style Selector="Border.story">
|
||||
<Setter Property="Background" Value="{StaticResource SurfaceBrush}" />
|
||||
@@ -734,7 +1053,6 @@
|
||||
<Setter Property="Background" Value="{StaticResource GroundBrush}" />
|
||||
<Setter Property="CornerRadius" Value="21,21,0,0" />
|
||||
<Setter Property="ClipToBounds" Value="True" />
|
||||
<Setter Property="Padding" Value="0,8,0,0" />
|
||||
</Style>
|
||||
<Style Selector="Border.storyMark">
|
||||
<Setter Property="Width" Value="44" />
|
||||
@@ -780,22 +1098,6 @@
|
||||
<Setter Property="Fill" Value="{StaticResource BrandRedLightBrush}" />
|
||||
<Setter Property="VerticalAlignment" Value="Center" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.callout">
|
||||
<Setter Property="Fill" Value="{StaticResource SurfaceBrush}" />
|
||||
<Setter Property="Stroke" Value="{StaticResource TextSoftBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
</Style>
|
||||
<Style Selector="Path.calloutLine">
|
||||
<Setter Property="Stroke" Value="{StaticResource TextSoftBrush}" />
|
||||
<Setter Property="StrokeThickness" Value="1.2" />
|
||||
<Setter Property="StrokeDashArray" Value="2,3" />
|
||||
</Style>
|
||||
<Style Selector="Rectangle.slot">
|
||||
<Setter Property="Fill" Value="{StaticResource LineBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Ellipse.led">
|
||||
<Setter Property="Fill" Value="{StaticResource GoodBrush}" />
|
||||
</Style>
|
||||
<Style Selector="Border.farewell">
|
||||
<Setter Property="Background" Value="{StaticResource GroundBrush}" />
|
||||
</Style>
|
||||
|
||||
Reference in new issue
Block a user