| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- mark.im-caret {
- animation: 1s blink step-end infinite !important;
- }
- mark.im-caret-select {
- background-color: rgba(0, 0, 0, 0.25);
- }
- @keyframes blink {
- from, to {
- border-right-color: black;
- }
- 50% {
- /*border-right-color: transparent;*/
- border-right-color: white;
- }
- }
- span.im-static {
- color: grey;
- }
- div.im-colormask {
- display: inline-block;
- border-style: groove;
- border-width: 1px;
- appearance: textfield;
- cursor: text;
- }
- div.im-colormask > input, div.im-colormask > input:-webkit-autofill {
- position: absolute !important;
- display: inline-block;
- background-color: transparent;
- color: transparent;
- -webkit-text-fill-color: transparent;
- transition: background-color 5000s ease-in-out 0s;
- caret-color: transparent;
- text-shadow: none;
- appearance: textfield;
- border-style: none;
- left: 0; /*calculated*/
- }
- div.im-colormask > input:focus {
- outline: none;
- }
- div.im-colormask > input::selection {
- background: none;
- }
- div.im-colormask > input::-moz-selection {
- background: none;
- }
- div.im-colormask > input:-webkit-autofill ~ div {
- background-color: rgb(255, 255, 255);
- }
- div.im-colormask > div {
- color: black;
- display: inline-block;
- width: 100px; /*calculated*/
- }
|