/* * @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 */ /* 整体样式覆盖 */ body { color: black; } blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, td, textarea, th, ul { letter-spacing: 1px; margin: 0px; padding: 0px; font: 12px "microsoft yahei", "Times New Roman", 宋体, Times, serif; } .layui-form-label { font: 12px "microsoft yahei", "Times New Roman", 宋体, Times, serif; } /* 分页卡片中标题行显示调整 */ .layui-card-header > h3 { display: inline-block; } /* 按钮调小尺寸 */ .layui-btn-sm { padding: 0 6px; } /* 按钮调整四角弧度 */ .layui-btn { border-radius: 5px; } /* 表单禁用颜色调深 */ 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: right; 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; } /**/ .layui-form-radio > i { font-size: 18px; } /* 鱼骨图修饰 */ .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-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-btn-md { padding: 0 9px; } .layui-btn { line-height: 28px; height: 28px; } 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; } */ /* 顶部导航栏间距 */ } @media (max-width: 768px) { /* 手机页面表单项宽度调整 */ .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: 30px; } /* 手机屏幕下拉居中 */ .layui-form-select .layui-input { padding-right: 0; } /* 手机页面表单项高度调整 */ .layui-form-item .layui-inline { /* display: block !important; */ margin-bottom: 2px; } .layui-input-block { min-height: 30px; } .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: 14px; } .layui-form-label { text-align: right; font-size: 14px; } .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-btn-md { padding: 0 9px; } .layui-btn { line-height: 26px; height: 26px; } 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-btn-ss { line-height: 20px; height: 20px; }