vt.less

@block: ~".b-vt";

@{block} {
    font: normal 14px sans-serif;

    display: table;
    margin-bottom: 50px;

    &__tabs,
    &__contents {
        display: table-cell;
        vertical-align: top;
    }

    &__tabs {
        border-style: solid;
        border-width: 1px 0;
        border-color: #dddddd;

        background-color: #dddddd;
    }

    &__tab {
        width: 200px;
        height: 40px;
        padding: 0 10px;
        line-height: 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;

        overflow: hidden;
        text-overflow: ellipsis;

        border-style: solid;
        border-width: 1px;
        border-color: transparent transparent #ffffff;

        background-color: #dddddd;

        cursor: pointer;

        &_selected {
            border-color: transparent transparent #ffffff #dddddd;
            background-color: #e4ff99;

            cursor: default;
        }
    }

    &__contents {
        border-style: solid;
        border-width: 1px 1px 1px 0;
        border-color: #dddddd;

        background-color: #e4ff99;
    }

    &__content {
        font-size: 12px;

        display: none;
        padding: 0 10px;

        &_selected {
            display: block;
        }
    }
}

.b-lorem {
    display: none;
}