@import "/static/global.less";

.keyboard-shortcut-context {
    margin-bottom: @tripleSpacing;

    dl {
        line-height: 20px;
    }

    dt,
    dd {
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
    }

    dt {
        width: 190px;
        margin-right: 10px;
    }

    dd {
        margin: 0;

        &.separator {
            white-space: pre-wrap;
        }
    }

    kbd {
        min-height: 21px;
        min-width: 21px;
        margin: 0 2px;
        padding: 0 5px;
        text-transform: uppercase;
        color:  @bodyTextColor;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.18);
        background: #f9f9f9;
        font-family: sans-serif;
        font-size: @font-size-small;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
        .box-sizing();
        .linear-gradient-vertical(#ffffff, #f2f2f2);
        .border-radius(3px); // same as buttons
    }

} // .keyboard-shortcut-context


#keyboard-shortcut-dialog .keyboard-shortcut-help {
    outline: none;
}

#keyboard-shortcut-dialog {
    .aui-group > .aui-item:first-child {
        padding-right: @doubleSpacing;
    }

    .dialog-panel-body {

        h3 {
            border-bottom: 1px solid @dividerColor;
            padding-bottom: @halfSpacing;
        }
    }
} // #keyboard-shortcut-dialog