sweetalert2-wr.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. .swal2-popup {
  2. width: 400px!important;
  3. }
  4. .swal2-icon {
  5. font-size: 20px !important;
  6. width: 24px;
  7. height: 24px;
  8. line-height: 24px !important;
  9. border: 2px solid transparent;
  10. border-top-color: transparent;
  11. border-right-color: transparent;
  12. border-bottom-color: transparent;
  13. border-left-color: transparent;
  14. border-radius: 50%;
  15. margin: 22px 16px 10px 15px;
  16. padding: 0;
  17. position: relative;
  18. -webkit-box-sizing: content-box;
  19. box-sizing: content-box;
  20. cursor: default;
  21. -webkit-user-select: none;
  22. -moz-user-select: none;
  23. -ms-user-select: none;
  24. user-select: none;
  25. }
  26. .swal2-icon.swal2-success .swal2-success-ring {
  27. width: 24px;
  28. height: 24px;
  29. border: 2px solid rgba(165,220,134,.2);
  30. }
  31. .swal2-icon.swal2-success [class^="swal2-success-circular-line"] {
  32. width: 0;
  33. }
  34. .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
  35. /*width: 17px;
  36. right: 3px;
  37. top: 9px;*/
  38. width: 17px;
  39. right: 1px;
  40. top: 11px;
  41. -webkit-transform: rotate(-45deg);
  42. transform: rotate(-45deg);
  43. }
  44. .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
  45. -webkit-transform: rotate(45deg);
  46. transform: rotate(45deg);
  47. left: 4px;
  48. }
  49. .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
  50. -webkit-transform: rotate(-45deg);
  51. transform: rotate(-45deg);
  52. right: 4px;
  53. }
  54. .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  55. position: absolute;
  56. height: 3px;
  57. width: 17px;
  58. background-color: #f27474;
  59. display: block;
  60. top: 11px;
  61. border-radius: 2px;
  62. }
  63. .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
  64. /*width: 8px;
  65. left: 0px;
  66. top: 11px;*/
  67. width: 8px;
  68. left: 2.5px;
  69. top: 12.5px;
  70. -webkit-transform: rotate(45deg);
  71. transform: rotate(45deg);
  72. }
  73. .swal2-icon.swal2-success [class^="swal2-success-line"] {
  74. height: 3px;
  75. /*background-color: #a5dc86;*/
  76. display: block;
  77. border-radius: 2px;
  78. position: absolute;
  79. z-index: 2;
  80. }
  81. .swal2-icon.swal2-success .swal2-success-fix {
  82. height: 0;
  83. }
  84. .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] {
  85. top: -37px;
  86. }
  87. .swal2-animate-success-line-tip, .swal2-animate-success-line-long {
  88. -webkit-animation: none;
  89. animation: none;
  90. }
  91. .swal2-contentwrapper {
  92. margin-top: -36px;
  93. margin-left: 50px;
  94. }
  95. .swal2-popup .swal2-title {
  96. font-size: 16px;
  97. color: #333333;
  98. letter-spacing: 0;
  99. text-align: left;
  100. line-height: 24px;
  101. /*padding-left: 30px;*/
  102. }
  103. .swal2-popup .swal2-content {
  104. font-size: 14px;
  105. color: #666666;
  106. letter-spacing: 0;
  107. text-align: left;
  108. line-height: 22px;
  109. }
  110. .swal2-popup .swal2-buttonswrapper {
  111. justify-content: right;
  112. }
  113. .swal2-popup .swal2-styled {
  114. font-size: 14px;
  115. color: #FFFFFF;
  116. text-align: center;
  117. padding: 6px 20px;
  118. margin: 2px 8px 0;
  119. }
  120. .swal2-popup .swal2-confirm {
  121. background: #678CEB !important;
  122. border-radius: 4px;
  123. border-color: #678CEB !important;
  124. }
  125. .swal2-popup .swal2-cancel {
  126. background: #FFFFFF !important;
  127. border: 1px solid #DDDDDD !important;
  128. border-radius: 4px;
  129. font-size: 14px;
  130. color: #333333 !important;
  131. }