@import "declaration";

.gooseMenu{
    .gradient(#e8e8e8, #cccccc);
    border-bottom:1px solid #CACACA; /* IE8 */
    border-bottom:1px solid rgba(0,0,0,0.2);
    padding: 0 0 10px 0;
    position:relative;

    @sideBarW: 250px;
    @basicW: 117px;
    @basicPadding: 10px;
    @avatarD: @sideBarW - @basicW - @basicPadding - @imgB * 2;
    @imgMargin: 10px;
    @imgD: @avatarD - @imgMargin * 2;
    @imgB: 1px;

    .avatar{
        float:left;
        line-height:@avatarD;
        position:relative;
        text-align:center;
        z-index:1;

        img{
            .boxshadow(0 0 3px #fff);
            .dimension(@imgD, @imgD);
            .radius(2px);
            border: @imgB solid rgba(0,0,0,0.2);
            line-height:@avatarD;
            margin:@imgMargin @imgMargin 0 @imgMargin;
        }
    }

    .basic{
        float:left;
        padding:@basicPadding @basicPadding 0 0;
        width:@basicW;

        .name{
            font-size:15px;
            font-weight:bold;
            margin:0 0 2px;
            overflow:hidden;
        }

        select{
            margin:0;
            width:@basicW;
        }
    }

    .friendStatus{
        float:left;
        margin-top:10px;
        width:@basicW;
    }
}

.goMyWay{
    .radius(3px);
    background-color: rgba(113,165,223,0.3);
    background-color: ~"C5D5E6\9";
    border:1px solid rgba(0,0,0,0.1);
    border:~"#B3C1D0\9";
    display:inline-block;
    line-height: 16px;
    margin: 5px 0 0 0;
    padding: 5px;

    .count{
        .font(15px,bold);
    }
}