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