No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

admin.css 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @charset "utf-8";
  2. .w50{width:50px!important;}
  3. .w100{width:100px!important;}
  4. .w200{width:200px!important;}
  5. .w300{width:300px!important;}
  6. .w400{width:400px!important;}
  7. .w500{width:500px!important;}
  8. .w600{width:600px!important;}
  9. .text-danger {color: #d26a5c; }
  10. .text-info {color: #70b9eb; }
  11. .text-warning {color: #f3b760; }
  12. .text-success {color: #46c37b; }
  13. .text-primary {color: #5c90d2; }
  14. .text-center {text-align: center !important; }
  15. code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
  16. .childrenBody {padding: 15px;background-color: #F2F2F2;}
  17. .is-dialog .layer-footer {display: none;}
  18. .panel_box{ margin-bottom:5px;}
  19. .panel{ text-align:center; height:90px;}
  20. .panel_box a{display:block;overflow:hidden; height:80px;background: #fff; border: 1px solid #eee;}
  21. .panel_icon{ width:40%; display: inline-block; line-height:80px; float:left; position:relative; height:100%;}
  22. .panel_icon i{ font-size:40px !important; color:#fff; display: inline-block;}
  23. .panel_word{ width:60%; display: inline-block; float:right; margin:13px 0 14px; }
  24. .panel_word span{ font-size:25px; display:block; height:34px; }
  25. .panel .loginTime{ font-size:15px; color:#1E9FFF; line-height:34px;}
  26. .panel em{ font-style:normal;}
  27. .layui-form-field-label{display: block; padding:3px 0px; font-weight: 400; line-height: 20px;position: relative;}
  28. .layui-table-tool .yzn-btn-primary{color: #fff; background-color: #2c3e50; }
  29. .layui-table-tool .layui-btn-sm i {font-size: 14px !important;}
  30. .layui-table-tool .layui-btn + .layui-btn {margin-left: 2px !important;}
  31. .editor_tool .layui-btn+.layui-btn {margin-left: 0px;}
  32. .editor_tool .layui-form-checkbox {margin-right: 0px;}
  33. .yzn-bg-green {background: -moz-linear-gradient(top,#73D08D,#5FB878); background: -o-linear-gradient(top,#73D08D,#5FB878); background: -ms-linear-gradient(top,#73D08D,#5FB878); background: -webkit-linear-gradient(top,#73D08D,#5FB878); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#73D08D,endColorstr=#5FB878); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#73D08D,endColorstr=#5FB878)"; box-shadow: 0 3px 14px 2px #CFF8DB }
  34. .yzn-bg-blue {background: -moz-linear-gradient(top,#65b8f5,#1898f7); background: -o-linear-gradient(top,#65b8f5,#1898f7); background: -ms-linear-gradient(top,#65b8f5,#1898f7); background: -webkit-linear-gradient(top,#65b8f5,#1898f7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#30A1F5,endColorstr=#1E9FFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#30A1F5,endColorstr=#1E9FFF)"; box-shadow: 0 3px 14px 2px #CEE8FC }
  35. .yzn-bg-red {background: -moz-linear-gradient(top,#F86738,#FF5722); background: -o-linear-gradient(top,#F86738,#FF5722); background: -ms-linear-gradient(top,#F86738,#FF5722); background: -webkit-linear-gradient(top,#F86738,#FF5722); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F86738,endColorstr=#FF5722); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#F86738,endColorstr=#FF5722)"; box-shadow: 0 3px 14px 2px #FFE4DB }
  36. .yzn-bg-orange {background: -moz-linear-gradient(top,#ff8c67,#FF5722); background: -o-linear-gradient(top,#ff8c67,#FF5722); background: -ms-linear-gradient(top,#ff8c67,#FF5722); background: -webkit-linear-gradient(top,#ff8c67,#FF5722); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC93B,endColorstr=#FFB800); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#FFC93B,endColorstr=#FFB800)"; box-shadow: 0 3px 14px 2px #FFD4E0 }
  37. .yzn-bg-purple {background: -moz-linear-gradient(top,#CB5DEF,#9825D1); background: -o-linear-gradient(top,#CB5DEF,#9825D1); background: -ms-linear-gradient(top,#CB5DEF,#9825D1); background: -webkit-linear-gradient(top,#CB5DEF,#9825D1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CB5DEF,endColorstr=#9825D1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#CB5DEF,endColorstr=#9825D1)"; box-shadow: 0 3px 14px 2px #F1D0FD }
  38. /**弹出层样式*/
  39. .layui-layer-yzn .layui-layer-title {background: #2c3e50 !important; color: #fff !important; border-bottom: none; }
  40. .layui-layer-yzn .layui-layer-setwin span{color:#fff;}
  41. .layui-layer-yzn .layui-layer-setwin .layui-layer-max:after,.layui-layer-yzn .layui-layer-setwin .layui-layer-max:before {border: 1px solid #fff;background: #2c3e50}
  42. .layui-layer-yzn .layui-layer-setwin .layui-layer-min:before {background-color: #fff;}
  43. .layui-layer-yzn.layui-layer-border {border: none !important; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important; }
  44. .layui-layer-yzn.layui-layer-iframe {overflow: visible; }
  45. .layui-layer-yzn .layui-layer-moves {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
  46. .layui-layer-yzn .layui-layer-btn {text-align: center !important; padding: 10px !important; background: #ecf0f1; overflow: hidden; }
  47. .layui-layer-yzn .layui-layer-btn a {background-color: #95a5a6; border-color: #95a5a6; color: #fff !important; height: 31px; margin-top: 0; border: 1px solid transparent; }
  48. .layui-layer-yzn .layui-layer-btn .layui-layer-btn0 {background-color: #1E9FFF; border-color: #1E9FFF; }
  49. .layui-layer-yzn .layui-layer-footer {padding: 8px 20px; background-color: #ecf0f1; height: auto; text-align: inherit !important; }
  50. .layui-layer-content {clear: both; }
  51. .layui-layer-yzn-msg {min-width: 100px; }
  52. .fieldlist dd {display: block;margin: 5px 0;}
  53. .fieldlist dd input {display: inline-block;width: 300px;}
  54. .fieldlist dd input:first-child {width: 110px;}
  55. .fieldlist dd ins {width: 110px;display: inline-block;text-decoration: none;font-weight: bold;margin-right: 10px;line-height: 38px;}
  56. /*alert*/
  57. .alert {padding: 15px; margin-bottom: 17px; border: 1px solid transparent; border-radius: 3px;}
  58. .alert h4 {font-weight: 600; }
  59. .alert .icon {margin-right: 10px; }
  60. .alert .close {color: #000; opacity: 0.2; filter: alpha(opacity=20); }
  61. .alert .close:hover {opacity: 0.5; filter: alpha(opacity=50); }
  62. .alert a {color: #fff; text-decoration: underline; }
  63. .alert-success {border-color: #15a589; }
  64. .alert-danger, .alert-error {border-color: #e43725; }
  65. .alert-warning {border-color: #e08e0b; }
  66. .alert-info {border-color: #258cd1; }
  67. .alert-primary-light {background-color: #E2E5E8; border-color: #D0D4D8; color: #85878A; }
  68. .alert-primary-light a {color: #787a7d; }
  69. .alert-success-light {background-color: #dff0d8; border-color: #d1eac8; color: #468847; }
  70. .alert-success-light a {color: #3d773e; }
  71. .alert-danger-light, .alert-error-light {background-color: #f2dede; border-color: #ebcdcd; color: #b94a48; }
  72. .alert-danger-light a, .alert-error-light a {color: #a74240; }
  73. .alert-warning-light {background-color: #fcf8e3; border-color: #faf3cd; color: #c09853; }
  74. .alert-warning-light a {color: #b78c43; }
  75. .alert-info-light {background-color: #d9edf7; border-color: #c6e4f3; color: #3a87ad; }
  76. .alert-info-light a {color: #34789a; }
  77. /*即将废弃*/.layui-form-mid2{display: block; padding: 9px 0!important; line-height: 20px; margin-right: 10px; padding-left: 140px !important; }
  78. .layui-form-mid.no-float{float: none !important;margin-left: 140px !important;padding-bottom: 0 !important;}
  79. .layui-form-item-required:before {display: inline-block; margin-right: 4px; color: #f5222d; font-size: 14px; font-family: SimSun,sans-serif; line-height: 1; content: "*"; }
  80. .layui-form-item label.layui-form-label:after {content: ":"; position: relative; top: -.5px;margin-left: 2px;}
  81. .layui-badge {height: 22px;line-height: 22px;}
  82. /*重置layui样式*/
  83. .layui-btn-disabled, .layui-btn-disabled:active{pointer-events: none; }
  84. .layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
  85. border-color: #dcdfe6;
  86. }
  87. .layui-input[disabled], .layui-textarea[disabled] {background-color: #eee;}
  88. .layui-table .layui-btn+.layui-btn {margin-left: 5px;}
  89. .layui-form-label {width: 110px;}
  90. .layui-input-block {margin-left: 140px;max-width:70%;}
  91. .layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {border-color: #e6e6e6;}
  92. .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {background-color: #f2f2f2;}
  93. .layui-elem-quote{background-color: #f2f2f2;}
  94. /*图片上传缩略图*/
  95. .file-item.thumbnail .file-panel {position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; right: 0; top: -30px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
  96. .file-item.thumbnail:hover .file-panel {top: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
  97. .file-item.thumbnail { width: 100px; margin-right: 10px; text-align: center; display: block; margin-top: 15px; line-height: 100px; background-color: #fff; display: inline-block; }
  98. .file-item.thumbnail a{overflow: hidden; display: block;margin-bottom:10px;height: 100px;border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;position: relative; padding: 5px;}
  99. .file-item.thumbnail a img {cursor: zoom-in; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
  100. .file-item.thumbnail .info {display: none; }
  101. .file-item.thumbnail .file-panel i {font-size: 18px; color: #fff; width: 16px; height: 16px; line-height: 16px; z-index: 5; cursor: pointer; }
  102. .file-item.thumbnail .file-panel i.move-picture {cursor: move; }
  103. @media screen and (max-width: 768px) {
  104. /*即将废弃*/.layui-form-mid2{padding-left: 0px !important; }
  105. .layui-form-label {width: auto;float: none;text-align: left;padding: 9px 0px;}
  106. .layui-input-block {margin-left: 0;max-width:100%;}
  107. .layui-form-item .layui-input-inline {margin: 0 0 10px 0 !important;}
  108. .layui-form-item .layui-input-inline+.layui-form-mid {margin-left: 0 !important;}
  109. .layui-form-item .layui-form-mid.no-float {margin-left: 0 !important;}
  110. }