/* * @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; } }