style.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. /**
  2. * layer皮肤
  3. * Copyright (c) 2019 ruoyi
  4. */
  5. html #layui_layer_skinmoonstylecss {
  6. display: none;
  7. position: absolute;
  8. width: 1989px;
  9. }
  10. body .layer-ext-moon[type="dialog"] {
  11. min-width: 320px;
  12. }
  13. body .layer-ext-moon-msg[type="dialog"]{min-width:200px;}
  14. body .layer-ext-moon .layui-layer-title {
  15. background: #F8F8F8;
  16. color: #333;
  17. font-size: 14px;
  18. height: 42px;
  19. line-height: 42px;
  20. border: none;
  21. }
  22. body .layer-ext-moon .layui-layer-content .layui-layer-ico {
  23. height: 32px;
  24. width: 32px;
  25. top:18.5px;
  26. }
  27. body .layer-ext-moon .layui-layer-ico0 {
  28. background: url(default.png) no-repeat -96px 0;
  29. ;
  30. }
  31. body .layer-ext-moon .layui-layer-ico1 {
  32. background: url(default.png) no-repeat -224px 0;
  33. ;
  34. }
  35. body .layer-ext-moon .layui-layer-ico2 {
  36. background: url(default.png) no-repeat -192px 0;
  37. }
  38. body .layer-ext-moon .layui-layer-ico3 {
  39. background: url(default.png) no-repeat -160px 0;
  40. }
  41. body .layer-ext-moon .layui-layer-ico4 {
  42. background: url(default.png) no-repeat -320px 0;
  43. }
  44. body .layer-ext-moon .layui-layer-ico5 {
  45. background: url(default.png) no-repeat -288px 0;
  46. }
  47. body .layer-ext-moon .layui-layer-ico6 {
  48. background: url(default.png) -256px 0;
  49. }
  50. body .layer-ext-moon .layui-layer-ico7 {
  51. background: url(default.png) no-repeat -128px 0;
  52. }
  53. body .layer-ext-moon .layui-layer-setwin {
  54. top: 15px;
  55. right: 15px;
  56. }
  57. body .layer-ext-moon .layui-layer-setwin a {
  58. width: 16px;
  59. height: 16px;
  60. }
  61. body .layer-ext-moon .layui-layer-setwin .layui-layer-min cite:hover {
  62. background-color: #56abe4;
  63. }
  64. body .layer-ext-moon .layui-layer-setwin .layui-layer-max {
  65. background: url(default.png) no-repeat -80px 0;
  66. }
  67. body .layer-ext-moon .layui-layer-setwin .layui-layer-max:hover {
  68. background: url(default.png) no-repeat -64px 0;
  69. }
  70. body .layer-ext-moon .layui-layer-setwin .layui-layer-maxmin {
  71. background: url(default.png) no-repeat -32px 0;
  72. }
  73. body .layer-ext-moon .layui-layer-setwin .layui-layer-maxmin:hover {
  74. background: url(default.png) no-repeat -16px 0;
  75. }
  76. body .layer-ext-moon .layui-layer-setwin .layui-layer-close1,body .layer-ext-moon .layui-layer-setwin .layui-layer-close2 {
  77. background: url(default.png) 0 0;
  78. }
  79. body .layer-ext-moon .layui-layer-setwin .layui-layer-close1:hover,body .layer-ext-moon .layui-layer-setwin .layui-layer-close2:hover {
  80. background: url(default.png) -48px 0;
  81. }
  82. body .layer-ext-moon .layui-layer-padding{padding-top: 24px;}
  83. body .layer-ext-moon .layui-layer-btn {
  84. text-align: right;
  85. padding: 10px 15px 12px;
  86. background: #f0f4f7;
  87. border-top: 1px #c7c7c7 solid;
  88. }
  89. body .layer-ext-moon .layui-layer-btn a {
  90. font-size: 12px;
  91. font-weight: normal;
  92. margin: 0 3px;
  93. margin-right: 7px;
  94. margin-left: 7px;
  95. padding: 0 15px;
  96. color: #fff;
  97. border: 1px solid #0064b6;
  98. background: #0071ce;
  99. border-radius: 3px;
  100. display: inline-block;
  101. height: 30px;
  102. line-height: 30px;
  103. text-align: center;
  104. vertical-align: middle;
  105. background-repeat: no-repeat;
  106. text-decoration: none;
  107. outline: none;
  108. -moz-box-sizing: content-box;
  109. -webkit-box-sizing: content-box;
  110. box-sizing: content-box;
  111. }
  112. body .layer-ext-moon .layui-layer-btn .layui-layer-btn0 {
  113. background: #0071ce;
  114. }
  115. body .layer-ext-moon .layui-layer-btn .layui-layer-btn1 {
  116. background: #fff;
  117. color: #404a58;
  118. border: 1px solid #c0c4cd;
  119. border-radius: 3px;
  120. }
  121. body .layer-ext-moon .layui-layer-btn .layui-layer-btn2 {
  122. background: #f60;
  123. color: #fff;
  124. border: 1px solid #f60;
  125. border-radius: 3px;
  126. }
  127. body .layer-ext-moon .layui-layer-btn .layui-layer-btn3 {
  128. background: #f00;
  129. color: #fff;
  130. border: 1px solid #f00;
  131. border-radius: 3px;
  132. }
  133. body .layer-ext-moon .layui-layer-title span.layui-layer-tabnow{
  134. height:47px;
  135. }