awx/awx/ui/client/legacy/styles/jquery-ui-overrides.less

/*********************************************
 *  Copyright (c) 2015 Ansible, 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: 15px;
    color: @default-interface-txt;
    font-weight: bold;
    line-height: normal;
    font-family: 'Open Sans', helvetica;
    text-transform: uppercase;
}
.ui-dialog {
    .close {
        font-size: 18px;
        font-weight: bold;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        line-height: 1;
        opacity: 1;
        text-shadow: 0 1px 0 @white;
        color:@d7grey;
    }
    .close:hover{
        color:@default-icon;
    }
    .ui-widget {
        font-family: 'Open Sans', sans-serif;
    }
    .ui-widget-header {
        border-radius: 0;
        border: none;
    }
    .ui-dialog-titlebar {
        padding-bottom: 0;
        padding-top: 12px;

        button.close i {
          font-size: 24px;
        }
    }
    .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;
    }

    button.btn.btn-primary,
    button.btn.btn-default {
      padding: 5px 15px;
      font-size: 12px;
      line-height: 1.5;
      transition: background-color 0.2s;
      font-size: 12px;
    }

    button.btn.btn-primary {
      text-transform: uppercase;
      background-color: @default-succ;
      border-color: @default-succ;

      &:hover {
        background-color: @default-succ-hov;
        border-color: @default-succ-hov;
      }

      &:disabled {
        background-color: @default-succ-disabled;
        border-color: @default-succ-disabled;
      }
    }

    button.btn.btn-default {
      text-transform: uppercase;
      border-color: @b7grey;
      color: @default-interface-txt;
    }

    .ui-dialog-buttonpane.ui-widget-content {
      border: none;
      margin: 0;
      padding-top: 0;
      padding-right: 8px;
    }

    .input-group-btn.dropdown, .List-pagination, .List-tableHeader {
      font-family: 'Open Sans', sans-serif;
    }

}
.ui-dialog-buttonpane > .ui-dialog-buttonset {
    button {
        margin-left: 20px;
    }
}

.ui-dialog-buttonset {
    text-transform: uppercase;

    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: @default-bg;

    a,
    a:visited,
    a:active {
        color: @blue-link;
        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: @default-interface-txt;
    }

    .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;
}

.ui-spinner.ui-state-disabled,
.ui-state-disabled .ui-spinner-button {
    cursor: not-allowed !important;
}

.ui-state-disabled .ui-spinner-button:hover {
    background-color: @default-bg !important;
}

.ui-state-disabled.ui-widget-content {
    background-color: @ebgrey !important;
}