ret += '}'
ret += '#cursor {'
ret += 'position: absolute;'
- ret += 'height: 1em;' # FIXME adjust for hight of text
ret += 'width: 2px;'
- ret += 'background: #444;'
- ret += '-webkit-animation: blink 1s linear infinite;'
- ret += 'animation: blink 1s linear infinite;'
+ ret += 'background: linear-gradient(0deg, rgba(0,0,0,1), rgba(255,255,255,1), rgba(0,0,0,1), rgba(255,255,255,1), rgba(0,0,0,1), rgba(255,255,255,1), rgba(0,0,0,1), rgba(255,255,255,1), rgba(0,0,0,1));'
+ ret += 'background-size: 200% 200%;'
+ ret += '-webkit-animation: blink 1s linear normal infinite;'
+ ret += 'animation: blink 1s linear normal infinite;'
ret += '}'
ret += '@-webkit-keyframes blink {'
- ret += '0% { background-color: rgba(0,0,0,0.7); }'
- ret += '50% { background-color: rgba(0,0,0,0.7); }'
- ret += '50.001% { background-color: rgba(255,255,255,0.7); }'
- ret += '100% { background-color: rgba(255,255,255,0.7); }'
+ ret += '0%{background-position:0% 0%}'
+ ret += '100%{background-position:0% -100%}'
ret += '}'
- ret += '@keyframes blink {'
- ret += '0% { background-color: rgba(0,0,0,0.7); }'
- ret += '50% { background-color: rgba(0,0,0,0.7); }'
- ret += '50.001% { background-color: rgba(255,255,255,0.7); }'
- ret += '100% { background-color: rgba(255,255,255,0.7); }'
+ ret += '@keyframes blink { '
+ ret += '0%{background-position:0% 0%}'
+ ret += '100%{background-position:0% -100%}'
ret += '}'
ret += '.ann_box {'
ret += 'z-index: 5;'