inputmask.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. span.im-caret {
  2. -webkit-animation: 1s blink step-end infinite;
  3. -moz-animation: 1s blink step-end infinite;
  4. -ms-animation: 1s blink step-end infinite;
  5. -o-animation: 1s blink step-end infinite;
  6. animation: 1s blink step-end infinite;
  7. }
  8. @keyframes blink {
  9. from, to {
  10. border-right-color: black;
  11. }
  12. 50% {
  13. border-right-color: transparent;
  14. }
  15. }
  16. @-moz-keyframes blink {
  17. from, to {
  18. border-right-color: black;
  19. }
  20. 50% {
  21. border-right-color: transparent;
  22. }
  23. }
  24. @-webkit-keyframes blink {
  25. from, to {
  26. border-right-color: black;
  27. }
  28. 50% {
  29. border-right-color: transparent;
  30. }
  31. }
  32. @-ms-keyframes blink {
  33. from, to {
  34. border-right-color: black;
  35. }
  36. 50% {
  37. border-right-color: transparent;
  38. }
  39. }
  40. @-o-keyframes blink {
  41. from, to {
  42. border-right-color: black;
  43. }
  44. 50% {
  45. border-right-color: transparent;
  46. }
  47. }
  48. span.im-static {
  49. color: grey;
  50. }
  51. div.im-colormask {
  52. display: inline-block;
  53. border-style: inset;
  54. border-width: 2px;
  55. -webkit-appearance: textfield;
  56. -moz-appearance: textfield;
  57. appearance: textfield;
  58. }
  59. div.im-colormask > input {
  60. display: inline-block;
  61. background-color: transparent;
  62. color: transparent;
  63. -webkit-appearance: caret;
  64. -moz-appearance: caret;
  65. appearance: caret;
  66. border-style: none;
  67. }
  68. div.im-colormask > input:focus {
  69. outline: none;
  70. }
  71. div.im-colormask > div {
  72. position: absolute;
  73. display: inline-block;
  74. left: 0; /*calculated*/
  75. z-index: -1; /*calculated*/
  76. }