tba-gx-guochan/public/static/plugins/layui/css/overwrite.css

/*
 * @Name: 覆盖原有样式
 * @Version: 20180311
 * @Description: 
 * @Author: Qian Yujie 
 * @Create Time: 2018-03-11 22:53:00 
 * @Last Modified by: Qian Yujie
 * @Last Modified time: 2018-12-26 21:58:17
 */
/* tab选项卡缩短间距 */
.layui-card .layui-card-body .layui-tab-brief .layui-tab-title li {
    margin: 0 10px;
}

/* 登录页面缩小宽度 */
.layadmin-user-login .layadmin-user-login-main {
    width: 330px;
}

/* 弹窗四角增加弧度 */
.layui-layer.layui-layer-page {
    border-radius: 5px;
}

/* 整体样式覆盖 */
body {
    color: black;
}


/* 分页卡片中标题行显示调整 */
.layui-card-header > h3 {
    display: inline-block;
}

/* 分页卡片中按钮样式 */
.layui-card-header > a {
    margin-top: 6px;
    padding: 0 15px;
    float: right;
}

/* 分页卡片中标题栏高度自适应 */
.layui-card-header {
    height: auto;
}

/* 按钮组调整四角弧度 */
.layui-btn-group .layui-btn:first-child {
    border-radius: 5px 0 0 5px;
}

.layui-btn-group .layui-btn:last-child {
    border-radius: 0 5px 5px 0;
}

/* 按钮组间距 */
.layui-btn + .layui-btn {
    margin-left: 5px;
}

/* 按钮调小尺寸 */
.layui-btn-sm {
    padding: 0 6px;
}

/* 按钮调整四角弧度 */
.layui-btn {
    border-radius: 5px;
}

/* 数据表格缩短高度 */
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 0;
}

/* 数据表格分页居右 */
.layui-box.layui-laypage {
    float: right;
}

/* 表格中进度条位置 */
.layui-table .progress {
    margin-top: 10px;
}

/* 数据表格缩短两边空白 */
.layui-table-cell {
    padding: 0 10px;
}

/* 表格文本颜色加深 */
.layui-table {
    color: #111;
}

/* 表单禁用颜色调深 */
input.layui-disabled, input.layui-disabled:hover {
    background: #f8f8f8 !important;
    color: #111 !important;
}

/* 手机屏幕下拉居中 */
.layui-form-select .layui-input {
    padding-right: 15px;
}

/* 表单左侧文字增加宽度 */
.layui-form-item .layui-inline {
    margin-right: 0;
}

/* 表单文本、文本域四周圆角 */
.layui-input, .layui-textarea {
    border-radius: 5px;
}

/* 表单block宽度调整 */
.layui-input-block {
    margin-left: 97px;
}

/* 表单label宽度调整 */
.layui-form-label {
    padding: 9px 9px 9px 5px;
    text-align: center;
    font-size: 16px;
    width: 80px;
}

/* 表单模块底部距离调短 */
.layui-form-item {
    margin-bottom: 2px;
}

.layui-form-mid {
    margin-left: 7px;
}

/* 表单文本输入框禁用 */
input[disabled] {
    background: #f8f8f8 !important;
    border-color: #eee !important;
    /* cursor: not-allowed !important; */
    color: #111 !important;
}

/* input[readonly] {
    background: #f8f8f8 !important;
    border-color: #eee !important;
    cursor: not-allowed !important;
    color: #111 !important;
} */
/* 表单文本输入框调整 */
.layui-input {
    padding-left: 5px;
}

/* 鱼骨图修饰 */
.fishBone .item .content ul li {
    line-height: 16px !important;
    word-break: break-word;
    white-space: normal;
}

.fishBone .item .content ul li.line-first {
    line-height: 26px !important;
}

.fishBone .item .content ul li.line-last {
    line-height: normal !important;
}

.fishBone .item .content ul li.link-line {
    line-height: normal !important;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 1600px) {
    /* 表格行高压缩 */
    .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
        line-height: 32px;
        height: 32px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 6px;
    }

    /* 底部组件显示调整 */
    .layui-layout-admin .layui-body .layui-footer {
        z-index: 10000;
        padding: 5px 0;
    }

    /* 表单高度调整 */
    .layui-input, .layui-select, .layui-textarea {
        height: 30px;
        font-size: 12px;
    }

    .layui-form-item .layui-inline {
        margin-bottom: 3px;
    }

    .layui-input-block {
        min-height: 30px;
    }

    .layui-form-switch {
        margin-top: 4px;
    }

    .layui-form-label {
        padding: 5px 9px 5px 5px;
        font-size: 12px;
    }

    .layui-form-mid {
        margin-left: 7px;
    }

    /* 数据表格缩短两边空白 */
    .layui-table-cell {
        padding: 0 5px;
    }

    input[type=radio], .layui-form select {
        font-size: 12px;
    }

    .layui-form-radio * {
        font-size: 12px;
    }

    .layui-form-radio {
        line-height: 22px;
        padding-right: 10px;
        cursor: pointer;
        font-size: 0px;
        margin: 2px 10px 0px 0px;
    }

    .layui-form-radio > i {
        margin-right: 2px;
        font-size: 14px;
    }

    /* 下拉弹出层 */
    .layui-form-select dl {
        top: 28px;
    }

    .layui-form-select dl dd, .layui-form-select dl dt {
        padding: 0 10px;
        line-height: 28px;
        font-size: 12px;
    }

    /* 按钮高度调整 */
    .layui-btn-md {
        padding: 0 9px;
    }

    .layui-btn {
        line-height: 21px;
        height: 21px;
    }

    /* 顶部导航栏 */
    .layui-layout.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
    .layui-layout.layui-layout-admin .layui-logo {
        line-height: 40px;
        height: 40px;
    }

    .layadmin-tabspage-none .layui-layout.layui-layout-admin .layui-body {
        top: 40px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title li {
        line-height: 32px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title {
        height: 32px;
    }

    .layui-layout.layui-layout-admin .layui-header {
        height: 40px;
    }

    .layui-layout.layui-layout-admin .layui-body {
        top: 72px;
    }

    .layui-layout-admin .layadmin-pagetabs {
        line-height: 32px;
        height: 32px;
        top: 40px;
    }

    .layui-card.layadmin-header {
        line-height: 36px;
        height: 36px;
    }

    /* 多标签页 */
    .layui-tab-title .layui-this:after {
        height: 33px;
    }

    .layui-tab-title li {
        line-height: 32px;
    }

    .layui-tab-title {
        height: 32px;
    }

    /* 辅助内容高度调整 */
    .layui-body .layui-fluid {
        padding: 10px;
    }

    div[after-assist]::after {
        top: 3px;
    }

    .layui-form-mid {
        padding: 5px 0 !important;
    }

    .text-assist {
        top: 3px;
    }

    /* 笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2:hover {
        background-position: -149px -31.1px;    
    }
    笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2 {
        background-position: -149px -31.1px;    
    } */
    /* 顶部导航栏间距 */
    .layui-nav .layui-nav-item a {
        padding: 0 15px;
    }

    .layui-layer-title {
        padding: 0 80px 0 20px;
        height: 32px;
        line-height: 32px;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        color: #333;
        overflow: hidden;
        background-color: #F8F8F8;
        border-radius: 2px 2px 0 0;
    }

    .layui-layer-setwin {
        top: 10px;
    }

}

@media (max-width: 768px) {
    /* tab选项卡缩短间距 */
    .layui-card .layui-card-body .layui-tab-brief .layui-tab-title li {
        margin: 0 5px;
    }

    /* 手机页面减小四周宽度 */
    .layui-card .layui-tab.layui-tab-brief .layui-tab-content {
        padding: 10px 5px;
    }

    /* 手机页面表单项宽度调整 */
    .layui-form-item .layui-inline .layui-input-inline {
        margin: 0 0 0 117px;
        width: auto;
    }

    .layui-form-item .layui-inline .layui-input-block {
        left: -3px;
    }

    /* 表单高度调整 */
    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 10px;
    }

    .layui-input, .layui-select, .layui-textarea {
        height: 38px;
    }

    /* 手机屏幕下拉居中 */
    .layui-form-select .layui-input {
        padding-right: 0;
    }

    /* 手机页面表单项高度调整 */
    .layui-form-item .layui-inline {
        /* display: block !important; */
        margin-bottom: 2px;
    }

    .layui-input-block {
        min-height: 38px;
    }

    .layui-form-switch {
        margin-top: 7px;
    }

    .layui-form-label {
        padding: 9px 9px 9px 5px;
    }

    /* 手机模式防止分页显示异常 */
    .layui-box.layui-laypage {
        float: none;
    }

    /* 手机页面下固定列不显示 */
    .layui-table-fixed {
        display: none;
    }

    /* 分页卡片调整 */
    .layui-card-header {
        padding: 5px;
    }

    .layui-card-body {
        padding: 5px;
    }

    /* 辅助内容高度调整 */
    div[after-assist]::after {
        top: 7px;
    }

    .text-assist {
        top: 7px;
    }

    /* 数据表格顶部按钮栏 */
    .layui-table-tool {
        display: none;
    }
}

/*
 * @Name: 覆盖原有样式
 * @Version: 20180311
 * @Description: 
 * @Author: Qian Yujie 
 * @Create Time: 2018-03-11 22:53:00 
 * @Last Modified by: Qian Yujie
 * @Last Modified time: 2018-12-26 21:58:17
 */

/* tab选项卡缩短间距 */
.layui-card .layui-card-body .layui-tab-brief .layui-tab-title li {
    margin: 0 10px;
}

/* 登录页面缩小宽度 */
.layadmin-user-login .layadmin-user-login-main {
    width: 330px;
}

/* 弹窗四角增加弧度 */
.layui-layer.layui-layer-page {
    border-radius: 5px;
}

/* 整体样式覆盖 */
body {
    color: black;
}


/* 分页卡片中标题行显示调整 */
.layui-card-header > h3 {
    display: inline-block;
}

/* 分页卡片中按钮样式 */
.layui-card-header > a {
    margin-top: 6px;
    padding: 0 15px;
    float: right;
}

/* 分页卡片中标题栏高度自适应 */
.layui-card-header {
    height: auto;
}

/* 按钮组调整四角弧度 */
.layui-btn-group .layui-btn:first-child {
    border-radius: 5px 0 0 5px;
}

.layui-btn-group .layui-btn:last-child {
    border-radius: 0 5px 5px 0;
}

/* 按钮组间距 */
.layui-btn + .layui-btn {
    margin-left: 5px;
}

/* 按钮调小尺寸 */
.layui-btn-sm {
    padding: 0 6px;
}

/* 按钮调整四角弧度 */
.layui-btn {
    border-radius: 5px;
}

/* 数据表格缩短高度 */
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
    padding: 0;
}

/* 数据表格分页居右 */
.layui-box.layui-laypage {
    float: right;
}

/* 表格中进度条位置 */
.layui-table .progress {
    margin-top: 10px;
}

/* 数据表格缩短两边空白 */
.layui-table-cell {
    padding: 0 10px;
}

/* 表格文本颜色加深 */
.layui-table {
    color: #111;
}

/* 表单禁用颜色调深 */
input.layui-disabled, input.layui-disabled:hover {
    background: #f8f8f8 !important;
    color: #111 !important;
}

/* 手机屏幕下拉居中 */
.layui-form-select .layui-input {
    padding-right: 15px;
}

/* 表单左侧文字增加宽度 */
.layui-form-item .layui-inline {
    margin-right: 0;
}

/* 表单文本、文本域四周圆角 */
.layui-input, .layui-textarea {
    border-radius: 5px;
}

/* 表单block宽度调整 */
.layui-input-block {
    margin-left: 117px;
}

/* 表单label宽度调整 */
.layui-form-label {
    padding: 9px 10px 9px 5px;
    text-align: center;
    font-size: 16px;
    width: 102px;
}

/* 表单模块底部距离调短 */
.layui-form-item {
    margin-bottom: 2px;
}

.layui-form-mid {
    margin-left: 7px;
}

/* 表单文本输入框禁用 */
input[disabled] {
    background: #f8f8f8 !important;
    border-color: #eee !important;
    /* cursor: not-allowed !important; */
    color: #111 !important;
}

/* input[readonly] {
    background: #f8f8f8 !important;
    border-color: #eee !important;
    cursor: not-allowed !important;
    color: #111 !important;
} */
/* 表单文本输入框调整 */
.layui-input {
    padding-left: 5px;
}

/* 鱼骨图修饰 */
.fishBone .item .content ul li {
    line-height: 16px !important;
    word-break: break-word;
    white-space: normal;
}

.fishBone .item .content ul li.line-first {
    line-height: 26px !important;
}

.fishBone .item .content ul li.line-last {
    line-height: normal !important;
}

.fishBone .item .content ul li.link-line {
    line-height: normal !important;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 1600px) {
    /* 表格行高压缩 */
    .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
        line-height: 32px;
        height: 32px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 6px;
    }

    /* 底部组件显示调整 */
    .layui-layout-admin .layui-body .layui-footer {
        z-index: 10000;
        padding: 5px 0;
    }

    /* 表单高度调整 */
    .layui-input, .layui-select, .layui-textarea {
        height: 30px;
    }

    .layui-form-item .layui-inline {
        margin-bottom: 3px;
    }

    .layui-input-block {
        min-height: 30px;
    }

    .layui-form-switch {
        margin-top: 4px;
    }

    .layui-form-label {
        padding: 5px 10px 5px 5px;
    }

    .layui-form-mid {
        margin-left: 7px;
    }

    /* 数据表格缩短两边空白 */
    .layui-table-cell {
        padding: 0 5px;
    }

    /* 按钮高度调整 */
    .layui-btn-md {
        padding: 0 9px;
    }

    .layui-btn {
        line-height: 28px;
        height: 28px;
    }

    /* 顶部导航栏 */
    .layui-layout.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
    .layui-layout.layui-layout-admin .layui-logo {
        line-height: 40px;
        height: 40px;
    }

    .layadmin-tabspage-none .layui-layout.layui-layout-admin .layui-body {
        top: 40px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title li {
        line-height: 32px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title {
        height: 32px;
    }

    .layui-layout.layui-layout-admin .layui-header {
        height: 40px;
    }

    .layui-layout.layui-layout-admin .layui-body {
        top: 72px;
    }

    .layui-layout-admin .layadmin-pagetabs {
        line-height: 32px;
        height: 32px;
        top: 40px;
    }

    .layui-card.layadmin-header {
        line-height: 36px;
        height: 36px;
    }

    /* 多标签页 */
    .layui-tab-title .layui-this:after {
        height: 33px;
    }

    .layui-tab-title li {
        line-height: 32px;
    }

    .layui-tab-title {
        height: 32px;
    }

    /* 辅助内容高度调整 */
    .layui-body .layui-fluid {
        padding: 10px;
    }

    div[after-assist]::after {
        top: 3px;
    }

    .layui-form-mid {
        padding: 5px 0 !important;
    }

    .text-assist {
        top: 3px;
    }

    /* 笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2:hover {
        background-position: -149px -31.1px;    
    }
    笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2 {
        background-position: -149px -31.1px;    
    } */
    /* 顶部导航栏间距 */
    .layui-nav .layui-nav-item a {
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    /* tab选项卡缩短间距 */
    .layui-card .layui-card-body .layui-tab-brief .layui-tab-title li {
        margin: 0 5px;
    }

    /* 手机页面减小四周宽度 */
    .layui-card .layui-tab.layui-tab-brief .layui-tab-content {
        padding: 10px 5px;
    }

    /* 手机页面表单项宽度调整 */
    .layui-form-item .layui-inline .layui-input-inline {
        margin: 0 0 0 117px;
        width: auto;
    }

    .layui-form-item .layui-inline .layui-input-block {
        left: -3px;
    }

    /* 表单高度调整 */
    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 10px;
    }

    .layui-input, .layui-select, .layui-textarea {
        height: 38px;
    }

    /* 手机屏幕下拉居中 */
    .layui-form-select .layui-input {
        padding-right: 0;
    }

    /* 手机页面表单项高度调整 */
    .layui-form-item .layui-inline {
        /* display: block !important; */
        margin-bottom: 2px;
    }

    .layui-input-block {
        min-height: 38px;
    }

    .layui-form-switch {
        margin-top: 7px;
    }

    .layui-form-label {
        padding: 9px 10px 9px 5px;
    }

    /* 手机模式防止分页显示异常 */
    .layui-box.layui-laypage {
        float: none;
    }

    /* 手机页面下固定列不显示 */
    .layui-table-fixed {
        display: none;
    }

    /* 分页卡片调整 */
    .layui-card-header {
        padding: 5px;
    }

    .layui-card-body {
        padding: 5px;
    }

    /* 辅助内容高度调整 */
    div[after-assist]::after {
        top: 7px;
    }

    .text-assist {
        top: 7px;
    }

    /* 数据表格顶部按钮栏 */
    .layui-table-tool {
        display: none;
    }
}

@media (min-width: 1600px) {

    .layui-form-item {
        margin-bottom: 3px;
    }

    .layui-input, .layui-select, .layui-textarea {
        height: 30px;
    }

    *. {
        font-family: "微软雅黑";
    }

    .layui-row, .layui-form-label {
        font-size: 13px;
    }

    .layui-form-label {
        text-align: right;
    }

    /* 表格行高压缩 */
    .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
        line-height: 32px;
        height: 32px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 6px;
    }

    /* 底部组件显示调整 */
    .layui-layout-admin .layui-body .layui-footer {
        z-index: 10000;
        padding: 5px 0;
    }

    /* 表单高度调整 */
    .layui-input, .layui-select, .layui-textarea {
        height: 30px;
    }

    .layui-form-pane .layui-form-label {
        height: 30px;
    }

    .layui-form-item .layui-inline {
        margin-bottom: 3px;
    }

    .layui-input-block {
        min-height: 30px;
    }

    .layui-form-switch {
        margin-top: 4px;
    }

    .layui-form-label {
        padding: 5px 10px 5px 5px;
    }

    .layui-form-mid {
        margin-left: 7px;
    }

    /* 数据表格缩短两边空白 */
    .layui-table-cell {
        padding: 0 5px;
    }

    /* 按钮高度调整 */
    .layui-btn-md {
        padding: 0 9px;
    }

    .layui-btn {
        line-height: 26px;
        height: 26px;
    }

    /* 顶部导航栏 */
    .layui-layout.layui-layout-admin .layui-header .layui-nav .layui-nav-item,
    .layui-layout.layui-layout-admin .layui-logo {
        line-height: 40px;
        height: 40px;
    }

    .layadmin-tabspage-none .layui-layout.layui-layout-admin .layui-body {
        top: 40px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title li {
        line-height: 32px;
    }

    .layadmin-pagetabs .layui-tab .layui-tab-title {
        height: 32px;
    }

    .layui-layout.layui-layout-admin .layui-header {
        height: 40px;
    }

    .layui-layout.layui-layout-admin .layui-body {
        top: 72px;
    }

    .layui-layout-admin .layadmin-pagetabs {
        line-height: 32px;
        height: 32px;
        top: 40px;
    }

    .layui-card.layadmin-header {
        line-height: 36px;
        height: 36px;
    }

    /* 多标签页 */
    .layui-tab-title .layui-this:after {
        height: 33px;
    }

    .layui-tab-title li {
        line-height: 32px;
    }

    .layui-tab-title {
        height: 32px;
    }

    /* 辅助内容高度调整 */
    .layui-body .layui-fluid {
        padding: 10px;
    }

    div[after-assist]::after {
        top: 3px;
    }

    .layui-form-mid {
        padding: 5px 0 !important;
    }

    .text-assist {
        top: 3px;
    }

    /* 笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2:hover {
        background-position: -149px -31.1px;
    }
    笔记本屏幕右上角关闭按钮
    .layui-layer-setwin a.layui-layer-close2 {
        background-position: -149px -31.1px;
    } */
    /* 顶部导航栏间距 */
    .layui-nav .layui-nav-item a {
        padding: 0 15px;
    }


}