Attractive Styles for Fieldsets

A set of attractive and simple styles for Field Sets within a site.

HTML

<fieldset class="Bubble">
    <legend>Bubble Theme</legend>
    Content and other stuff goes here. Lorem ipsum dolor sit amet sorts of things, you know? Big long text blocks and such which nobody really cares to read, but that fills up space so you can see how word-wrap and stuff works. Frankly - it's kindof a waste of time to write this, since nobody reads it - but heck... while I'm here, I might as well.
</fieldset>

<fieldset class="Glass">
    <legend>Glass Theme</legend>
    Content and other stuff goes here. Lorem ipsum dolor sit amet sorts of things, you know? Big long text blocks and such which nobody really cares to read, but that fills up space so you can see how word-wrap and stuff works. Frankly - it's kindof a waste of time to write this, since nobody reads it - but heck... while I'm here, I might as well.
</fieldset>

SCSS

body { background-color: #fff; }

$photoBG: url(http://www.gopinkboots.com/images/photo-bg.png);

@mixin rounded($size) {
    -ie-border-radius: $size;
    -khtml-border-radius: $size;
    -moz-border-radius: $size;
    -webkit-border-radius: $size;
    border-radius: $size;
}
@mixin borderImage($style) {
    -ie-border-image: $style;
    -khtml-border-image: $style;
    -moz-border-image: $style;
    -webkit-border-image: $style;
    border-image: $style;
}
@mixin rotate($deg) {
    -ie-transform: rotate($deg);
    -khtml-transform: rotate($deg);
    -moz-transform: rotate($deg);
    -webkit-transform: rotate($deg);
    transform: rotate($deg);
}

fieldset {
    margin: 25px;
    padding: 10px;
    text-align: justify;
}

fieldset.Bubble {
    @include rounded(15px);
    
    border: 5px solid #ccc;
    padding: 10px;
    
    legend {
        @include rounded(10px);

        background: #ccc;
        border: 5px solid #ccc;
        color: #fff;
        font-weight: bold;
        padding: 0 10px;
        position: relative;
        text-shadow: #999 1px 1px 1px;
    }
}

fieldset.Glass {
    @include rounded(5px);
    
    border: 2px #6AC groove;
    position: relative;
    padding-top: 25px;
    overflow: hidden;

    legend {
        @include rounded('3px 3px 0 0');
    
        background-color: #268;
        background-image: url(http://jqueryui.com/themeroller/images/?new=226688&w=500&h=100&f=png&q=100&fltr[]=over|textures/12_gloss_wave.png|0|0|55);
        background-position: 50% 50%;
        border-width: 0 0 2px 0;
        border-style: groove;
        color: #fff;
        display: block;
        font-weight: 900;
        padding: 0 0 5px 0;
        position: absolute;
        left: 0; top: 0;
        height: 15px; width: 100%;
    }
}