| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- span.im-caret {
- -webkit-animation: 1s blink step-end infinite;
- -moz-animation: 1s blink step-end infinite;
- -ms-animation: 1s blink step-end infinite;
- -o-animation: 1s blink step-end infinite;
- animation: 1s blink step-end infinite;
- }
- @keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- border-right-color: transparent;
- }
- }
- @-moz-keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- border-right-color: transparent;
- }
- }
- @-webkit-keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- border-right-color: transparent;
- }
- }
- @-ms-keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- border-right-color: transparent;
- }
- }
- @-o-keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- border-right-color: transparent;
- }
- }
- span.im-static {
- color: grey;
- }
- div.im-colormask {
- display: inline-block;
- border-style: inset;
- border-width: 2px;
- -webkit-appearance: textfield;
- -moz-appearance: textfield;
- appearance: textfield;
- }
- div.im-colormask > input {
- display: inline-block;
- background-color: transparent;
- color: transparent;
- -webkit-appearance: caret;
- -moz-appearance: caret;
- appearance: caret;
- border-style: none;
- }
- div.im-colormask > input:focus {
- outline: none;
- }
- div.im-colormask > div {
- color: black;
- position: absolute;
- display: inline-block;
- left: 0; /*calculated*/
- }
|