retina.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. /**
  2. * UI v1.0.0
  3. * Copyright 2015-2017 Muyao
  4. * Licensed under the Muyao License 1.0
  5. */
  6. /**
  7. * 对layer官方默认样式中进行重写
  8. * 图标和loading图片均采用svg图片
  9. */
  10. .layui-layer-lan .layui-layer .layui-layer-title, .layui-layer-molv .layui-layer .layui-layer-title {
  11. color: #37474f;
  12. }
  13. .layui-layer .layui-layer-setwin .layui-layer-min cite {
  14. width: 12px;
  15. }
  16. .layui-layer .layui-layer-setwin .layui-layer-min:hover {
  17. opacity: .7;
  18. }
  19. .layui-layer .layui-layer-setwin .layui-layer-min:hover cite {
  20. background-color: #37474f;
  21. }
  22. .layui-layer .layui-layer-setwin .layui-layer-ico {
  23. background-repeat: no-repeat;
  24. background-position: center center;
  25. -webkit-background-size: 16px 16px;
  26. background-size: 16px 16px;
  27. }
  28. .layui-layer .layui-layer-setwin .layui-layer-ico:hover {
  29. opacity: .7;
  30. }
  31. .layui-layer .layui-layer-setwin .layui-layer-max {
  32. background-image: url("svg/maximize.svg");
  33. }
  34. .layui-layer .layui-layer-setwin .layui-layer-max.layui-layer-maxmin {
  35. background-image: url("svg/restore.svg");
  36. }
  37. .layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close1 {
  38. background-image: url("svg/close-1.svg");
  39. -webkit-background-size: 18px 18px;
  40. background-size: 18px;
  41. }
  42. .layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close2 {
  43. background-color: #fff;
  44. background-image: url("svg/close-2.svg");
  45. -webkit-background-size: 30px 30px;
  46. background-size: 30px;
  47. border: solid 3px #fff;
  48. border-radius: 50%;
  49. }
  50. .layui-layer .layui-layer-setwin .layui-layer-close.layui-layer-close2:hover {
  51. opacity: .9;
  52. }
  53. .layui-layer .layui-layer-content .layui-layer-ico {
  54. background: url("svg/icon-1.svg") no-repeat center center;
  55. -webkit-background-size: cover;
  56. background-size: cover;
  57. }
  58. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico2 {
  59. background-image: url("svg/icon-2.svg");
  60. }
  61. .layui-layer .layui-layer-content .layui-layer-ico {
  62. background: url("svg/icon-1.svg") no-repeat center center;
  63. -webkit-background-size: cover;
  64. background-size: cover;
  65. }
  66. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico3 {
  67. background-image: url("svg/icon-3.svg");
  68. }
  69. .layui-layer .layui-layer-content .layui-layer-ico {
  70. background: url("svg/icon-1.svg") no-repeat center center;
  71. -webkit-background-size: cover;
  72. background-size: cover;
  73. }
  74. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico4 {
  75. background-image: url("svg/icon-4.svg");
  76. }
  77. .layui-layer .layui-layer-content .layui-layer-ico {
  78. background: url("svg/icon-1.svg") no-repeat center center;
  79. -webkit-background-size: cover;
  80. background-size: cover;
  81. }
  82. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico5 {
  83. background-image: url("svg/icon-5.svg");
  84. }
  85. .layui-layer .layui-layer-content .layui-layer-ico {
  86. background: url("svg/icon-1.svg") no-repeat center center;
  87. -webkit-background-size: cover;
  88. background-size: cover;
  89. }
  90. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico6 {
  91. background-image: url("svg/icon-6.svg");
  92. }
  93. .layui-layer .layui-layer-content .layui-layer-ico {
  94. background: url("svg/icon-1.svg") no-repeat center center;
  95. -webkit-background-size: cover;
  96. background-size: cover;
  97. }
  98. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico7 {
  99. background-image: url("svg/icon-7.svg");
  100. }
  101. .layui-layer .layui-layer-content .layui-layer-ico {
  102. background: url("svg/icon-1.svg") no-repeat center center;
  103. -webkit-background-size: cover;
  104. background-size: cover;
  105. }
  106. .layui-layer .layui-layer-content .layui-layer-ico.layui-layer-ico8 {
  107. background-image: url("svg/icon-8.svg");
  108. }
  109. .layui-layer.layui-layer-loading .layui-layer-loading0 {
  110. background: url("svg/loading-0.svg") no-repeat center center;
  111. -webkit-background-size: 58px auto;
  112. background-size: 58px auto;
  113. }
  114. .layui-layer.layui-layer-loading .layui-layer-loading1 {
  115. background: url("svg/loading-1.svg") no-repeat center center;
  116. -webkit-background-size: 58px auto;
  117. background-size: 58px auto;
  118. }
  119. .layui-layer.layui-layer-loading .layui-layer-loading2 {
  120. background: url("svg/loading-2.svg") no-repeat center center;
  121. -webkit-background-size: 58px auto;
  122. background-size: 58px auto;
  123. }
  124. .layui-layer.layui-layer-msg {
  125. border: none;
  126. -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
  127. box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
  128. }
  129. .layui-layer.layui-layer-tab .layui-layer-title span.layui-this {
  130. height: 42px;
  131. }
  132. .layui-layer.layui-layer-tab .layui-layer-tabmain {
  133. padding: 1px;
  134. list-style: none;
  135. }
  136. .layui-layer.layui-layer-page {
  137. -webkit-box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
  138. box-shadow: 1px 1px 30px rgba(0, 0, 0, .1);
  139. }
  140. .layui-layer.layui-layer-page:not(.layui-layer-photos) .layui-layer-content {
  141. padding: 1px;
  142. }
  143. .layui-layer.layui-layer-photos .layui-layer-imgprev, .layui-layer.layui-layer-photos .layui-layer-imgnext {
  144. width: 40px;
  145. height: 60px;
  146. background-repeat: no-repeat;
  147. background-position: center center;
  148. -webkit-background-size: 100% auto;
  149. background-size: 100% auto;
  150. border-radius: 3px;
  151. opacity: .8;
  152. }
  153. .layui-layer.layui-layer-photos .layui-layer-imgprev:hover, .layui-layer.layui-layer-photos .layui-layer-imgnext:hover {
  154. background-color: rgba(0, 0, 0, .3);
  155. opacity: 1;
  156. }
  157. .layui-layer.layui-layer-photos .layui-layer-imgprev {
  158. background-image: url("svg/prev.svg");
  159. }
  160. .layui-layer.layui-layer-photos .layui-layer-imgnext {
  161. background-image: url("svg/next.svg");
  162. }
  163. .layui-layer.layui-layer-photos .layui-layer-imgbar {
  164. background-color: rgba(0, 0, 0, .3);
  165. }