google.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. .sweet-overlay {
  2. background: rgba(10, 10, 10, 0.6); }
  3. .sweet-alert {
  4. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  5. padding: 24px;
  6. padding-top: 64px;
  7. padding-bottom: 13px;
  8. text-align: right;
  9. border-radius: 0;
  10. box-shadow: 0 0 14px rgba(0, 0, 0, 0.24), 0 14px 28px rgba(0, 0, 0, 0.48); }
  11. .sweet-alert h2 {
  12. position: absolute;
  13. top: 0;
  14. left: 0;
  15. right: 0;
  16. height: auto;
  17. font-weight: 400;
  18. color: #212121;
  19. margin: 20px 0;
  20. font-size: 1.2em;
  21. line-height: 1.25;
  22. text-align: left;
  23. padding: 0 24px; }
  24. .sweet-alert p {
  25. display: block;
  26. text-align: center;
  27. color: #212121;
  28. font-weight: 400;
  29. font-size: 14px;
  30. margin: 20px 0; }
  31. .sweet-alert button {
  32. border-radius: 2px;
  33. box-shadow: none !important;
  34. background: none !important;
  35. border-radius: 2px;
  36. text-transform: uppercase;
  37. font-size: 14px;
  38. font-weight: 600;
  39. padding: 8px 16px;
  40. position: relative;
  41. margin-top: 0; }
  42. .sweet-alert button:hover, .sweet-alert button:focus {
  43. background-color: #f6f6f6 !important; }
  44. .sweet-alert button.confirm {
  45. color: #3c80f6; }
  46. .sweet-alert button.cancel {
  47. color: #757575; }
  48. .sweet-alert button.cancel:focus {
  49. box-shadow: none !important; }
  50. .sweet-alert .sa-icon:not(.sa-custom) {
  51. transform: scale(0.8);
  52. margin-bottom: -10px;
  53. margin-top: -10px; }
  54. .sweet-alert input {
  55. border: none;
  56. border-radius: 0;
  57. border-bottom: 1px solid #c9c9c9;
  58. color: #212121;
  59. margin-bottom: 8px;
  60. padding: 1px;
  61. padding-bottom: 8px;
  62. height: auto;
  63. box-shadow: none;
  64. font-size: 13px;
  65. margin: 10px 0; }
  66. .sweet-alert input:focus {
  67. border: none;
  68. border-bottom: 1px solid #3c80f6;
  69. box-shadow: inset 0 -1px 0 #3c80f6; }
  70. .sweet-alert fieldset {
  71. padding: 0; }
  72. .sweet-alert fieldset .sa-input-error {
  73. display: none; }
  74. .sweet-alert .sa-error-container {
  75. display: none;
  76. background: none;
  77. height: auto;
  78. padding: 0 24px;
  79. margin: 0 -20px;
  80. text-align: left; }
  81. .sweet-alert .sa-error-container.show {
  82. padding: 0 24px;
  83. display: block; }
  84. .sweet-alert .sa-error-container.show ~ fieldset input {
  85. background: red;
  86. border-bottom: 1px solid #d9453c;
  87. box-shadow: inset 0 -1px 0 #d9453c; }
  88. .sweet-alert .sa-error-container .icon {
  89. display: none; }
  90. .sweet-alert .sa-error-container p {
  91. color: #d9453c;
  92. margin-top: 0; }
  93. @-webkit-keyframes animateErrorIcon {
  94. 0% {
  95. transform: rotateX(100deg), scale(0.5);
  96. -webkit-transform: rotateX(100deg), scale(0.5);
  97. opacity: 0; }
  98. 100% {
  99. transform: rotateX(0deg), scale(0.5);
  100. -webkit-transform: rotateX(0deg), scale(0.5);
  101. opacity: 1; } }
  102. @keyframes animateErrorIcon {
  103. 0% {
  104. transform: rotateX(100deg), scale(0.5);
  105. -webkit-transform: rotateX(100deg), scale(0.5);
  106. opacity: 0; }
  107. 100% {
  108. transform: rotateX(0deg), scale(0.5);
  109. -webkit-transform: rotateX(0deg), scale(0.5);
  110. opacity: 1; } }