main.css 2.31 KB
form input.ng-invalid.ng-dirty.ng-invalid-required {
    background-color: #FFC0CB;
}
form input.ng-valid.ng-dirty.ng-valid-required {
    background-color: #78FA89;
}

/*.ng-invalid.ng-dirty {*/
    /*background-color: #FFC0CB;*/
/*}*/
/*.ng-valid.ng-dirty {*/
    /*background-color: #78FA89;*/
/*}*/

.ui-select-container.ng-invalid.ng-dirty.ng-invalid-required .form-control {
    background-color: #FFC0CB;
}
.ui-select-container.ng-valid.ng-dirty.ng-valid-required .form-control {
    background-color: #78FA89;
}

/** 居中弹出框(如:导入弹出框) */
.center-modal {
    position: fixed;
    top: 10%;
    left: 18.5%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}

/* 排序选项弹出框 */
.order-option-modal .modal-dialog {
    position: fixed;
    top: 10%;
    left: 30%;
    z-index: 1050;
    width: 40%;
    height: 80%;
}

.fixDiv {
    min-height: 200px;
    min-width: 600px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

/* 固定表格,防止内容撑出表格 */
.fixTable {
    table-layout: fixed;
    margin-bottom: 10px;
}

/** 内容不换行,多余的用...表示 */
.fixTable thead th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** 内容不换行,多余的用...表示 */
.fixTable tbody td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flyover .alert {
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: 1050;
}

.flyover.mask {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: black;
    z-index: 1049;
}

/* route-container ui-route的样式 */
/* 开始时的样式 */
.uv.ng-enter {
    transition: .5s;  /* 当使用css transition实现动画效果时,在开始时的样式中必须包含transition的设置 */
    opacity: 0;
}
/* 结束时的样式 */
.uv.ng-enter.ng-enter-active {
     opacity: 1;
}

/* 分页条样式 */
.pageBar {
    height: 55px;
    border: solid 1px #ddd;
    background-color: #fafafa;

}
.pageBar > .pageBarLeft {
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    color: #337ab7;
}
.pageBar > .pageBarRight {
    float: right;
    margin-right: 5px;
}