style.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /*
  2. * @authors Espresso (130054555@qq.com)
  3. * @date 2015-05-20 10:42:38
  4. * @link http://www.2lpp.com/layer
  5. *
  6. * .----.
  7. * _.'__ `.
  8. * .--(@)(@)----/#\
  9. * .' @ /###\
  10. * : , #####
  11. * `-..__.-' _.-\###/
  12. * `;_: `"'
  13. * .'"""""`.
  14. * //espresso\
  15. * // 版权所有 \
  16. * `-._______.-'
  17. * ___`. | .'___
  18. * (______|______)
  19. *
  20. */
  21. html #layui_layer_skinespressostylecss {
  22. display: none;
  23. position: absolute;
  24. width: 1989px;
  25. }
  26. body .layer-ext-espresso {
  27. border: 6px solid #8D8D8D;
  28. border: 6px solid rgba(0, 0, 0, 0.3);
  29. border-radius: 3px;
  30. background: #f8f8f8;
  31. }
  32. body .layer-ext-espresso .layui-layer-padding {
  33. padding: 27px 20px 22px 75px;
  34. }
  35. body .layer-ext-espresso .layui-layer-title {
  36. border-bottom: 1px solid #eee;
  37. font-size: 18px;
  38. color: #0e90d2;
  39. padding: 0;
  40. text-indent: 1em;
  41. font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
  42. height: 50px;
  43. line-height: 44px;
  44. }
  45. body .layer-ext-espresso .layui-layer-min cite {
  46. height: 5px;
  47. background: #000;
  48. }
  49. body .layer-ext-espresso .layui-layer-close {
  50. background: url(close.png);
  51. width: 14px;
  52. height: 14px;
  53. transition: all 0.3s ease 0s;
  54. }
  55. body .layer-ext-espresso .layui-layer-close:hover {
  56. transform: rotate(360deg);
  57. text-indent: 0;
  58. text-decoration: none;
  59. background-position: 0 0;
  60. }
  61. body .layer-ext-espresso .layui-layer-max {
  62. background: none;
  63. border: 1px solid #000;
  64. border-top-width: 4px;
  65. height: 10px;
  66. overflow: hidden;
  67. }
  68. body .layer-ext-espresso .layui-layer-max:hover {
  69. transform: rotate(360deg);
  70. border-color: #2D93CA;
  71. }
  72. body .layer-ext-espresso .layui-layer-setwin {
  73. top: 18px;
  74. }
  75. body .layer-ext-espresso .layui-layer-content .layui-layer-ico {
  76. width: 48px;
  77. height: 48px;
  78. }
  79. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico0 {
  80. background: url("icon.png") 0 0;
  81. background-repeat: no-repeat;
  82. }
  83. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico1 {
  84. background: url("icon.png") -52px 0;
  85. background-repeat: no-repeat;
  86. }
  87. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico2 {
  88. background: url("icon.png") -105px 0;
  89. background-repeat: no-repeat;
  90. }
  91. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico3 {
  92. background: url("icon.png") -156px 0;
  93. background-repeat: no-repeat;
  94. }
  95. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico4 {
  96. background: url("icon.png") -210px 0;
  97. background-repeat: no-repeat;
  98. }
  99. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico5 {
  100. background: url("icon.png") -261px 0;
  101. background-repeat: no-repeat;
  102. }
  103. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico6 {
  104. background: url("icon.png") -314px 0;
  105. background-repeat: no-repeat;
  106. }
  107. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico7 {
  108. background: url("icon.png") -367px 0;
  109. background-repeat: no-repeat;
  110. }
  111. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico8 {
  112. background: url("icon.png") -419px 0;
  113. background-repeat: no-repeat;
  114. }
  115. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico9 {
  116. background: url("icon.png") -471px 0;
  117. background-repeat: no-repeat;
  118. }
  119. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico10 {
  120. background: url("icon.png") -524px 0;
  121. background-repeat: no-repeat;
  122. }
  123. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico11 {
  124. background: url("icon.png") -576px 0;
  125. background-repeat: no-repeat;
  126. }
  127. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico12 {
  128. background: url("icon.png") -629px 0;
  129. background-repeat: no-repeat;
  130. }
  131. body .layer-ext-espresso .layui-layer-content .layui-layer-ico.layui-layer-ico13 {
  132. background: url("icon.png") -681px 0;
  133. background-repeat: no-repeat;
  134. }
  135. body .layer-ext-espresso .layui-layer-btn {
  136. text-align: right;
  137. padding-right: 5px;
  138. }
  139. body .layer-ext-espresso .layui-layer-btn .layui-layer-btn0 {
  140. background: #0e90d2;
  141. height: 36px;
  142. line-height: 36px;
  143. padding: 0 25px;
  144. font-size: 14px;
  145. border-radius: 4px;
  146. }
  147. body .layer-ext-espresso .layui-layer-btn .layui-layer-btn1 {
  148. background: #f37b1d;
  149. height: 36px;
  150. line-height: 36px;
  151. padding: 0 25px;
  152. font-size: 14px;
  153. border-radius: 4px;
  154. }