You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

938 lines
25 KiB

  1. /**
  2. * alertifyjs 1.11.4 http://alertifyjs.com
  3. * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
  4. * Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com)
  5. * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
  6. .alertify .ajs-dimmer {
  7. position: fixed;
  8. z-index: 1981;
  9. top: 0;
  10. left: 0;
  11. bottom: 0;
  12. right: 0;
  13. padding: 0;
  14. margin: 0;
  15. background-color: #252525;
  16. opacity: .5;
  17. }
  18. .alertify .ajs-modal {
  19. position: fixed;
  20. top: 0;
  21. left: 0;
  22. right: 0;
  23. bottom: 0;
  24. padding: 0;
  25. overflow-y: auto;
  26. z-index: 1981;
  27. }
  28. .alertify .ajs-dialog {
  29. position: relative;
  30. margin: 5% auto;
  31. min-height: 110px;
  32. max-width: 500px;
  33. padding: 24px 24px 0 24px;
  34. outline: 0;
  35. background-color: #fff;
  36. }
  37. .alertify .ajs-dialog.ajs-capture:before {
  38. content: '';
  39. position: absolute;
  40. top: 0;
  41. left: 0;
  42. bottom: 0;
  43. right: 0;
  44. display: block;
  45. z-index: 1;
  46. }
  47. .alertify .ajs-reset {
  48. position: absolute !important;
  49. display: inline !important;
  50. width: 0 !important;
  51. height: 0 !important;
  52. opacity: 0 !important;
  53. }
  54. .alertify .ajs-commands {
  55. position: absolute;
  56. left: 4px;
  57. margin: -14px 0 0 24px;
  58. z-index: 2;
  59. }
  60. .alertify .ajs-commands button {
  61. display: none;
  62. width: 10px;
  63. height: 10px;
  64. margin-right: 10px;
  65. padding: 10px;
  66. border: 0;
  67. background-color: transparent;
  68. background-repeat: no-repeat;
  69. background-position: center;
  70. cursor: pointer;
  71. }
  72. .alertify .ajs-commands button.ajs-close {
  73. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
  74. }
  75. .alertify .ajs-commands button.ajs-maximize {
  76. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
  77. }
  78. .alertify .ajs-header {
  79. margin: -24px;
  80. margin-bottom: 0;
  81. padding: 16px 24px;
  82. background-color: #fff;
  83. }
  84. .alertify .ajs-body {
  85. min-height: 56px;
  86. }
  87. .alertify .ajs-body .ajs-content {
  88. padding: 16px 16px 16px 24px;
  89. }
  90. .alertify .ajs-footer {
  91. padding: 4px;
  92. margin-right: -24px;
  93. margin-left: -24px;
  94. min-height: 43px;
  95. background-color: #fff;
  96. }
  97. .alertify .ajs-footer .ajs-buttons.ajs-primary {
  98. text-align: left;
  99. }
  100. .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  101. margin: 4px;
  102. }
  103. .alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  104. float: right;
  105. clear: none;
  106. text-align: right;
  107. }
  108. .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  109. margin: 4px;
  110. }
  111. .alertify .ajs-footer .ajs-buttons .ajs-button {
  112. min-width: 88px;
  113. min-height: 35px;
  114. }
  115. .alertify .ajs-handle {
  116. position: absolute;
  117. display: none;
  118. width: 10px;
  119. height: 10px;
  120. left: 0;
  121. bottom: 0;
  122. z-index: 1;
  123. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  124. -webkit-transform: scaleX(-1);
  125. transform: scaleX(-1);
  126. cursor: sw-resize;
  127. }
  128. .alertify.ajs-no-overflow .ajs-body .ajs-content {
  129. overflow: hidden !important;
  130. }
  131. .alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  132. right: 0;
  133. left: 0;
  134. padding: 0;
  135. }
  136. .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  137. margin-right: -24px;
  138. margin-left: -24px;
  139. }
  140. .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  141. padding: 0;
  142. }
  143. .alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  144. right: 0;
  145. left: 0;
  146. }
  147. .alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
  148. .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  149. display: inline-block;
  150. }
  151. .alertify.ajs-closable .ajs-commands button.ajs-close {
  152. display: inline-block;
  153. }
  154. .alertify.ajs-maximized .ajs-dialog {
  155. width: 100% !important;
  156. height: 100% !important;
  157. max-width: none !important;
  158. margin: 0 auto !important;
  159. top: 0 !important;
  160. right: 0 !important;
  161. }
  162. .alertify.ajs-maximized.ajs-modeless .ajs-modal {
  163. position: fixed !important;
  164. min-height: 100% !important;
  165. max-height: none !important;
  166. margin: 0 !important;
  167. }
  168. .alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  169. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
  170. }
  171. .alertify.ajs-resizable .ajs-dialog,
  172. .alertify.ajs-maximized .ajs-dialog {
  173. padding: 0;
  174. }
  175. .alertify.ajs-resizable .ajs-commands,
  176. .alertify.ajs-maximized .ajs-commands {
  177. margin: 14px 0 0 24px;
  178. }
  179. .alertify.ajs-resizable .ajs-header,
  180. .alertify.ajs-maximized .ajs-header {
  181. position: absolute;
  182. top: 0;
  183. right: 0;
  184. left: 0;
  185. margin: 0;
  186. padding: 16px 24px;
  187. }
  188. .alertify.ajs-resizable .ajs-body,
  189. .alertify.ajs-maximized .ajs-body {
  190. min-height: 224px;
  191. display: inline-block;
  192. }
  193. .alertify.ajs-resizable .ajs-body .ajs-content,
  194. .alertify.ajs-maximized .ajs-body .ajs-content {
  195. position: absolute;
  196. top: 50px;
  197. left: 24px;
  198. bottom: 50px;
  199. right: 24px;
  200. overflow: auto;
  201. }
  202. .alertify.ajs-resizable .ajs-footer,
  203. .alertify.ajs-maximized .ajs-footer {
  204. position: absolute;
  205. right: 0;
  206. left: 0;
  207. bottom: 0;
  208. margin: 0;
  209. }
  210. .alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  211. min-width: 548px;
  212. }
  213. .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  214. display: block;
  215. }
  216. .alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  217. cursor: move;
  218. }
  219. .alertify.ajs-modeless .ajs-dimmer,
  220. .alertify.ajs-modeless .ajs-reset {
  221. display: none;
  222. }
  223. .alertify.ajs-modeless .ajs-modal {
  224. overflow: visible;
  225. max-width: none;
  226. max-height: 0;
  227. }
  228. .alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  229. display: inline-block;
  230. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
  231. }
  232. .alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  233. position: absolute;
  234. }
  235. .alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  236. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
  237. }
  238. .alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  239. max-height: 500px;
  240. overflow: auto;
  241. }
  242. .alertify.ajs-basic .ajs-header {
  243. opacity: 0;
  244. }
  245. .alertify.ajs-basic .ajs-footer {
  246. visibility: hidden;
  247. }
  248. .alertify.ajs-frameless .ajs-header {
  249. position: absolute;
  250. top: 0;
  251. right: 0;
  252. left: 0;
  253. min-height: 60px;
  254. margin: 0;
  255. padding: 0;
  256. opacity: 0;
  257. z-index: 1;
  258. }
  259. .alertify.ajs-frameless .ajs-footer {
  260. display: none;
  261. }
  262. .alertify.ajs-frameless .ajs-body .ajs-content {
  263. position: absolute;
  264. top: 0;
  265. left: 0;
  266. bottom: 0;
  267. right: 0;
  268. }
  269. .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  270. padding-top: 0;
  271. }
  272. .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  273. margin-top: 0;
  274. }
  275. .ajs-no-overflow {
  276. overflow: hidden !important;
  277. outline: none;
  278. }
  279. .ajs-no-overflow.ajs-fixed {
  280. position: fixed;
  281. top: 0;
  282. left: 0;
  283. bottom: 0;
  284. right: 0;
  285. overflow-y: scroll!important;
  286. }
  287. .ajs-no-selection,
  288. .ajs-no-selection * {
  289. -webkit-user-select: none;
  290. -moz-user-select: none;
  291. -ms-user-select: none;
  292. user-select: none;
  293. }
  294. @media screen and (max-width: 568px) {
  295. .alertify .ajs-dialog {
  296. min-width: 150px;
  297. }
  298. .alertify:not(.ajs-maximized) .ajs-modal {
  299. padding: 0 5%;
  300. }
  301. .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
  302. min-width: initial;
  303. min-width: auto /*IE fallback*/;
  304. }
  305. }
  306. @-moz-document url-prefix() {
  307. .alertify button:focus {
  308. outline: 1px dotted #3593D2;
  309. }
  310. }
  311. .alertify .ajs-dimmer,
  312. .alertify .ajs-modal {
  313. -webkit-transform: translate3d(0, 0, 0);
  314. transform: translate3d(0, 0, 0);
  315. -webkit-transition-property: opacity, visibility;
  316. transition-property: opacity, visibility;
  317. -webkit-transition-timing-function: linear;
  318. transition-timing-function: linear;
  319. -webkit-transition-duration: 250ms;
  320. transition-duration: 250ms;
  321. }
  322. .alertify.ajs-hidden .ajs-dimmer,
  323. .alertify.ajs-hidden .ajs-modal {
  324. visibility: hidden;
  325. opacity: 0;
  326. }
  327. .alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  328. -webkit-animation-duration: 500ms;
  329. animation-duration: 500ms;
  330. }
  331. .alertify.ajs-out.ajs-hidden .ajs-dialog {
  332. -webkit-animation-duration: 250ms;
  333. animation-duration: 250ms;
  334. }
  335. .alertify .ajs-dialog.ajs-shake {
  336. -webkit-animation-name: ajs-shake;
  337. animation-name: ajs-shake;
  338. -webkit-animation-duration: .1s;
  339. animation-duration: .1s;
  340. -webkit-animation-fill-mode: both;
  341. animation-fill-mode: both;
  342. }
  343. @-webkit-keyframes ajs-shake {
  344. 0%,
  345. 100% {
  346. -webkit-transform: translate3d(0, 0, 0);
  347. transform: translate3d(0, 0, 0);
  348. }
  349. 10%,
  350. 30%,
  351. 50%,
  352. 70%,
  353. 90% {
  354. -webkit-transform: translate3d(10px, 0, 0);
  355. transform: translate3d(10px, 0, 0);
  356. }
  357. 20%,
  358. 40%,
  359. 60%,
  360. 80% {
  361. -webkit-transform: translate3d(-10px, 0, 0);
  362. transform: translate3d(-10px, 0, 0);
  363. }
  364. }
  365. @keyframes ajs-shake {
  366. 0%,
  367. 100% {
  368. -webkit-transform: translate3d(0, 0, 0);
  369. transform: translate3d(0, 0, 0);
  370. }
  371. 10%,
  372. 30%,
  373. 50%,
  374. 70%,
  375. 90% {
  376. -webkit-transform: translate3d(10px, 0, 0);
  377. transform: translate3d(10px, 0, 0);
  378. }
  379. 20%,
  380. 40%,
  381. 60%,
  382. 80% {
  383. -webkit-transform: translate3d(-10px, 0, 0);
  384. transform: translate3d(-10px, 0, 0);
  385. }
  386. }
  387. .alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  388. -webkit-animation-name: ajs-slideIn;
  389. animation-name: ajs-slideIn;
  390. -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  391. animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  392. }
  393. .alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  394. -webkit-animation-name: ajs-slideOut;
  395. animation-name: ajs-slideOut;
  396. -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  397. animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  398. }
  399. .alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  400. -webkit-animation-name: ajs-zoomIn;
  401. animation-name: ajs-zoomIn;
  402. }
  403. .alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  404. -webkit-animation-name: ajs-zoomOut;
  405. animation-name: ajs-zoomOut;
  406. }
  407. .alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  408. -webkit-animation-name: ajs-fadeIn;
  409. animation-name: ajs-fadeIn;
  410. }
  411. .alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  412. -webkit-animation-name: ajs-fadeOut;
  413. animation-name: ajs-fadeOut;
  414. }
  415. .alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  416. -webkit-animation-name: ajs-pulseIn;
  417. animation-name: ajs-pulseIn;
  418. }
  419. .alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  420. -webkit-animation-name: ajs-pulseOut;
  421. animation-name: ajs-pulseOut;
  422. }
  423. .alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  424. -webkit-animation-name: ajs-flipInX;
  425. animation-name: ajs-flipInX;
  426. }
  427. .alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  428. -webkit-animation-name: ajs-flipOutX;
  429. animation-name: ajs-flipOutX;
  430. }
  431. .alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  432. -webkit-animation-name: ajs-flipInY;
  433. animation-name: ajs-flipInY;
  434. }
  435. .alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  436. -webkit-animation-name: ajs-flipOutY;
  437. animation-name: ajs-flipOutY;
  438. }
  439. @-webkit-keyframes ajs-pulseIn {
  440. 0%,
  441. 20%,
  442. 40%,
  443. 60%,
  444. 80%,
  445. 100% {
  446. -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  447. transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  448. }
  449. 0% {
  450. opacity: 0;
  451. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  452. transform: scale3d(0.3, 0.3, 0.3);
  453. }
  454. 20% {
  455. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  456. transform: scale3d(1.1, 1.1, 1.1);
  457. }
  458. 40% {
  459. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  460. transform: scale3d(0.9, 0.9, 0.9);
  461. }
  462. 60% {
  463. opacity: 1;
  464. -webkit-transform: scale3d(1.03, 1.03, 1.03);
  465. transform: scale3d(1.03, 1.03, 1.03);
  466. }
  467. 80% {
  468. -webkit-transform: scale3d(0.97, 0.97, 0.97);
  469. transform: scale3d(0.97, 0.97, 0.97);
  470. }
  471. 100% {
  472. opacity: 1;
  473. -webkit-transform: scale3d(1, 1, 1);
  474. transform: scale3d(1, 1, 1);
  475. }
  476. }
  477. @keyframes ajs-pulseIn {
  478. 0%,
  479. 20%,
  480. 40%,
  481. 60%,
  482. 80%,
  483. 100% {
  484. -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  485. transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  486. }
  487. 0% {
  488. opacity: 0;
  489. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  490. transform: scale3d(0.3, 0.3, 0.3);
  491. }
  492. 20% {
  493. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  494. transform: scale3d(1.1, 1.1, 1.1);
  495. }
  496. 40% {
  497. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  498. transform: scale3d(0.9, 0.9, 0.9);
  499. }
  500. 60% {
  501. opacity: 1;
  502. -webkit-transform: scale3d(1.03, 1.03, 1.03);
  503. transform: scale3d(1.03, 1.03, 1.03);
  504. }
  505. 80% {
  506. -webkit-transform: scale3d(0.97, 0.97, 0.97);
  507. transform: scale3d(0.97, 0.97, 0.97);
  508. }
  509. 100% {
  510. opacity: 1;
  511. -webkit-transform: scale3d(1, 1, 1);
  512. transform: scale3d(1, 1, 1);
  513. }
  514. }
  515. @-webkit-keyframes ajs-pulseOut {
  516. 20% {
  517. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  518. transform: scale3d(0.9, 0.9, 0.9);
  519. }
  520. 50%,
  521. 55% {
  522. opacity: 1;
  523. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  524. transform: scale3d(1.1, 1.1, 1.1);
  525. }
  526. 100% {
  527. opacity: 0;
  528. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  529. transform: scale3d(0.3, 0.3, 0.3);
  530. }
  531. }
  532. @keyframes ajs-pulseOut {
  533. 20% {
  534. -webkit-transform: scale3d(0.9, 0.9, 0.9);
  535. transform: scale3d(0.9, 0.9, 0.9);
  536. }
  537. 50%,
  538. 55% {
  539. opacity: 1;
  540. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  541. transform: scale3d(1.1, 1.1, 1.1);
  542. }
  543. 100% {
  544. opacity: 0;
  545. -webkit-transform: scale3d(0.3, 0.3, 0.3);
  546. transform: scale3d(0.3, 0.3, 0.3);
  547. }
  548. }
  549. @-webkit-keyframes ajs-zoomIn {
  550. 0% {
  551. opacity: 0;
  552. -webkit-transform: scale3d(0.25, 0.25, 0.25);
  553. transform: scale3d(0.25, 0.25, 0.25);
  554. }
  555. 100% {
  556. opacity: 1;
  557. -webkit-transform: scale3d(1, 1, 1);
  558. transform: scale3d(1, 1, 1);
  559. }
  560. }
  561. @keyframes ajs-zoomIn {
  562. 0% {
  563. opacity: 0;
  564. -webkit-transform: scale3d(0.25, 0.25, 0.25);
  565. transform: scale3d(0.25, 0.25, 0.25);
  566. }
  567. 100% {
  568. opacity: 1;
  569. -webkit-transform: scale3d(1, 1, 1);
  570. transform: scale3d(1, 1, 1);
  571. }
  572. }
  573. @-webkit-keyframes ajs-zoomOut {
  574. 0% {
  575. opacity: 1;
  576. -webkit-transform: scale3d(1, 1, 1);
  577. transform: scale3d(1, 1, 1);
  578. }
  579. 100% {
  580. opacity: 0;
  581. -webkit-transform: scale3d(0.25, 0.25, 0.25);
  582. transform: scale3d(0.25, 0.25, 0.25);
  583. }
  584. }
  585. @keyframes ajs-zoomOut {
  586. 0% {
  587. opacity: 1;
  588. -webkit-transform: scale3d(1, 1, 1);
  589. transform: scale3d(1, 1, 1);
  590. }
  591. 100% {
  592. opacity: 0;
  593. -webkit-transform: scale3d(0.25, 0.25, 0.25);
  594. transform: scale3d(0.25, 0.25, 0.25);
  595. }
  596. }
  597. @-webkit-keyframes ajs-fadeIn {
  598. 0% {
  599. opacity: 0;
  600. }
  601. 100% {
  602. opacity: 1;
  603. }
  604. }
  605. @keyframes ajs-fadeIn {
  606. 0% {
  607. opacity: 0;
  608. }
  609. 100% {
  610. opacity: 1;
  611. }
  612. }
  613. @-webkit-keyframes ajs-fadeOut {
  614. 0% {
  615. opacity: 1;
  616. }
  617. 100% {
  618. opacity: 0;
  619. }
  620. }
  621. @keyframes ajs-fadeOut {
  622. 0% {
  623. opacity: 1;
  624. }
  625. 100% {
  626. opacity: 0;
  627. }
  628. }
  629. @-webkit-keyframes ajs-flipInX {
  630. 0% {
  631. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  632. transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  633. -webkit-transition-timing-function: ease-in;
  634. transition-timing-function: ease-in;
  635. opacity: 0;
  636. }
  637. 40% {
  638. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  639. transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  640. -webkit-transition-timing-function: ease-in;
  641. transition-timing-function: ease-in;
  642. }
  643. 60% {
  644. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
  645. transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
  646. opacity: 1;
  647. }
  648. 80% {
  649. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
  650. transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
  651. }
  652. 100% {
  653. -webkit-transform: perspective(400px);
  654. transform: perspective(400px);
  655. }
  656. }
  657. @keyframes ajs-flipInX {
  658. 0% {
  659. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  660. transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  661. -webkit-transition-timing-function: ease-in;
  662. transition-timing-function: ease-in;
  663. opacity: 0;
  664. }
  665. 40% {
  666. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  667. transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  668. -webkit-transition-timing-function: ease-in;
  669. transition-timing-function: ease-in;
  670. }
  671. 60% {
  672. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
  673. transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
  674. opacity: 1;
  675. }
  676. 80% {
  677. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
  678. transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
  679. }
  680. 100% {
  681. -webkit-transform: perspective(400px);
  682. transform: perspective(400px);
  683. }
  684. }
  685. @-webkit-keyframes ajs-flipOutX {
  686. 0% {
  687. -webkit-transform: perspective(400px);
  688. transform: perspective(400px);
  689. }
  690. 30% {
  691. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  692. transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  693. opacity: 1;
  694. }
  695. 100% {
  696. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  697. transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  698. opacity: 0;
  699. }
  700. }
  701. @keyframes ajs-flipOutX {
  702. 0% {
  703. -webkit-transform: perspective(400px);
  704. transform: perspective(400px);
  705. }
  706. 30% {
  707. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  708. transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
  709. opacity: 1;
  710. }
  711. 100% {
  712. -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  713. transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
  714. opacity: 0;
  715. }
  716. }
  717. @-webkit-keyframes ajs-flipInY {
  718. 0% {
  719. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  720. transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  721. -webkit-transition-timing-function: ease-in;
  722. transition-timing-function: ease-in;
  723. opacity: 0;
  724. }
  725. 40% {
  726. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
  727. transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
  728. -webkit-transition-timing-function: ease-in;
  729. transition-timing-function: ease-in;
  730. }
  731. 60% {
  732. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
  733. transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
  734. opacity: 1;
  735. }
  736. 80% {
  737. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
  738. transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
  739. }
  740. 100% {
  741. -webkit-transform: perspective(400px);
  742. transform: perspective(400px);
  743. }
  744. }
  745. @keyframes ajs-flipInY {
  746. 0% {
  747. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  748. transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  749. -webkit-transition-timing-function: ease-in;
  750. transition-timing-function: ease-in;
  751. opacity: 0;
  752. }
  753. 40% {
  754. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
  755. transform: perspective(400px) rotate3d(0, -1, 0, 20deg);
  756. -webkit-transition-timing-function: ease-in;
  757. transition-timing-function: ease-in;
  758. }
  759. 60% {
  760. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
  761. transform: perspective(400px) rotate3d(0, -1, 0, -10deg);
  762. opacity: 1;
  763. }
  764. 80% {
  765. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
  766. transform: perspective(400px) rotate3d(0, -1, 0, 5deg);
  767. }
  768. 100% {
  769. -webkit-transform: perspective(400px);
  770. transform: perspective(400px);
  771. }
  772. }
  773. @-webkit-keyframes ajs-flipOutY {
  774. 0% {
  775. -webkit-transform: perspective(400px);
  776. transform: perspective(400px);
  777. }
  778. 30% {
  779. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
  780. transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
  781. opacity: 1;
  782. }
  783. 100% {
  784. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  785. transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  786. opacity: 0;
  787. }
  788. }
  789. @keyframes ajs-flipOutY {
  790. 0% {
  791. -webkit-transform: perspective(400px);
  792. transform: perspective(400px);
  793. }
  794. 30% {
  795. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
  796. transform: perspective(400px) rotate3d(0, -1, 0, 15deg);
  797. opacity: 1;
  798. }
  799. 100% {
  800. -webkit-transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  801. transform: perspective(400px) rotate3d(0, -1, 0, -90deg);
  802. opacity: 0;
  803. }
  804. }
  805. @-webkit-keyframes ajs-slideIn {
  806. 0% {
  807. margin-top: -100%;
  808. }
  809. 100% {
  810. margin-top: 5%;
  811. }
  812. }
  813. @keyframes ajs-slideIn {
  814. 0% {
  815. margin-top: -100%;
  816. }
  817. 100% {
  818. margin-top: 5%;
  819. }
  820. }
  821. @-webkit-keyframes ajs-slideOut {
  822. 0% {
  823. margin-top: 5%;
  824. }
  825. 100% {
  826. margin-top: -100%;
  827. }
  828. }
  829. @keyframes ajs-slideOut {
  830. 0% {
  831. margin-top: 5%;
  832. }
  833. 100% {
  834. margin-top: -100%;
  835. }
  836. }
  837. .alertify-notifier {
  838. position: fixed;
  839. width: 0;
  840. overflow: visible;
  841. z-index: 1982;
  842. -webkit-transform: translate3d(0, 0, 0);
  843. transform: translate3d(0, 0, 0);
  844. }
  845. .alertify-notifier .ajs-message {
  846. position: relative;
  847. width: 260px;
  848. max-height: 0;
  849. padding: 0;
  850. opacity: 0;
  851. margin: 0;
  852. -webkit-transform: translate3d(0, 0, 0);
  853. transform: translate3d(0, 0, 0);
  854. -webkit-transition-duration: 250ms;
  855. transition-duration: 250ms;
  856. -webkit-transition-timing-function: linear;
  857. transition-timing-function: linear;
  858. }
  859. .alertify-notifier .ajs-message.ajs-visible {
  860. -webkit-transition-duration: 500ms;
  861. transition-duration: 500ms;
  862. -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  863. transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  864. opacity: 1;
  865. max-height: 100%;
  866. padding: 15px;
  867. margin-top: 10px;
  868. }
  869. .alertify-notifier .ajs-message.ajs-success {
  870. background: rgba(91, 189, 114, 0.95);
  871. }
  872. .alertify-notifier .ajs-message.ajs-error {
  873. background: rgba(217, 92, 92, 0.95);
  874. }
  875. .alertify-notifier .ajs-message.ajs-warning {
  876. background: rgba(252, 248, 215, 0.95);
  877. }
  878. .alertify-notifier .ajs-message .ajs-close {
  879. position: absolute;
  880. top: 0;
  881. left: 0;
  882. width: 16px;
  883. height: 16px;
  884. cursor: pointer;
  885. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
  886. background-repeat: no-repeat;
  887. background-position: center center;
  888. background-color: rgba(0, 0, 0, 0.5);
  889. border-top-left-radius: 2px;
  890. }
  891. .alertify-notifier.ajs-top {
  892. top: 10px;
  893. }
  894. .alertify-notifier.ajs-bottom {
  895. bottom: 10px;
  896. }
  897. .alertify-notifier.ajs-right {
  898. left: 10px;
  899. }
  900. .alertify-notifier.ajs-right .ajs-message {
  901. left: -320px;
  902. }
  903. .alertify-notifier.ajs-right .ajs-message.ajs-visible {
  904. left: 290px;
  905. }
  906. .alertify-notifier.ajs-left {
  907. right: 10px;
  908. }
  909. .alertify-notifier.ajs-left .ajs-message {
  910. right: -300px;
  911. }
  912. .alertify-notifier.ajs-left .ajs-message.ajs-visible {
  913. right: 0;
  914. }
  915. .alertify-notifier.ajs-center {
  916. right: 50%;
  917. }
  918. .alertify-notifier.ajs-center .ajs-message {
  919. -webkit-transform: translateX(50%);
  920. transform: translateX(50%);
  921. }
  922. .alertify-notifier.ajs-center .ajs-message.ajs-visible {
  923. right: 50%;
  924. -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
  925. transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
  926. }
  927. .alertify-notifier.ajs-center.ajs-top .ajs-message {
  928. top: -300px;
  929. }
  930. .alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  931. top: 0;
  932. }
  933. .alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  934. bottom: -300px;
  935. }
  936. .alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  937. bottom: 0;
  938. }