<h1>
    Gauge Focus Styling
</h1>
<p>
    You can use the "wj-state-focused" pseudo-class to add special
    effects to gauges when they contain the focus.
</p>
<p>
    In this example, we customized the appearance of the thumb
    when the gauges have focus:
</p>

@(Html.C1().LinearGauge().Id("linear")
    .Value(50).Max(100)
    .IsReadOnly(false).HasShadow(false).ThumbSize(12)
    .Face(f => f.Thickness(0.25))
    .Pointer(p => p.Thickness(0.25))
)
@(Html.C1().RadialGauge().Id("radial")
    .Value(50).Max(100)
    .IsReadOnly(false).HasShadow(false)
    .ShowText(ShowText.Value).ThumbSize(6)
    .Face(f => f.Thickness(0.05))
    .Pointer(p => p.Thickness(0.05))
)