gistfile1.txt

@import "colors.less";
@import "mixins.less";
@import "base.less";

#content {
    .station-section {

        .station-title {
            font-size: 24px;
            padding-left: 4px;
            border-bottom: 2px solid @black;

            strong {
                font-weight: bold;
                color: @green;
            }
        }
        .station {
            width: 156px;
            height: 156px;
            position: relative;
            display: inline-block;
            margin: 10px;
            cursor: pointer;
            cursor: hand;


            .station-details {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 156px;
                height: 156px;

                .station-top, .station-bottom {
                    background: @ddd-gray;
                    height: 30px;
                    width: 156px;
                }

                .station-top {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    display: none;

                    .play-me {
                        color: @white;
                        background: @dddd-gray;
                        padding: 4px;
                        margin: 5px;
                        width: 12px;
                        text-decoration: none;
                        float: left;
                    }
                    .details {
                        color: @white;
                        background: @dddd-gray;
                        padding: 4px;
                        margin: 5px;
                        float: right;
                        text-transform: uppercase;
                        font-size: 10px;
                        letter-spacing: 1px;
                        text-decoration: none;
                    }
                }

                .station-bottom {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;

                    .play-me {
                        float: right;
                        height: 26px;
                        width: 26px;
                        padding: 2px;
                    }

                    .station-name {
                        margin: 4px;
                        width: 110px;
                        line-height: 14px;
                        padding: 4px;
                        font-size: 12px;
                        color: @white;
                        background-color: @dddd-gray;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
            }
        }
    }
}