awx/awx/ui/static/less/jquery-ui-overrides.less

/*********************************************
 *  Copyright (c) 2014 AnsibleWorks, Inc.
 *
 *  jquery-ui-overrides.less
 *
 *  Additions to the custom-theme to make things
 *  look closer to Twitter Bootstrap
 *
 */


table.ui-datepicker-calendar {
    background-color: @well;
}

/* Modal dialog */

.ui-dialog-title {
    font-size: 22px;
    color: @blue;
    font-weight: bold;
    line-height: normal;
}
.ui-dialog {
    .close {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        line-height: 1;
        opacity: .7;
        text-shadow: 0 1px 0 @white;
    }
    .ui-widget-header {
        border-radius: 0;
        border: none;
        border-bottom: 1px solid #A9A9A9;
        height: 55px;
    }
    .ui-dialog-titlebar {
        padding-bottom: 0;
        padding-top: 12px;
    }
    .ui-dialog-titlebar .ui-state-default {
        background-image: none;
        background-color: @white;
        border-color: @white;
        color: #A9A9A9;
    }
    .mono-space {
        font-family: Fixed, monospace;
    }
    textarea.resizable {
        resize: vertical;
    }
    .ui-resizable-se {
        right: 5px;
        bottom: 5px;
        background-position: -80px -224px;
        color: @black;
    }
}

.ui-dialog-buttonset {
    button.btn.btn-default.ui-state-hover,
    button.btn.btn-default.ui-state-active,
    button.btn.btn-default.ui-state-focus {
        font-weight: normal;
        }
    button.btn.btn-primary.ui-state-hover,
    button.btn.btn-primary.ui-state-active,
    button.btn.btn-primary.ui-state-focus {
        background-image: none;
        color: @white;
        background-color: @blue-dark;
        border-color: #285e8e;
        text-decoration: none;
        font-weight: normal;
    }
    max-height: 48px;
}

.ui-widget-overlay.ui-front {
    background-image: none;
    background-color: #000;
    opacity: .6;
}

.ui-dialog-content.ui-widget-content {
    padding-top: 20px;
}

.ui-widget-content {
    background-image: none;
    background-color: @white;

    a,
    a:visited,
    a:active {
        color: @blue;
        text-decoration: none;
    }

    a:hover,
    a:focus {
        color: @blue-dark;
        text-decoration: none;
    }

    .red-txt,
    a.red-txt:visited,
    a.red-txt:hover,
    a.red-txt:active {
        color: @red;
    }

    .dropdown-menu>li>a {
        color: @black;
    }

    .pagination .active {
        a, a:visited, a:active {
            color: @white;
        }
    }
}

.ui-state-default {
    background-image: none;
    background-color: @white;
    border: 1px solid @grey;
}

.ui-accordion-header-active {
    background-color: #E8E8E8;
}

/*.ui-state-active {
    background-image: none;
    background-color: #f5f5f5;
}*/

.ui-widget-content {
    border: 1px solid @grey;
}

.ui-spinner a.ui-spinner-button {
    border-left: 1px solid #A6C9E2;
}

.ui-front {
    z-index: 1100;
}

.ui-accordion .ui-accordion-header {
    margin-top: 1px;
}