.galaxy-frame{
    .corner {
        -moz-border-radius: @border-radius-large;
        border-radius: @border-radius-large;
    }

    .toggle {
        color: gold;
    }

    .frame-background {
        z-index         : @zindex-navbar;
        position        : absolute;
        display         : none;
        top             : 0px;
        left            : 0px;
        height          : 100%;
        width           : 100%;
        opacity         : 0.6;
        background      : @black;
        overflow        : auto;
    }

    .frame-shadow {
        z-index         : @zindex-navbar + 1;
        position        : absolute;
        display         : none;
        top             : 0px;
        left            : 0px;
        opacity         : 0.5;
        background      : @navbar-inverse-bg;
        border          : 1px solid @navbar-default-border;
    }

    /*
        panel menu button
    */
    .frame-menu {
        z-index         : @zindex-navbar + 5;
        position        : absolute;
        cursor          : pointer;
        color           : gold;
        right           : 10px;
    }

    .frame-scroll-up {
        top             : 50px;
    }

    .frame-scroll-down {
        bottom          : 20px;
    }

    /*
        frame components
    */
    
    .frame {
        z-index         : @zindex-navbar + 2;
        overflow        : hidden;
        position        : absolute;
        background      : @white;
        border          : 1px solid @navbar-default-border;
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    
        .f-content{
            position        : absolute;
            overflow        : hidden;
            background      : @white;
            border          : none;
            top             : 24px;
            bottom          : 3px;
            left            : 3px;
            right           : 3px;
        }

        .f-cover{
            position        : absolute;
            display         : none;
            top             : 0px;
            left            : 0px;
            height          : 100%;
            width           : 100%;
            opacity         : 0.0;
            background      : @white;
        }

        .f-iframe{
            border          : none;
            width           : 100%;
            height          : 100%;
        }

        .f-header{
            height          : 17px;
            margin          : 2px;
            cursor          : pointer;
            border          : 1px solid @black;
            background      : @base-color-1;
            color           : @white;
        }

        .f-title {
            position        : absolute;
            top             : 2px;
            left            : 16px;
            right           : 16px;
            font-size       : 12px;
            font-family     : @font-family-sans-serif;
            text-align      : center;
        }

        /*
            frame icons
        */

        .f-icon{
            position        : absolute;
            cursor          : pointer;
            font-size       : 14px;
        }

        .f-not-allowed{
            cursor          : not-allowed;
        }

        .f-close{
            right           : 5px;
            top             : 3px;
        }

        .f-pin{
            left            : 6px;
            top             : 3px;
        }

        .f-resize{
            right           : 0px;
            bottom          : 0px;
            background      : @white;
            width           : 16px;
            height          : 16px;
            color           : @base-color-1;
            right           : 0px;
            bottom          : 0px;
            text-align      : center;
            line-height     : 16px;
            border          : 0px;
        }
    }
}