layer.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /**
  2. * 自定义扩展layer弹窗样式
  3. * 火星科技 http://marsgis.cn
  4. */
  5. .layui-layer-lan[type=dialog] {
  6. min-width: 400px;
  7. }
  8. /*自定义弹窗样式 */
  9. .layer-mars-dialog {
  10. background-color: transparent !important;
  11. border: 1px solid rgba(32,160,255,0.6);
  12. border-radius: 5px !important;
  13. }
  14. .layer-mars-dialog .layui-layer-title {
  15. padding: 0 80px 0 10px;
  16. border-color: rgba(32,160,255,0.3);
  17. background: rgba(30,36,50,0.6);
  18. height: 40px;
  19. line-height: 40px;
  20. color: #FFFFFF;
  21. font-size: 16px;
  22. }
  23. .layer-mars-dialog .layui-layer-content {
  24. color: #FFFFFF;
  25. background-color: rgba(30,36,50,0.6);
  26. border: 0;
  27. }
  28. .layer-mars-dialog .layui-layer-btn {
  29. background-color: rgba(30,36,50,0.6);
  30. }
  31. .layer-mars-dialog .layui-layer-setwin .layui-layer-min cite {
  32. background-color: #ffffff;
  33. }
  34. /*自定义弹窗样式, 图片背景 样式*/
  35. .layer-mars-dialog2 {
  36. background-color: transparent !important;
  37. }
  38. .layer-mars-dialog2 .layui-layer-title {
  39. border-top: 22px solid transparent;
  40. border-left: 10px solid transparent;
  41. border-right: 45px solid transparent;
  42. border-bottom: 0;
  43. border-image: url(./img/title-border.png) 22 45 22 10 round;
  44. background-color: transparent;
  45. height: 20px;
  46. line-height: 20px;
  47. background-image: url('./img/title-background1.png'),url('./img/title-background2.png');
  48. background-repeat: no-repeat,no-repeat;
  49. background-position: left center,center;
  50. background-size: auto,100% 100%;
  51. padding-left: 20px;
  52. padding-right: 35px;
  53. font-size: 16px;
  54. color: #FFFFFF;
  55. }
  56. .layer-mars-dialog2 .layui-layer-content {
  57. color: #FFFFFF;
  58. background-color: transparent;
  59. background-image: url(./img/content-background.png);
  60. border: 1px solid rgba(32,160,255,0.52);
  61. border-top: 0;
  62. }
  63. .layer-mars-dialog2 .layui-layer-setwin {
  64. width: 39px;
  65. height: 26px;
  66. right: 0;
  67. top: -10px;
  68. }
  69. .layer-mars-dialog2 .layui-layer-setwin .layui-layer-close.layui-layer-close1 {
  70. width: 100%;
  71. height: 100%;
  72. background: url(./img/close.png) no-repeat right top;
  73. margin-left: 0;
  74. }